AngularDart #

Fast and productive web framework 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:

Recommended packages for production #

For full-featured applications with SEO support:

dependencies:
  angulardart: ^9.0.0
  angulardart_router: ^5.1.0
  angulardart_seo: ^1.0.4    # Dynamic meta tags and titles
  angulardart_prerender: ^1.0.4  # Static prerendering for SEO

dev_dependencies:
  angulardart_cli: ^1.0.15   # Project scaffolding + `ngdart new --seo`

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

Disclaimer #

AngularDart Reborn is a community-maintained fork of Google's original AngularDart framework (formerly known as AngularDart by Google). This project is not affiliated with, endorsed by, or sponsored by Google LLC.

• Angular, AngularDart, and all associated packages (angulardart, angulardart_router, angulardart_compiler, angulardart_forms, angulardart_meta, angulardart_ast, angulardart_cli, angulardart_seo, angulardart_prerender, angulardart_test, angulardart_components) are trademarks and projects of the AngularDart Reborn community.
• The original AngularDart framework was developed by Google LLC and hosted at github.com/angulardart.
• This is an independent, 100% community-driven project that continues the work started by Google's AngularDart team after Google ceased active maintenance.

For the official Angular Framework (TypeScript/JavaScript), visit angular.io. For the original Google-maintained AngularDart repository, see github.com/angulardart.