AngularDart

Fast and productive web framework by Google, revived for Dart 3.

AngularDart is a web framework that separates cleanly into a template language and a component model, making it easy to build complex, maintainable web applications.

Why AngularDart?

• Dart 3 native - Fully compatible with Dart 3 and null safety, ready for the future
• Component-based - Build reusable UI components with clear separation of concerns
• Productive - Powerful templates, dependency injection, and two-way data binding
• Fast - Build-time compilation for optimal performance
• Type-safe - Full Dart type checking catches errors at compile time
• Battle-tested - Originally developed by Google, used in production at scale

Quick Start

The fastest way to get started is with the AngularDart CLI:

# Install the CLI
dart pub global activate angulardart_cli

# Create a new project
ngdart new my_app
cd my_app

# Install dependencies and run
dart pub get
dart run build_runner serve

Open your browser at http://localhost:8080 and you're done!

Example

import 'package:angulardart/angular.dart';

@Component(
  selector: 'my-app',
  template: '''
    <h1>Hello {{name}}!</h1>
    <button (click)="changeName()">Change name</button>
  ''',
)
class AppComponent {
  String name = 'World';
  
  void changeName() {
    name = 'AngularDart';
  }
}

void main() {
  runApp(AppComponent, 'my-app');
}

Ecosystem

AngularDart comes with a complete set of packages for building modern web applications:

Package	Description
angulardart	Core framework (you are here)
angulardart_cli	CLI tools for scaffolding and development
angulardart_forms	Forms framework with validation
angulardart_router	Client-side routing and navigation
angulardart_components	Material Design UI components
angulardart_test	Testing utilities and helpers

Key Features

• Component-based architecture - Build reusable, encapsulated UI components
• Two-way data binding - Automatically sync data between model and view
• Dependency injection - Manage services and dependencies efficiently
• Template syntax - Powerful templating with directives, pipes, and interpolation
• Change detection - Efficient rendering with OnPush strategy support
• Build-time compilation - Code generation for optimal performance
• Null safety - Full Dart 3 null safety support

Requirements

• Dart SDK >= 3.0.0
• Web platform support

Documentation

• API Reference
• Examples
• AngularDart CLI - Create projects in seconds

Contributing

Contributions are welcome! Please feel free to submit a Pull Request or open an issue on GitHub.

Credits

AngularDart was originally developed by Google. This is a community-maintained revival for Dart 3, ensuring the framework continues to evolve and stay compatible with modern Dart.

---

Made with ❤️ for the Dart community