{

"name": "Awesome Angular 2",

"tagline": "A curated list of awesome Angular 2 resources",

"body": "# Awesome Angular 2 [](https://github.com/sindresorhus/awesome)\r\n\r\nAwesome list of [Angular 2](https://angular.io/) seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular 2 ecosystem\r\n\r\n##### Current Angular 2 version:\r\n[](http://badge.fury.io/js/angular2)\r\n\r\nTable of contents:\r\n* [Angular 2](#angular-2)\r\n * [Angular 2 General Resources](#angular-2-general-resources)\r\n * [Angular 2 Community](#angular-2-community)\r\n * [Angular 2 Server-Side Rendering](#angular-2-server-side-rendering)\r\n * [Angular 2 Material Design](#angular-2-material-design)\r\n * [Angular 2 Cheatsheet](#angular-2-cheatsheet)\r\n * [Angular 2 Tutorials](#angular-2-tutorials)\r\n * [Angular 2 Series](#angular-2-series)\r\n * [Angular 2 Video Tutorials](#angular-2-video-tutorials)\r\n * [Angular 2 Books](#angular-2-books)\r\n * [Angular 2 On-Site Training](#angular-2-on-site-training)\r\n * [Angular 2 Approach and Explanation](#angular-2-approach-and-explanation)\r\n * [Angular 2 Integrations](#angular-2-integrations)\r\n * [Angular 2 Components](#angular-2-components)\r\n * [Angular 2 Generators](#angular-2-generators)\r\n * [Angular 2 TodoMVC](#angular-2-todomvc)\r\n* [Universal](#universal-angular-2)\r\n * [Universal General Resources](#universal-general-resources)\r\n * [Seed Projects](#universal-seed-projects)\r\n* [TypeScript](#angular-2-in-typescript)\r\n * [TypeScript General Resources](#typescript-general-resources)\r\n * [Angular 2 Online Playground](#typescript-angular-2-online-playground)\r\n * [Seed Projects](#typescript-seed-projects)\r\n* [Dart](#angular-2-in-dart)\r\n * [Angular 2 Online Playground](#dart-angular-2-online-playground)\r\n * [Seed Projects](#dart-seed-projects)\r\n* [Babel](#angular-2-in-babel)\r\n * [Babel General Resources](#babel-general-resources)\r\n * [Angular 2 Online Playground](#babel-angular-2-online-playground)\r\n * [Seed Projects](#babel-seed-projects)\r\n* [ES5](#angular-2-in-es5)\r\n * [Angular 2 Online Playground](#es5-angular-2-online-playground)\r\n * [Seed Projects](#es5-seed-projects)\r\n* [Haxe](#angular-2-in-haxe)\r\n * [Angular 2 Online Playground](#haxe-angular-2-online-playground)\r\n * [Seed Projects](#haxe-seed-projects)\r\n* [Scala](#angular-2-in-scala)\r\n * [Seed Projects](#scala-seed-projects)\r\n* [Platforms](#platforms)\r\n * [Ionic 2](#ionic-2)\r\n * [Ionic 2 General Resources](#ionic-2-general-resources)\r\n * [NativeScript](#nativescript-in-angular-2)\r\n * [NativeScript General Resources](#nativescript-general-resources)\r\n * [Seed Projects](#nativescript-seed-projects)\r\n * [React Native](#react-native)\r\n * [React Native General Resources](#react-native-general-resources)\r\n \r\n### Angular 2\r\n> Angular is a development platform for building mobile and desktop web applications.\r\n\r\n#### Angular 2 General Resources\r\n* [Official Site](https://angular.io/)\r\n* [Official Blog](http://angularjs.blogspot.com/)\r\n* [Official Documentation](https://angular.io/docs/js/latest/)\r\n* [Official Getting Started Guide](https://angular.io/docs/js/latest/quickstart.html)\r\n* [Official GitHub Repo](https://github.com/angular/angular)\r\n\r\n#### Angular 2 Community\r\n* `#angular2` channel on Freenode IRC Server\r\n* [`#angular2`](https://twitter.com/hashtag/angular2) hashtag on Twitter\r\n* [Gitter Channel](https://gitter.im/angular/angular)\r\n* [Angular 2 StackOverflow](http://stackoverflow.com/questions/tagged/angular2)\r\n* [@AngularJS on Twitter](https://twitter.com/angularjs)\r\n* [/r/Angular2 Subreddit](http://www.reddit.com/r/angular2/)\r\n* [Angular Group on Facebook](https://www.facebook.com/groups/angular2/)\r\n* [AngularJS on Google+](https://plus.google.com/u/0/+AngularJS/posts)\r\n* [AngularAir](http://angular-air.com/)\r\n* [ng-newsletter](http://www.ng-newsletter.com)\r\n* [tryangular2](http://www.tryangular2.com/)\r\n* [Built With Angular 2](http://builtwithangular2.com/)\r\n* [`#ng-2 Slack Channel`](https://angularbuddies.slack.com/messages/ng-2/) on AngularBuddies ([Sign up](http://www.angularbuddies.com/))\r\n\r\n#### Angular 2 Server-Side Rendering\r\n* [Angular 2 Universal Repository (GitHub)](https://github.com/angular/universal)\r\n\r\n#### Angular 2 Material Design\r\n\r\n#### Angular 2 Cheatsheet\r\n* [TypeScript/Babel API Cheatsheet](https://docs.google.com/document/d/19jHbsXeYj2QiZ-cGS_mA3nyaU86gLeonjU2Tfzm1J5Y/mobilebasic)\r\n* [Dart API Cheatsheet](https://docs.google.com/document/d/1FYyA-b9rc2UtlYyQXjW7lx4Y08MSpuWcbbuqVCxHga0/edit#heading=h.34sus6g4zss3)\r\n* [Angular2 Dart cheatsheet](https://github.com/andresaraujo/angular2_cheatsheet_dart)\r\n\r\n#### Angular 2 Tutorials\r\n\r\n#### Angular 2 Series\r\n* Ionic\r\n * Angular 2\r\n * [Introduction](http://blog.ionic.io/angular-2-series-introduction/)\r\n * [Components](http://blog.ionic.io/angular-2-series-components/)\r\n* Auth0\r\n * Angular 2\r\n * [Working with Pipes](https://auth0.com/blog/2015/09/03/angular2-series-working-with-pipes/)\r\n * [Domain Models and Dependency Injection](https://auth0.com/blog/2015/09/17/angular-2-series-part-2-domain-models-and-dependency-injection/)\r\n* thoughtram\r\n * Angular 2 Template Syntax Demystified\r\n * [Part 1](http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html)\r\n\r\n#### Angular 2 Video Tutorials\r\n* [Egghead.io - Angular 2](https://egghead.io/technologies/angular2)\r\n* [udemy - Introduction to Angular 2](https://www.udemy.com/introduction-to-angular2/)\r\n\r\n#### Angular 2 Books\r\n* [ng-book 2](https://ng-book.com/2) `fullstack.io`\r\n* [Become a ninja with Angular 2](https://books.ninja-squad.com/angular2) `Ninja Squad`\r\n\r\n#### Angular 2 On-Site Training\r\n* [AngularClass](https://angularclass.com)\r\n* [thoughtram](http://thoughtram.io/training.html)\r\n* [Egghead.io](https://egghead.io/angularjs-enterprise-training-workshop)\r\n* [ng-book](https://www.ng-book.com/2/)\r\n\r\n#### Angular 2 Approach and Explanation\r\n* thoughtram\r\n * [Developing a tabs component in Angular 2](http://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html)\r\n * [Developing a zippy component in Angular 2](http://blog.thoughtram.io/angular/2015/03/27/building-a-zippy-component-in-angular-2.html)\r\n * [Resolving Service Dependencies in Angular 2](http://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html)\r\n * [Forward references in Angular 2](http://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html)\r\n * [Host and Visibility in Angular 2's Dependency Injection](http://blog.thoughtram.io/angular/2015/08/20/host-and-visibility-in-angular-2-dependency-injection.html)\r\n * [Dependency Injection in Angular 2](http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html)\r\n * [Routing in Angular 2](http://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html)\r\n * [Angular 2 Template Syntax Demystified - Part 1](http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html)\r\n * [View Encapsulation in Angular 2](http://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html)\r\n * [Styling Angular 2 components](http://blog.thoughtram.io/angular/2015/06/25/styling-angular-2-components.html)\r\n * [Even better ES5 code for Angular 2](http://blog.thoughtram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html)\r\n * [Writing Angular 2 code in ES5](http://blog.thoughtram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html)\r\n * [The difference between Annotations and Decorators](http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html)\r\n \r\n#### Angular 2 Integrations\r\n* [FalcorJS + Angular2 (Video)](https://youtu.be/z8UgDZ4rXBU)\r\n* [Angular2-Meteor](http://angular-meteor.com/angular2)\r\n* [nativescript-angular](https://github.com/NativeScript/nativescript-angular)\r\n* [react-native-renderer](https://github.com/angular/react-native-renderer)\r\n\r\n### Angular 2 Components\r\n* [Axponents: of Accessible Web Components (Dylan Barrell)](https://github.com/dylanb/Axponents/tree/master/angular2)\r\n* [ng2-bootstrap: Native Angular2 bootstrap components](https://github.com/valor-software/ng2-bootstrap)\r\n\r\n### Angular 2 Generators\r\n* Node.js\r\n * Slush\r\n * [TheVelourFog/slush-angular2](https://github.com/TheVelourFog/slush-angular2)\r\n * Yeoman\r\n * [swirlycheetah/generator-angular2](https://github.com/swirlycheetah/generator-angular2)\r\n* Dart\r\n * Stagehand\r\n * [kasperpeulen/stagehand](https://github.com/kasperpeulen/stagehand)\r\n\r\n#### Angular 2 TodoMVC\r\n* [Official Angular 2.0](http://todomvc.com/examples/angular2/)\r\n\r\n### Universal Angular 2\r\n> Universal (isomorphic) javascript support for Angular 2\r\n\r\n#### Universal General Resources\r\n* [Universal Angular 2 Repository (GitHub)](https://github.com/angular/universal)\r\n\r\n#### Universal Seed Projects\r\n* [fullstack-angular2-starter](https://github.com/angularclass/fullstack-angular2-starter) - Fullstack Angular 2 starter kit by @AngularClass\r\n\r\n### Angular 2 in TypeScript\r\n> TypeScript lets you write JavaScript the way you really want to.\r\nTypeScript is a typed superset of JavaScript that compiles to plain JavaScript.\r\n\r\n#### TypeScript General Resources\r\n* [TypeScript](http://www.typescriptlang.org/) Official Website for TypeScript\r\n* [REPL](http://www.typescriptlang.org/Playground) Official TypeScript REPL that runs entirely in your browser\r\n* [TypeScript Repository (GitHub)](https://github.com/Microsoft/TypeScript) Official Github Repo for TypeScript\r\n* [TSD](http://definitelytyped.org/tsd) TypeScript Definition manager for DefinitelyTyped\r\n* [DefinitelyTyped Repository (GitHub)](https://github.com/borisyankov/DefinitelyTyped) The repository for high quality TypeScript type definitions.\r\n\r\n#### TypeScript Angular 2 Online Playground\r\n\r\n#### TypeScript Seed Projects\r\n* [Angular 2 Webpack Starter](https://angularclass.com/angular2-webpack-starter#awesome-angular2) - An Angular 2 Webpack Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E), Karma, Protractor, Jasmine, TypeScript, and Webpack by @AngularClass\r\n* [Angular 2 Seed](http://mgechev.github.io/angular2-seed#awesome-angular2) Seed project for Angular 2 apps\r\n* [ng2-play.ts](https://github.com/pkozlowski-opensource/ng2-play.ts#awesome-angular2) A minimal Angular2 playground using TypeScript\r\n* [Angular2Go](https://github.com/johnpapa/angular2-go#awesome-angular2) Angular 2 Go !\r\n* [Angular 2 Samples](https://github.com/thelgevold/angular-2-samples) Angular 2.0 sample components\r\n \r\n### Angular 2 in Dart\r\n> Dart is an open-source, scalable programming language, with robust libraries and runtimes, for building web, server, and mobile apps.\r\n\r\n#### Dart General Resources\r\n* [Dart](https://www.dartlang.org/) Official Website for Dart\r\n* [Dartpad](https://dartpad.dartlang.org/) Dartpad lets play with Dart on-line, in a zero-install, zero configuration environment.\r\n* [Dart Organization (GitHub)](https://github.com/dart-lang) Official Github Organization for Dart\r\n* [Pub](https://pub.dartlang.org/) Repository of packages of software for the Dart programming language.\r\n* [Dartisans](https://plus.google.com/communities/114566943291919232850) The Official Dart Google+ community\r\n* [Dart Slack Channel](https://dartlang-slack.herokuapp.com/) The Official Dart Slack channel.\r\n\r\n#### Dart Angular 2 Online Playground\r\n\r\n#### Dart Seed Projects\r\n* [Angular 2 Dart Quickstart](https://github.com/andresaraujo/ng2_dart_quickstart) A minimal quick start project.\r\n\r\n#### Dart Demo, Samples, and Examples\r\n* [Angular 2 Samples](https://github.com/ng2-dart-samples) Angular 2 for Dart demos and samples from the community.\r\n* [Pipes](https://github.com/ng2-dart-samples/pipes) Examples of Pipes in Angular 2 for Dart.\r\n* [Hackernews App](https://github.com/andresaraujo/ng2_hackernews) A HackerNews application made with Angular 2 for Dart\r\n* [Router Demo](https://github.com/andresaraujo/ng2_dart_router_demo) A basic example of Angular 2 router.\r\n\r\n### Angular 2 in Babel\r\n> The compiler for writing next generation JavaScript.\r\n\r\n#### Babel General Resources\r\n* [Babel](https://babeljs.io/) Official Website for Babel\r\n* [REPL](https://babeljs.io/repl/) Official Babel REPL that runs entirely in your browser\r\n* [Babel Repository (GitHub)](https://github.com/babel/babel) Official Github Repo for Babel\r\n\r\n#### Babel Angular 2 Online Playground\r\n\r\n#### Babel Seed Projects\r\n* [babel-angular2-app](https://github.com/shuhei/babel-angular2-app) A skeleton Angular 2 app built with babel.\r\n\r\n### Angular 2 in ES5\r\n> An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.\r\n\r\n#### ES5 Angular 2 Online Playground\r\n\r\n#### ES5 Seed Projects\r\n\r\n### Angular 2 in Haxe\r\n> Haxe is an open source toolkit based on a modern, high level, strictly typed programming language.\r\n\r\n#### Haxe Angular 2 Online Playground\r\n\r\n#### Haxe Seed Projects\r\n* [angular2haxe](https://github.com/nweedon/angular2haxe)\r\n\r\n### Angular 2 in Scala\r\n> General purpose language; multiparadigm (object-oriented, functional, concurrent elements); statically typed, type-safe; focus: Web services.\r\n\r\n#### Scala Seed Projects\r\n* [play-angular2](https://github.com/gdi2290/play-angular2)\r\n\r\n### Platforms\r\n\r\n##### Ionic 2 General Resources\r\n* [Repository (GitHub)](https://github.com/driftyco/ionic2)\r\n\r\n#### Angular 2 in NativeScript \r\n> Build truly native iOS, Android and Windows Phone apps with Javascript and CSS. Try NativeScript open-source framework for cross-platform development.\r\n\r\n##### NativeScript General Resources\r\n* [NativeScript](https://www.nativescript.org/) Official Website for NativeScript\r\n\r\n#### NativeScript Seed Projects\r\n* [sample-Angular2](https://github.com/NativeScript/sample-Angular2)\r\n\r\n#### Angular 2 in React Native\r\n> React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript\r\n\r\n##### React Native General Resources\r\n* [React Native](https://facebook.github.io/react-native/) Official Website for React Native\r\n\r\n\r\n## License\r\n\r\n[](http://creativecommons.org/publicdomain/zero/1.0/)",

"google": "",

"note": "Don't delete this file! It's used internally to help with page regeneration."

}