Neon 2.4 — 100% Native OS Views with Pure Dart

Build Native Apps with
Dart. Zero Flutter.

The custom Dart mobile framework that owns its runtime while rendering hardware-accelerated Kotlin (Android) and Swift (iOS) native components.

main.dart
import 'package:neon_framework/neon.dart';

void main() {
  NeonApp.run(
    theme: NeonThemeData.dark(),
    home: const HomeScreen(),
  );
}

class HomeScreen extends StatelessWidget {
  @override
  NeonWidget build(NeonBuildContext context) {
    return Container(
      padding: NeonEdgeInsets.all(20),
      child: FilledButton(
        key: 'btn-explore',
        onPressed: () => print('Native tap!'),
        child: Text('Explore Neon Ecosystem'),
      ),
    );
  }
}
DEVELOPER EXPERIENCE

From Zero to Native in 4 Commands

Experience blazing fast scaffolding, zero-config environment diagnostics, and instant hot reload.

neon-cli — zsh
$dart pub global activate neon_framework
Resolving dependencies...
+ neon_framework 2.4.0
+ args 2.4.2
+ watcher 1.1.0
Building package executables...
Built neon_framework:neon.
Activated neon_framework 2.4.0.
ℹInstall the Neon command-line interface globally via Dart's package manager.
HOW IT WORKS

The Client-Server Native Bridge

A clean architectural separation between Dart application logic and hardware-accelerated native platform rendering.

Core Runtime01

1. Dart UI Engine

Pure Dart server running on localhost:8080. Evaluates widget composition, manages signals, and handles microtasks.

HTTP / JSON Stream02

2. The Platform Bridge

Lightning-fast bi-directional JSON serialization protocol over localhost socket transport.

Android & iOS Views03

3. 100% Native Shells

Real Android (Kotlin) and iOS (UIKit) views inflated directly from JSON into hardware-accelerated layouts.

1. Dart UI EnginePROTOCOL: HTTP/1.1 JSON
// lib/main.dart
void main() {
  NeonApp.run(
    theme: NeonThemeData.dark(),
    home: const DashboardScreen(),
  );
}

Architectural Guarantees:

  • Zero Flutter engine dependency
  • Executes reactive signals (NeonSignal, NeonComputed)
  • Flushes microtasks before serializing tree
  • Sub-100ms 3-tier Hot Reload engine
INTERACTIVE CODE LAB

Write Clean Dart. Render 100% Native.

Test out reactive signals, Material 3 native inputs, and list views directly in the simulated preview.

lib/screens/counter_screen.dartDart 3.2
import 'package:neon_framework/neon.dart';

class CounterScreen extends StatelessWidget {
  final count = NeonSignal<int>(0);

  @override
  NeonWidget build(NeonBuildContext context) {
    return Container(
      padding: NeonEdgeInsets.all(24.0),
      child: Column(
        mainAxisAlignment: NeonMainAxisAlignment.center,
        children: [
          Text('Live Signal Value:'),
          Text(
            '${count.value}',
            style: NeonTextStyle(fontSize: 44, color: NeonColors.cyan),
          ),
          SizedBox(height: 24),
          FilledButton(
            key: 'btn-inc',
            onPressed: () => count.value++,
            child: Text('Increment Signal'),
          ),
        ],
      ),
    );
  }
}
Neon Signal Demo
LIVE
REACTIVE STATE
7

Tap below to test action dispatch:

Why Neon?

Designed for speed, built for beauty.

Fast Development

Experience lightning-fast hot reload and intuitive APIs that let you build complex UIs in a fraction of the time.

Expressive & Beautiful

Built-in modern design system with glassmorphism, fluid animations, and customizable themes right out of the box.

Native Performance

Compiled directly to native code, ensuring your applications run at 60fps on all devices without compromise.

ARCHITECTURAL ADVANTAGE

Why Neon Outperforms Traditional Frameworks

By eliminating heavy C++ canvas engines and fragile JS bridges, Neon delivers direct native fidelity with Dart developer speed.

Feature
Neon FrameworkRECOMMENDED
FlutterReact Native
Engine Footprint
✓0 MB (No embedded engine)
15MB - 25MB (Skia/Impeller)8MB - 12MB (Hermes JS Engine)
Render Target
✓100% Native Views (Kotlin & UIKit)
Canvas Emulation (Skia pixels)Native Views via Async Bridge
Hot Reload Latency
✓< 100ms (3-Tier Engine)
200ms - 600ms300ms - 800ms (Fast Refresh)
Logic Language
✓Dart 3 (Sound Null Safety)
Dart 3JavaScript / TypeScript
Code Migration
✓Automated AST Transpiler
Manual rewriteManual rewrite
Platform Accessibility
✓100% Native OS Support
Custom accessibility bridgeNative accessibility tree
ECOSYSTEM & MIGRATION

Batteries Included Tooling

A complete suite of development utilities designed to migrate code instantly and manage full-lifecycle mobile engineering.

AST SOURCE CONVERTER

Flutter-to-Neon Transpiler

Automated AST analyzer that rewrites imports, maps widget trees, extracts keys, and eliminates heavy Scaffolds.

// Flutter Original
import 'package:flutter/material.dart';

class GreetingCard extends StatelessWidget {
  const GreetingCard({super.key});

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () => print('Hello'),
      child: Text('Press Me'),
    );
  }
}
Command: dart run tools/transpiler/main.dart ./flutter_input ./neon_compat
DATA PERSISTENCE

Built-in SQLite & Migrations

No external ORM dependencies. Neon provides schema versioning, transactional queries, and key-value persistence right out of the box.

💾
NeonDatabase

Declarative schema migrations with auto-rollback

⚡
NeonKeyValueStore

Instant shared preferences for themes & session tokens

🌐
WebSocket Client

Exponential backoff auto-reconnect for live feeds