Track Awesome Angular Updates Daily

:page_facing_up: A curated list of awesome Angular resources

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 PatrickJS/awesome-angular · ⭐ 8.5K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Aug 22, 2022

Experts on Twitter

• @codewith_ahsan

Google Developer Experts

• Muhammad Ahsan Ayaz

Books / Components

• Angular Cookbook - 80+ Recipes to enhance your Angular skills for enterprises Packt Publishing

Keyboard Mouse / Components

• ngx-focus-control (⭐0) - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility

Aug 15, 2022

Material Design

• mdl-ext Material Design Lite Ext (carousel, grid, lightbox, selectfield, sticky header, ...)

Apr 25, 2022

TypeScript Seed Projects / Components

• Eoapi (⭐657) - A lightweight, extensible API tool based on Angular and Electron

Apr 15, 2022

Google Developer Experts

• Nishu Goel

Mar 08, 2022

Google Developer Experts

• Siddharth Ajmera

Developer tools / Components

• Angular Dev Tools - Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications.

State Management / Components

• ng-simple-state (⭐28) - Simple state management in Angular with only Services and RxJS.

Misc Components / Components

• @tolgee/ngx (⭐166) - Web-based localization tool enabling users to translate directly in the Angular app they develop.

• ng-let (⭐25) - Structural directive for sharing data as local variable into html component template.

• ng-for-track-by-property (⭐13) - Angular global trackBy property directive with strict type checking.

Jun 05, 2021

Tables / Components

• ignite-ui-angular's grid - The data grid, tree grid, hierarchical grid in Ignite UI for Angular (⭐535) provide excel-style filtering, live-data, sorting, draggable row and other toolbar.

May 31, 2021

Community

• [Top rated Angular stackoverflow questions Dashboard] (https://dashboard.nbshare.io/apps/stackoverflow/top-angular-questions/)

Misc Components / Components

• @ngneat/transloco (⭐1.6k) - 🚀 😍 The internationalization (i18n) library for Angular

May 18, 2021

Test / Components

• Testing Angular – A Guide to Robust Angular Applications

May 09, 2021

Icons / Components

• ngx-icon-blur (⭐4) An Angular component that can be used to create frosted glass effect of icons.

Apr 11, 2021

Decorators / Components

• ng-lock Angular decorator for lock a function and user interface while a task running.

Mar 29, 2021

Decorators / Components

• ng-portal (⭐10) Component property connection in Angular application.

Pipes / Components

• ng-generic-pipe (⭐7) Generic pipe for Angular application.

State Management / Components

• ng-http-caching (⭐21) - Cache for HTTP requests in Angular application.

Mar 02, 2021

State Management / Components

• ngx-liquid-cache (⭐84) - A powerful, automatic and optimized Angular 2 cache system that fits everywhere!

Feb 17, 2021

Angular CLI / Components

• ng-cli-hooks (⭐6) - Hooks for the Angular CLI to customize the build

Feb 02, 2021

TypeScript Seed Projects / Components

• truonghungit/angular-starter - 😍 A complete Angular 10, NgRx, Angular CLI & Angular Material starter project

Jan 25, 2021

Animations / Components

• ng-particles (⭐4.3k) - A component to easily add Particles animations to your Angular application

Nov 29, 2020

Misc Components / Components

• scully (⭐2.5k) - Scully is a static site generator for Angular projects looking to embrace the Jamstack.

Nov 18, 2020

Schematics / Components

• Threejs (⭐206): New three.js starter app

Nov 17, 2020

Experts on Twitter

• @maciejtreder

Nov 13, 2020

Universal Courses And Tutorials / Components

• Guide to Angular Universal - a comprehensive guide how to sharpen your Universal Skills

Oct 23, 2020

Developer tools / Components

• Bugfender - A cloud service to collect logs and Angular errors in Real-Time.

Oct 16, 2020

Google Developer Experts

• Ankit

Books / Components

• Build a Full-Stack Web Application Using Angular & Firebase Ankit Sharma

Oct 08, 2020

Experts on Twitter

• @waterplea

• @marsibarsi

Google Developer Experts

• Alex Inkin

Server-Side Rendering

• ng-web-apis/universal — an opensource set of native API fallbacks and stubs (⭐107)

Books / Components

• Angular Institute angular.institute

TypeScript Seed Projects / Components

• TinkoffCreditSystems/angular-open-source-starter (⭐217) - a starter project for creating open-source libraries for Angular

Oct 07, 2020

Angular Team on twitter

• Alan Agius

• George Kalpakas

• Stephen Fluin

Google Developer Experts

• Santosh Yadav

Sep 30, 2020

Community

• AngularAir podcast and live broadcast

• Angular Expo showcase

Test / Components

• Testing Http services in Angular 2 with Jasmine

• Testing UI Components with the TestComponentBuilder

Ahead-of-Time Compilation / Components

• Ahead-of-Time Compilation in Angular

• Building an Angular Application for Production

• Demystifying Ahead-Of-Time Compilation In Angular 2

Series / Components

• Ionic
  • Angular
    • Introduction
    • Components

Books / Components

• Switching to Angular 2 Packt Publishing

On-Site Training / Components

• thoughtram

• Angular 2 Workshop

• Web Age Solutions

Approach and Explanation / Components

• Helgevold Consulting

  • Web Workers in Angular 2.0
  • Creating a Virtualized Grid
  • Socket.io with Observables
  • Change Detection

Integrations / Components

• Angular2-Meteor

Site Templates / Components

• NG-Dashboard (⭐60) - Dashboard for Angular 4+. UI Components based on Material Light (⭐40). Chart Component based on MetricsGraficsJS. Map Directive based on LeafletJS. DEMO ONLINE

Bootstrap Based / Components

• fuel-ui (⭐302) Bootstrap 4 components and directives for use in Angular 2

• @firebaseui/ng-bootstrap (⭐47) - Angular Bootstrap UI library for firebase authentication powered by @ng-bootstrap

• angular-bootstrap-md Material Design for Bootstrap 4 (Angular)

• ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team

• ng2-bootstrap (⭐5.4k) Native Angular2 Bootstrap 3&4 components

• ng2-bs (⭐8) Experiments with Angular 2 directives for Bootstrap.

• ng2-modal (⭐108) Modal window for angular2 and bootstrap 3

• ng2-paginator (⭐30) Pagination control for angular2 and bootstrap 3

• ng2-tabs (⭐38) Tabs control for angular2 and bootstrap 3

Developer tools / Components

• Angular State Inspector - Helps you debug Angular component state. Supports Angular 1/2+/Ivy.

TodoMVC / Components

• Official Angular 2.0

Animations / Components

• lottie-angular2 (⭐327) - Render After Effects animations on Angular2 based on Bodymovin.

• ng-animate (⭐700) - 🌙 A collection of cool, reusable and flexible animations for Angular

• ngx-interactive-paycard (⭐77) - Interactive payment card library with smooth animations

Auth Components / Components

• casl-angular (⭐4.3k) - Module which integrates isomorphic permissions management library CASL (⭐4.3k) with Angular2+

• ng2-permission (⭐51) - Fully featured permission based access control for your angular 4+ applications. This module inspired from angular-permission.

• ngx-auth-firebaseui (⭐581) - Angular Material UI component for firebase authentication

• ngx-auth (⭐57) -Authentication utility for Angular by @fulls1z3

• ngx-permissions (⭐859) - Permission and roles based access control for your angular(angular 2, angular 4,5+) applications(AOT, lazy modules compatible)

Backend Components / Components

• Cloudinary (⭐307) - Angular2 SDK for image and video management in the cloud

• ng-s-resource (⭐8) - Simplify RESTful http resource generator for Angular 4+.

• ngx-restangular (⭐783) - Restangular for Angular 2 and higher versions.

Calendars / Components

• angular-calendar (⭐2.5k) - A flexible calendar component for angular 6.0+ that can display events on a month, week or day view.

• ng-data-picker (⭐22) - 🏄🏼 A data picker based on Angular 4+ (like iOS native datetime picker)

• ng-fullcalendar (⭐907) Fullcalendar module for Angular

Charts / Components

• @ctrl/ngx-chartjs (⭐52) - Functional Chart.js wrapper for Angular

• dl-chart (⭐9) - Simple and lightweight Chart library without extern Dependencies

• ng2-charts (⭐2.2k) Beautiful charts for Angular2 based on Chart.js

• ngx-charts (⭐4.2k) - Declarative Charting Framework for Angular2 and beyond!

• ngx-f2 (⭐7) - Angular2+ wrapper for antv f2 mobile oriented charts

• ngx-trend (⭐115) - 📈 Simple, elegant spark lines for Angular

Drag/Drop / Components

• angular2-grid (⭐361) A drag/drop/resize grid-based plugin directive for angular2.

• ng2-dragula (⭐1.9k) Drag and Drop so simple it hurts!

Editor Components / Components

• @ctrl/ngx-codemirror (⭐247) - Codemirror Wrapper for Angular

• @instechnologies/ng-rooster (⭐11) - Angular wrapper of roosterjs, a rich text editor

• angular2-froala-wysiwyg (⭐725) Angular 2 wrapper for Froala WYSIWYG HTML Editor

• ng2-ace (⭐32) Ace editor directive made for Angular 2

• ng2-quill-editor (⭐230) - Quill editor component for Angular2

File Upload / Components

• @ctrl/ngx-droppable (⭐35) - Give file dropping ability to any element or component

• file-droppa (⭐0) Simple files drop and upload component with files list

• ng2-file-upload (⭐1.9k) Easy to use file upload directives

• ngx-awesome-uploader Angular Library for uploading files. It supports: File Upload and Preview (additionally preview images with lightbox), validation, image cropper , drag and drop with multi language support.

• ngx-dropzone (⭐123) - Highly customizable component to handle file drops and selection.

• ngx-flow (⭐54) - Angular7+ wrapper for flow.js (⭐2.9k) for file upload

Form Controls / Components

• @ctrl/ngx-emoji-mart (⭐396) - Customizable Slack-like emoji picker for Angular

• angular-imask (⭐4k) Angular 4+ input mask

• angular2-multiselect-dropdown (⭐264) Angular 2 multiselect dropdown component for web applications

• angular2-text-mask (⭐8.2k) Angular 2 input mask directive

• ng-fveh (⭐6) - Form Validations Errors Helper - Some helpers to help you with form validation :)

• ng-select (⭐3k) Angular ng-select - All in One UI Select, Multiselect and Autocomplete

• ng2-dropdown (⭐68) Dropdown menu for angular2 and bootstrap 3

• ng2-radio-group (⭐47) Angular2 directives for radio and checkbox inputs and radio input groups

• ng2-select (⭐675) Angular2 based replacement for select boxes

• ngx-color (⭐395) - 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

• ngx-credit-cards - A Credit Card Directives and Form Validators package for Angular X (4+).

• ngx-flag-picker (⭐11) - 😻 Customizable Angular component which containing a dropdown with country flags

• ngx-flexible-select (⭐6) - The most flexible and customized select

• ngx-recursive-form (⭐37) - Angular recursive form at any level based on your json input.

Icons / Components

• angular2-fontawesome (⭐88) Angular2 Components and Directives for Fontawesome

• ng2-fontawesome (⭐20) A small directive making font awesome even easier to use.

Keyboard Mouse / Components

• @ctrl/ngx-rightclick (⭐74) - Context Menu Service for Angular

• angular-clickable-click (⭐5) - Sets pointer cursor on elements using standard (click) output and allows to disable such events

• angular-esc (⭐3) - Adds (esc) output fired by the Escape key

• ngx-konami (⭐34) - Simple directive to add easter eggs in Angular 2+ applications

Layout Components / Components

• angular-fullpage (⭐161) Official component for fullPage.js, a fullscreen scrolling library.

• angular-split (⭐714) Angular split component

• angular2-infinite-scroll - An Infinite Scroll Directive for Angular2 (based on Observables)

• egjs-infinitegrid (⭐1.4k) - Arrange infinite card elements according to various layout types like masonry for Angular.

• ng2-card (⭐7) - Card view component for Angular2

• ng2-fullpage (⭐284) Fullpage scrolling for Angular2 based on fullPage.js

• ng2-sheet (⭐2) Angular2 Components to add yours components inside a sheet window and repeatedly

• ng2-swipeable-card (⭐15) - Swipeable card component for Angular2

• ngx-scrolltop (⭐19) - Lightweight, Material Design inspired button for scroll-to-top of the page. 🔼 No dependencies. Pure Angular! (Compatibility: Angular 9, Ivy, Universal, ng add)

• od-virtualscroll (⭐134) Observable-based virtual scroll implementation in Angular

Loaders / Components

• @kken94/ngx-progress (⭐21) The most powerful and customizable progress bar for Angular ✨

• angular-epic-spinners (⭐158) Reusable spinner components for angular

• angular2-busy (⭐320) Show busy/loading indicators on any promise, or on any Observable's subscription

• angular2-promise-buttons (⭐87) - Loading buttons for Angular 2 by @johannesjo

• isLoading? service - A simple and flexible loading indicator service for Angular apps.

• ng-spinners (⭐28) - Amazing collection of pure CSS angular spinners components.

• ng2-progress-bar (⭐21) Simple progress bar for angular2 and bootstrap 3

• ngx-config (⭐143) - Configuration utility for Angular (incl. Angular Universal loader) by @fulls1z3

• ngx-img-fallback (⭐81) Load placeholder image on image error

• ngx-progressbar (⭐922) - Nanoscopic progress bar, featuring realistic trickle animations.

Maps / Components

• angular-cesium (⭐173) Creating map based web apps using Cesium and Angular

• angular2-google-maps (⭐2k) Angular2 directives for Google Maps

• ngx-mapbox-gl (⭐310) - Angular binding of mapbox-gl-js

Notifications / Components

• ng-snotify (⭐320) - Angular 4 Notification Center

• ng2-sweetalert2 (⭐49) A wrapper for sweetalert2 for use with Angular 2.

• ngx-popper (⭐185) - Tooltip managment, wrapper for popper.js(https://popper.js.org/)

• ngx-toastr (⭐2.2k) - Notifications/Toastr

State Management / Components

• angular2-query-builder (⭐281) Modernized query builder based on jquery QueryBuilder

• angular2-jwt (⭐2.5k) Library for sending authenticated HTTP requests and decoding JWTs

• angular2-cookie (⭐111) Library that implements Angular 1.x $cookies service in Angular 2

• angular-safeguard (⭐78) Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage.

• ng2-storage (⭐14) A localStorage and sessionStorage wrapper written using ES6 Proxies for Angular 2

• ngx-store (⭐167) - Complex library for managing localStorage, sessionStorage and cookies, allows to watch data changes, provides decorators and API based on builder pattern

• ng-http-cache (⭐25) - Speed up your remote requests by automatically caching them on client.

• ngx-cache (⭐152) - Cache utility for Angular (incl. browser & server platform implementations) by @fulls1z3

• universal-model-angular (⭐8) - Store and state management for Angular

Tables / Components

• ag-grid Advanced Datagrid for Pure Javascript / AngularJS 1.x / AngularJS 2 / Web Components

• ng2-handsontable (⭐280) Excel-like data grid / spreadsheet

• ng2-smart-table (⭐1.6k) Smart data table library with sorting, filtering, pagination & add/edit/delete functions.

• ng2-table (⭐558) Simple table extension with sorting, filtering, paging... for Angular2 apps

• ngfb-sortable-table (⭐28) - Angular Firebase Sortable Table. Ability to filter and sort data with own firebase quering tools.

• ngx-datatable (⭐4.5k) A feature-rich yet lightweight data-table crafted for Angular2 and beyond!

General / Components

• @ngx-kit/sula (⭐18) - Set of themed components for Angular.

• Axponents: of Accessible Web Components (Dylan Barrell) (⭐20)

• Element Angular (⭐521) - Element Design components built on top of Angular 2

• Essential JS 2 for Angular by Syncfusion - Over 60 high-performance, lightweight, modular, and responsive UI components for Angular.

• Nebular (⭐7.7k) - set of essential (Theme, UI Kit, Auth, Security) modules for complex Angular applications

• NG ZORRO MOBILE (⭐768) - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.

• NG ZORRO (⭐8.3k) - An enterprise-class UI components based on Ant Design and Angular.

• ng-lightning (⭐910) Native Angular 2 components & directives for Lightning Design System

• ng-metro4 (⭐36) - Angular implementation of UI framework Metro4

• ng-sq-ui (⭐100) - Simple Quality UI kit for Angular. Build by developers for developers!

• ngSemantic (⭐997) - UI components based on Semantic UI

• ngx-qrcode2 (⭐187) - An Angular 4+ Component library for Generating QR (Quick Response ) Codes

• ngx-ui (⭐647) - Style and Component Library for Angular2 and beyond!

• prime-ng Collection of rich UI components for Angular 2

• vmware clarity (⭐6.5k) - Mostly a CSS only framework but some components are ported to Angular 2

• Wijmo 5 - Set of UI components for Angular2

Material Based / Components

• @angular-material-extensions/contacts (⭐45) - Angular Library to manage contacts and users with a material design

• @angular-material-extensions/faq (⭐30) - Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List

• @angular-material-extensions/google-maps-autocomplete (⭐165) - Autocomplete input component and directive for google-maps built with angular material design

• @angular-material-extensions/link-preview (⭐57) - Angular open source UI library to preview web links

• @angular-material-extensions/pages (⭐51) - Open source library for angular apps to illustrate custom material pages content with steps (ideal for tutorials and explanations purposes)

• @angular-material-extensions/password-strength (⭐261) - Angular UI library to illustrate and validate a password's strength with material design

• angular-jqwidgets Advanced Angular Components with Material Design.

• Covalent - a UI platform built on Angular 2.0 + Material Design

• Material 2 (⭐23k) - Angular team's Material Design components built on top of Angular 2

• Teradata covalent (⭐2.2k) - UI Platform built on @angular/material 2.0

UX Components / Components

• angular-shepherd (⭐171) - Angular 7 Service wrapping the site tour library Shepherd (⭐11k)

• ng2-archwizard (⭐294) - Wizard component for Angular 2

• ngx-app-tour (⭐18) - Angular2+ plugin for building a tour, showcase or a walkthrough for your app

Viewers / Components

• egjs-flicking (⭐2.2k) - It's reliable, flexible and extendable carousel for Angular.

• ng2-pdf-viewer (⭐1.2k) PDF viewer component

• ng2-safe-img (⭐9) Very tiny and safe img for Angular 2

• ngu-carousel (⭐300) - Angular Universal carousel.

• ngx-siema - Lightweight and simple carousel with no dependencies.

Misc Components / Components

• @ngx-context (⭐131) - Angular Context: Easy property binding for router outlet and nested component trees..

• Angular SizeObserver - style DOM elements based on their display size (rather than browser screen size).

• angular2-simple-countdown (⭐26) - a simple countdown angular2 directive with multiple language

• ng-chat (⭐149) - A simple facebook/linkedin lookalike chat module for Angular applications

• ng-google-sheets-db (⭐33) 🚀 Use Google Sheets as your (read-only) backend!

• ng-katex (⭐101) Angular module to write beautiful math expressions with TeX syntax boosted by KaTeX library

• ng-wormhole (⭐16) - Render components somewhere else in the DOM

• ng2-adsense (⭐124) - Easy AdSense for Angular Applications

• ngx-avatar (⭐237) - Avatar component that makes it possible to genearte / fetch avatar based on the information you have about the user.

• ngx-cdmon - Library for monitoring Angular change detection performance.

• ngx-countdown (⭐169) - Simple, easy and performance countdown for angular

• ngx-i18n-router (⭐36) - Route internationalization utility for Angular by @fulls1z3

• ngx-linkifyjs (⭐41) - Angular V6 wrapper for linkifyjs - library for finding links in plain text and converting them to HTML tags via linkifyjs

• ngx-meta (⭐338) - Dynamic page title & meta tags utility for Angular (w/server-side rendering) by @fulls1z3

• ngx-wheel (⭐25) - Angular prize winning wheel component!

• xng-breadcrumb (⭐178) - Zero config breadcrumb solutuon. A lightweight, configurable and reactive breadcrumbs for Angular 6 and beyond.

TypeScript General Resources / Components

• TypeScript Official Website for TypeScript

• REPL Official TypeScript REPL that runs entirely in your browser

TypeScript Seed Projects / Components

• Angular Lab (⭐148) A simple Angular 2+ setup using Angular CLI, TypeScript, Angular Flex Layout (⭐5.9k), Material 2, AOT, and unit and e2e tests on Travis CI and Saucelabs.

Ionic 2 in Angular 2 / Components

• Ionic Framework Official Website for Ionic Framework

• Ionic Documentation Official for Ionic Framework

Babel Angular 2 Online Playground / Components

• Plunker: Angular 2 + Babel

Babel Seed Projects / Components

• babel-angular2-app (⭐264) A skeleton Angular 2 app built with Babel and Browserify.

Meteor General Resources / Components

• Angular Meteor Official Website for Angular Meteor

NativeScript General Resources / Components

• Using NativeScript

Haxe General Resources / Components

• Haxe.org

• Haxe compiler targets compiler targets: C++, C#, Java, Python, PHP, ActionScript 3, and Flash or Neko bytecode

• Haxe: working with JavaScript libraries

• A success story for Haxe - about porting JavaScript to haxe targeting both JavaScript and C# "without interrupting the development of actual game by the rest of the team!", "AWESOME BONUS", "there are only benefits"

NgRx / Components

• Authentication in Angular with NGRX

Sep 29, 2020

Video Tutorials / Components

• Angular Pro Screencast

Sep 28, 2020

Video Tutorials / Components

• Egghead.io - Angular

Approach and Explanation / Components

• Hristo Georgiev

  • Debugging Angular 2 Applications

Generators / Components

• Dart
  • Stagehand
    • dart-lang/stagehand (⭐669)

Sep 26, 2020

Schematics / Components

• Cypress (⭐162): Add Cypress to an Angular CLI application

• Jest (⭐296): Configure Angular to execute unit tests with Jest instead of Karma + Jasmine

• Prettier (⭐142): Add Prettier and a pre-commit hook for formatting staged files in an Angular application

• Tailwind CSS (⭐599): Add Tailwind CSS to an Angular application

Aug 08, 2020

Scala Seed Projects / Components

• {{ add_your_repo }}

Scala General Resources / Components

• {{ help_add_resources }}

Jul 24, 2020

Integrations / Components

• ckeditor5-angular (⭐180) - An official CKEditor 5 rich text editor component for Angular 2+

• ckeditor4-angular (⭐43) - An official CKEditor 4 rich text editor component for Angular 2+

Jul 22, 2020

Video Tutorials / Components

• List of over 140 Angular Courses (free and paid) at Classpert

On-Site Training / Components

• Workshops.DE (Germany)

Integrations / Components

• ng-sapphiredb (⭐44) - Client implementation of SapphireDb, a framework for easy development of applications with realtime data synchronization and a self hosted alternative to firebase realtime database/firestore for asp.net core and ef core. Check out the documentation for more details: Documentation

Site Templates / Components

• HowToKeepAngularDeploymentSizeSmall (⭐14) - A sample included Homepage and Dashboard for Angular 7 and a demonestration of How To Keep Angular Deployment Size Small

Developer tools / Components

• CodeSandbox - An online IDE and prototyping tool for rapid Angular development.

NgRx / Components

• Adding Redux With NgRx/store and Angular2 - Part 1

• Adding Redux with NgRx/store to Angular2 – Part 2 (Testing Reducers)

Aug 13, 2019

Universal Seed Projects / Components

• angular-universal (⭐152) - Fast, Unopinionated, Minimalist starter kit for Angular Universal 100% powered by Angular CLI

TypeScript Seed Projects / Components

• NG-MATERO (⭐882) - This Ng-Matero is an Angular admin templete made with Material componnets.

Jul 03, 2019

Material Design

• MDBootstrap (⭐1.1k) Built with Angular 7, Bootstrap 4 and TypeScript powerful UI KIT providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps.

May 31, 2019

Decorators / Components

• segal-decorators (⭐45) Bunch of useful decorators for the web!

Pipes / Components

• ngx-pipes (⭐1.5k) Bunch of useful pipes for Angular and beyond!

May 25, 2019

Experts on Twitter

• @PatrickJS__

May 11, 2019

Server-Side Rendering

• SEO-Friendly Angular SPA: Universal Server-Side Rendering Tutorial

Apr 19, 2019

HTTP / Components

• Official HttpClient

Router / Components

• Official Routing & Navigation

Style Guides / Components

• Official Angular style guide

Mar 24, 2019

Test / Components

• Marble testing for RxJS observables in Angular

Mar 22, 2019

Generators / Components

• Scaffold
  • ScaffoldHub.io: Generate full Angular Material applications with MongoDB, SQL or Firebase Firestore databases.

Mar 02, 2019

Documentation tools / Components

• ng-app-counter (⭐91) : Count the number of Modules, Lazy Modules, Pipes, Providers, Directives, Components used in an Angular application.

Feb 26, 2019

Developer tools / Components

• Augury - Browser extension for debugging and profiling Angular applications.

Feb 10, 2019

Angular Team on twitter

• Minko Gechev

Feb 08, 2019

Google Developer Experts

• Jeff Delaney

Dec 07, 2018

Universal Seed Projects / Components

• angular-universal-heroku-starter (⭐23) - Angular 7 Universal Starter Kit with Server-Side Rendering (SSR) and easy deployment to Heroku

Nov 18, 2018

On-Site Training / Components

• Angular.DE (Germany)

Oct 23, 2018

Google Developer Experts

• Dmitriy Shekhovtsov

Oct 13, 2018

Cheatsheet

• Angular References

Sep 29, 2018

Google Developer Experts

• Nir kaufman

Sep 12, 2018

Google Developer Experts

• Alyssa Nicoll

Sep 11, 2018

Google Developer Experts

• William Grasel

TypeScript Seed Projects / Components

• angular-app-example (⭐60) - Angular latest + material + sass themes + more beautiful features, a dashboard app example

Aug 09, 2018

Cheatsheet

• List of 100 Angular Interview questions and answers (⭐2.8k)

Jul 21, 2018

Material Design

• Material Web Components Material Web Components for Angular. A faithful and accurate representation of Material Design as envisioned on the web.

Mar 25, 2018

Community

• Programming Community Curated Resources for Learning Angular

Feb 27, 2018

Webpack / Components

• Angular Webpack Tour of Heroes from michaelbazos (⭐3) - Tour of Heroes official typescript tutorial built with webpack

TypeScript Seed Projects / Components

• Angular 2 full code coverage (⭐17) - Solid tested SystemJS and gulp workflow ready for your code using Angular2 final release (2.1.0) .. Demonstrates unit and full code coverage

Bit Resources / Components

• bitsrc - Free community hub for sharing, managing and finding open source components.

Security / Components

• So you thought you were safe using AngularJS? Think again! Slides, Video - Lewis Ardern speaking at OWASP London 2017

  Authentication

Feb 15, 2018

Google Developer Experts

• Manfred Steyer

• Juri Strumpflohner

Books / Components

• Angular-Buch (German) dpunkt.verlag

On-Site Training / Components

• Angular.Schule (in Germany)

Jan 18, 2018

Official Resources

• Site

• Blog

• Documentation

Jan 08, 2018

NgRx / Components

• Making chained API Calls using @ngrx/Effects

Jan 01, 2018

Documentation tools / Components

• Storybook (⭐75k) : "The UI development environment you'll love to use"

Dec 09, 2017

Community

• #angular hashtag on Twitter

Google Developer Experts

• {{ add_expert }}

Webpack / Components

• Official web page

• Angular Webpack Starter from PatrickJS (⭐10k)

Books / Components

• ng-book 2 fullstack.io

TypeScript Seed Projects / Components

• {{ add_your_repo }}

Security / Components

• Angular.io Security Guide - brief security guidance including Preventing cross-site scripting (XSS), Sanitization and Content security policy.

Nov 20, 2017

Community

• Angular StackOverflow

Server-Side Rendering

• Angular Universal Repository (GitHub) (⭐3.9k)

Material Design

• Official Angular Material Design (GitHub) (⭐23k)

• Blox Material (⭐150) A lightweight Material Design library for Angular, based upon Google's Material Components for the Web.

Cheatsheet

• Official Angular Cheatsheet

• Angular Dart cheatsheet (⭐11)

Books / Components

• Angular Development with TypeScript Manning Publications

• Angular in Action Manning Publications

Nov 15, 2017

Experts on Twitter

• @hirez_io

Google Developer Experts

• Shai Reznik

Nov 05, 2017

TypeScript Seed Projects / Components

• Angular5 + Redux + Graphql + MySQL quickstart (⭐67) - Simple Fullstack GraphQL Application with Angular CLI + Redux + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL).

• Angular5 + Firebase + Structure (⭐55) - Angular 5 + Firebase + a very good router/module structure to make it your own so easy

Oct 26, 2017

Integrations / Components

• GraphQL + Angular (⭐1.4k)

Sep 21, 2017

TypeScript Seed Projects / Components

• ngx-admin (⭐24k) - Admin template based on Nebular framework (Angular 4+, Bootstrap 4+)

Sep 10, 2017

Style Guides / Components

• Shared TSLint & codelyzer rules by fulls1z3 (⭐178)

Aug 28, 2017

TypeScript Seed Projects / Components

• Reboard - Angular 4 + Material 2 starter dashboard with ngx-charts, based on generator-ngx-rocket (Typescript, SASS, Webpack, Jasmine+Karma, Protractor, TSLint, Codelyzer, Stylelint, ngx-translate, Lodash, Angular Flex-Layout)

Aug 10, 2017

Video Tutorials / Components

• Angular 4 Master Class: Beginner to Advanced

Aug 02, 2017

Official Resources

• Getting Started Guide

Jul 18, 2017

Ahead-of-Time Compilation / Components

• Official Documentation

Series / Components

• thoughtram
  • Angular Template Syntax Demystified
    • Part 1

On-Site Training / Components

• Letsboot.com

Approach and Explanation / Components

• thoughtram

  • Developing a tabs component in Angular 2
  • Developing a zippy component in Angular 2
  • Resolving Service Dependencies in Angular 2
  • Forward references in Angular 2
  • Host and Visibility in Angular 2's Dependency Injection
  • Dependency Injection in Angular 2
  • Routing in Angular 2 Deprecated
  • Routing in Angular 2 Revisited
  • Angular 2 Template Syntax Demystified - Part 1
  • View Encapsulation in Angular 2
  • Styling Angular 2 components
  • Even better ES5 code for Angular 2
  • Writing Angular 2 code in ES5
  • The difference between Annotations and Decorators

TypeScript Seed Projects / Components

• Todo app with Firebase, OAuth, and Immutable (⭐508)

Jul 16, 2017

Official Resources

• Cheatsheet

Jul 07, 2017

Series / Components

• letsboot.com
  • Test Driven Development
    • Part 1 Angular TDD, Karma, Jasmine, PhantomJS, Gitlab-CI
  • Angular and Firebase
    • Part 1 Let’s learn how to install and setup AngularFire2 4.0

Video Tutorials / Components

• Angular Fullstack JavaScript Channel

Generators / Components

• Node.js
  • Slush
    • TheVelourFog/slush-angular2 (⭐45)
  • Yeoman
    • swirlycheetah/generator-angular2 (⭐256)
  • ngX-Rocket: Extensible Angular 4+ enterprise-grade generator and tools
    • ngx-rocket/generator-ngx-rocket (⭐1.5k)
    • ngx-rocket/cli (⭐13)
    • ngx-rocket/core (⭐8)

Jul 06, 2017

Books / Components

• Testing Angular Applications Manning Publications

Jun 28, 2017

Pipes / Components

• ngx-filter-pipe (⭐137) Pipe for filtering arrays

Jun 13, 2017

Pipes / Components

• ngx-order-pipe (⭐241) OrderBy pipe for Angular4+ - sort collection by a field

Jun 03, 2017

Ionic 2 General Resources / Components

• Ionic 2 Repository (GitHub)

• Ionic 2 Awesome (⭐827)

May 21, 2017

Bit Resources / Components

• Bit (⭐16k)

• Bit-Javascript (⭐39)

May 20, 2017

Webpack / Components

• Angular Webpack from preboot (⭐1.3k)

TypeScript Seed Projects / Components

• Angular 2 Starter (⭐527) - Simple Angular 2 Starter with Gulp workflow and Travis CI

• Angular 2 Leaflet Starter (⭐212) - A map application starter based on Angular 2 and Leaflet

• Angular 2 MapboxGL Starter (⭐50) - Another map application starter based on Angular 2 and MapboxGL JS

Babel Demo, Samples, and Examples / Components

• ng1-ng2-webpack-lazy-uirouter (⭐57) Hybrid lazy-loading Angular1 + Angular2 using UI-Router, Webpack2 and Babel.

Haxe General Resources / Components

• Haxe Playground

May 14, 2017

Babel Seed Projects / Components

• angular-babel-seed (⭐19) The super simple Angular quickstarter with ES6

May 10, 2017

Approach and Explanation / Components

• Burak Tasci (fulls1z3)
  • Angular 4 with server side rendering (aka Angular Universal)

Universal Seed Projects / Components

• ng-seed/universal (⭐707) - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer by @fulls1z3

TypeScript Seed Projects / Components

• ng-seed/spa (⭐26) - Seed project for Angular apps featuring Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer by @fulls1z3

May 02, 2017

Webpack / Components

• Angular Nightly Webpack Starter (⭐896)

• Angular Webpack with Visual Studio ASP.NET Core from Damien Bowden (⭐490)

• Angular Typescript Webpack from schempy (⭐68)

• Angular Webpack + rxjs + modules (⭐5)

Apr 17, 2017

Ahead-of-Time Compilation / Components

• Multiple solutions for Angular Ahead of Time (AOT) Compilation

Apr 13, 2017

TypeScript Seed Projects / Components

• Angular2 D3v4 Seed (⭐14) - Angular2 D3v4 implementation of charts, graphs, area and view porting seed project

Apr 04, 2017

Experts on Twitter

• @victorsavkin

• @jeffbcross

Material Design

• Material Light (⭐40) Light, fast and easy to use Material Design components for Angular 2+ (Especially for mobile UI). There are several alternatives but this one has added value and advantages in my opinion (Take a loot at the Readme.md for details). There is also an online demo to see it in action. (API documentation is still lacking but in process).

Mar 24, 2017

Video Tutorials / Components

• Code School - Accelerating Through Angular 2

Mar 03, 2017

Documentation tools / Components

• NgModule-Viz (⭐36) : Visualize the dependencies between the NgModules in your Angular 2+ application.

Feb 21, 2017

Material Design

• ng2-materialize (⭐319) An Angular 2 wrap around Materialize library

Cheatsheet

• Angular Performance Checklist (⭐3.9k)

TypeScript Seed Projects / Components

• Angular Seed Seed project for Angular apps

• Angular NPM Module Seed (⭐52) - Starting point for developing Angular modules and publishing them on NPM.

Feb 14, 2017

Community

• @Angular on Twitter

Pipes / Components

• angular2-camelcase (⭐2) Angular2 pipe to convert camelCase strings to human readable strings Edit

Cordova Seed Projects / Components

• Angular 2 Seed CLI Admin (Template) (⭐66) Multi-platform Angular 2 project (Web/PWA, Mobile and Desktop) with Ionic 2 (and optionally Bootstrap).

Jan 16, 2017

Books / Components

• Become a ninja with Angular 2 Ninja Squad

Meteor Seed Projects / Components

• Angular2 Meteor Seed (⭐5)

Jan 08, 2017

Video Tutorials / Components

• Angular typed Store

• Angular advanced tips and tricks

TypeScript Seed Projects / Components

• ng-kitchen-sink (⭐761) - The ultimate Angular 2 bootstrap single page app - touches on all key and advanced aspects of Angular

• ng-skeleton (⭐41) - The ultimate Angular seed with ngrx, bootstrap and two factor auth

Dec 19, 2016

Documentation tools / Components

• Compodoc (⭐3.7k) : "The missing documentation tool for your Angular 2 application", integrate well with npm scripts

TypeScript Seed Projects / Components

• famn (⭐27) - Angular 2 + FeathersJS application framework for both client and server side

Haxe General Resources / Components

• Haxe discussion group - community

• Haxe and Node.js

• News And Information For Haxe Developers

Nov 26, 2016

Ahead-of-Time Compilation / Components

• Code Example with Webpack (⭐317)

• Code Example with Rollup (⭐81)

Nov 06, 2016

Community

• /r/Angular2 Subreddit

• AngularJS on Google+

• Adventures in Angular podcast

• #ng-2 Slack Channel on AngularBuddies

Series / Components

• Auth0
  • Angular
    • Working with Pipes
    • Domain Models and Dependency Injection
    • Using Http
    • Create a Desktop App with Angular 2 and Electron

Video Tutorials / Components

• Egghead.io - Build Redux Style Applications with Angular2, RxJS, and ngrx/store

On-Site Training / Components

• Angular Boot Camp

Approach and Explanation / Components

• Victor Savkin

  • Dependency Injection in Angular 1 and Angular 2
  • Writing Angular in Typescript
  • Angular Template Syntax
  • The Core Concepts of Angular 2
  • Two Phases of Angular 2 Applications
  • Change Detection in Angular 2
  • Better Support For Functional Programming In
  • Angular 2 Bits Unified Dependency Injection
  • Angular 2 Router

Integrations / Components

• FalcorJS + Angular2 (Video)

TypeScript Seed Projects / Components

• Reaper (⭐10) - Angular 2 Webpack Starter Boilerplate w/o 2269 dependencies

Angular 2 in Cordova / Components

• Cordova Framework Official Website for Apache Cordova

• Cordova Documentation Official Documentation for Apache Cordova

Babel Seed Projects / Components

• angular2-es6-starter (⭐491) A skeleton Angular 2 ES6 application built with Babel, Webpack, Gulp.

Babel Demo, Samples, and Examples / Components

• angular2-es6-todomvc (⭐132) Angular 2 TodoMVC implementation with ES6.

Meteor General Resources / Components

• Angular 2 Meteor

NativeScript Seed Projects / Components

• angular2-seed-advanced (⭐2.3k)

Security / Components

• Angular 2 OAuth2 OIDC from Manfred Steyer

Nov 04, 2016

Google Developer Experts

• Deborah Kurata

Video Tutorials / Components

• Pluralsight - Angular 2: Getting Started

Sep 23, 2016

Google Developer Experts

• Maxim Salnikov

TypeScript Seed Projects / Components

• Angular Webpack Starter (⭐90) - Angular Webpack Starter with AoT compilation, Lazy-loading, and Tree-shaking

Sep 13, 2016

TypeScript Seed Projects / Components

• ng2-boiler (⭐0) - A bare-bones simple starter with Angular2, TypeScript and Webpack configured.

Aug 26, 2016

Material Design

• md2 Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Switch, Tabs, Tags(Chips), Toast and Tooltip.

• ng2-material set of material2 examples and extra components (data table, dialog, ...) built on top of @angular2-material/core

• angular2-mdl Angular 2 components, directives and styles based on Material Design Lite

Aug 10, 2016

TypeScript Seed Projects / Components

• Angular 2 Dashboard Starter (⭐98) - Ready to use dashboard control panel seed project based on Angular 2 and AdminLTE bootstrap theme.

Jul 31, 2016

Angular Team on twitter

• @mhevery

• @IgorMinar

• @naomitraveller

Experts on Twitter

• @scotups

Jul 27, 2016

NgRx / Components

• Comprehensive Introduction to @ngrx/store

Jul 22, 2016

Security / Components

• Angular 2 with OpenID Connect Implicit Flow from Damien Bowden

• Angular 2 bootstrap4 OAuth2 Webpack from Michael Oryl (⭐195)

• Angular 2 authentication sample from auth0-blog (⭐978)

Jul 21, 2016

TypeScript Seed Projects / Components

• Angular 2 webpack (⭐3) - Tour of Heroes official typescript tutorial built with webpack

Jun 29, 2016

Video Tutorials / Components

• Channel9 - The Future of TypeScript: ECMAScript 6, Async/Await and Richer Libraries

• Channel9 - Creating Cross-Platform Apps with Angular 2

Books / Components

• Rangle's Angular 2 training Rangle.io

May 20, 2016

Angular CLI / Components

• Official web page

• Official repository (⭐26k)

May 10, 2016

Babel Plugins / Components

• babel-preset-angular2 (⭐14) Babel presets for Angular2

Mar 24, 2016

Video Tutorials / Components

• udemy - Angular 2 with TypeScript for Beginners: The Pragmatic Guide

• udemy - The Complete Guide to Angular 2

• Pluralsight - Angular 2: First Look

Mar 22, 2016

Experts on Twitter

• @amcdnl

Feb 29, 2016

TypeScript Seed Projects / Components

• angular2-demo (⭐83) Minimal Angular2 Demo using TypeScript / Sass / Npm Tasks

Feb 19, 2016

Google Developer Experts

• Ciro Nunes

Jan 31, 2016

Books / Components

• Practical Angular 2 Leanpub

Jan 26, 2016

TypeScript Seed Projects / Components

• ng2-start (⭐34) - Minimal setup to start creating an angular2 application

Traceur Seed Projects / Components

• GitHub: Angular2 ES6 Seed (Evan Plaice)

Jan 21, 2016

Haxe General Resources / Components

• Haxe on Wikipedia

• Haxe Usage Survey results

• Learn haxe in Y minutes

Jan 11, 2016

TypeScript Seed Projects / Components

• Angular 2 reconnecting websockets quickstart (⭐8) - Simple counter using 2-way or 1-way reconnecting websockets communication

Dec 31, 2015

Google Developer Experts

• Raúl Jiménez

Dec 15, 2015

Babel Seed Projects / Components

• angular2-fullstack-starter (⭐32) A full stack skeleton Angular 2 app built with Webpack/Babel.

Nov 24, 2015

Universal Seed Projects / Components

• universal-starter (⭐2k) - Angular 2 Universal starter kit by @Angular-Class

Nov 23, 2015

TypeScript Seed Projects / Components

• Angular 2 Goldilocks seed (⭐40) - A seed project for Angular 2 and TypeScript that is not too simple, yet not too complex. In fact it's just right!

Nov 13, 2015

TypeScript General Resources / Components

• DefinitelyTyped Repository (GitHub) (⭐41k) The repository for high quality TypeScript type definitions.

TypeScript Seed Projects / Components

• Spring Boot and Angular2 tutorial (⭐143) Angular2 practical example based on Rails tutorial.

Nov 10, 2015

TypeScript Seed Projects / Components

• ng2-play (⭐539) A minimal Angular2 playground using TypeScript and SystemJS loader

Oct 26, 2015

Angular Connect / Components

• Keynote – Brad Green, Igor Minar and Jules Kremer

• Testing strategies with Angular 2 – Julie Ralph

• Building native mobile apps with Angular 2 0 and NativeScript​ - Sebastian Witalec

• Angular 2 Data Flow – Jeff Cross, Rob Wormald and Alex Rickabaugh

• Iterative version upgrade strategies for large Angular applications – Jen Bourey

• Debugging Angular 2 Apps with Batarangle – Yuri Takhteyev and Igor Krivanov

• Building apps with Firebase and Angular 2 - Sara Robinson

• Better concepts, less code in Angular 2 - Victor Savkin and Tobias Bosch

• Modularity and Packaging for Angular2 Applications – Pawel Kozlowski

• Creating realtime apps with Angular 2 and Meteor - Uri Goldshtein

Oct 19, 2015

Experts on Twitter

• @pkozlowski_os

• @teropa

• @eggheadio

• @cedric_exbrayat

Google Developer Experts

• Jeff Whelpley

Oct 18, 2015

Google Developer Experts

• Jack Franklin

• Thierry Chatel

• Uri Shaked

• Gonzalo Ruiz de Villa Suárez

• Sharon DiOrio

• John Papa

• Dan Wahlin

• Christian Weyer

• Todd Motto

• Tim Ruffles

• Wassim Chegham

• Aaron Frost

• Wilson Mendes

• Jared Williams

• Gerard Sans

• Pascal Precht

Oct 07, 2015

Official Resources

• GitHub Repo (⭐84k)

Sep 28, 2015

Babel Plugins / Components

• babel-plugin-type-assertion (⭐0) An experimental babel transformer plugin for rtts_assert

Haxe Seed Projects / Components

• angular2haxe (⭐28) Haxe Language Bindings for Angular 2

Scala Seed Projects / Components

• play-angular2 (⭐9)

Sep 27, 2015

TypeScript General Resources / Components

• TypeScript Repository (GitHub) (⭐85k) Official GitHub Repo for TypeScript

Dart General Resources / Components

• Dart Organization (GitHub) Official GitHub Organization for Dart

Traceur General Resources / Components

• Traceur Repository (GitHub) (⭐8.2k) Official GitHub Repo for Traceur

Babel General Resources / Components

• Babel Repository (GitHub) (⭐42k) Official GitHub Repo for Babel

React Native Projects / Components

• Angular 2 React Native Renderer (GitHub) (⭐793)

Sep 25, 2015

Community

• #angular2 Slack Channel on dartlang.slack.com (Sign up)

Sep 23, 2015

TypeScript Seed Projects / Components

• Angular 2 Samples (⭐1k) Angular 2.0 sample components

Sep 22, 2015

Community

• #angular2 channel on Freenode IRC Server

• Gitter Channel

• Angular Group on Facebook

Cheatsheet

• Dart API Cheatsheet

Video Tutorials / Components

• udemy - Introduction to Angular 2

On-Site Training / Components

• ng-book

Integrations / Components

• nativescript-angular (⭐1.2k)

• react-native-renderer (⭐793)

Universal General Resources / Components

• Universal Angular 2 Repository (GitHub) (⭐3.9k)

Dart General Resources / Components

• Dart Official Website for Dart

• Dartpad Dartpad lets play with Dart on-line, in a zero-install, zero configuration environment.

• Pub Repository of packages of software for the Dart programming language.

• Dartisans The Official Dart Google+ community

• Dart Slack Channel The Official Dart Slack channel.

Dart Seed Projects / Components

• Angular 2 Dart Quickstart (⭐7) A minimal quick start project.

Dart Demo, Samples, and Examples / Components

• Hackernews App (⭐11) A HackerNews application made with Angular 2 for Dart

• Router Demo (⭐1) A basic example of Angular 2 router.

Babel General Resources / Components

• Babel Official Website for Babel

• REPL Official Babel REPL that runs entirely in your browser

NativeScript General Resources / Components

• NativeScript Official Website for NativeScript

NativeScript Seed Projects / Components

• sample-Angular2 (⭐49)

React Native General Resources / Components

• React Native Official Website for React Native