| Name | Name | Last commit date | ||
|---|---|---|---|---|
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Awesome list of Angular seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular ecosystem. View as github page.
If you're looking for AngularJS (version 1.x.x) please visit https://github.com/gianarb/awesome-angularjs
Table of contents:
Angular is a development platform for building mobile and desktop web applications.
#angular2 channel on Freenode IRC Server#angular hashtag on Twitter#ng-2 Slack Channel on AngularBuddies#angular2 Slack Channel on dartlang.slack.com (Sign up)#angular2 Content in a Simple Weekly Digest via The Herd LockerList of Angular experts you should follow on Twitter (in no particular order). This list is by no means complete.
Directives allow you to attach behavior to elements in the DOM.
A component is a directive which uses shadow DOM to create encapsulate visual behavior. Components are typically used to create UI widgets or to break up the application into smaller components.
A View is a core primitive used by angular to render the DOM tree.
Templates are markup which is added to HTML to declaratively describe how the application model should be projected to DOM as well as which DOM events should invoke which methods on the controller.
Every component gets a change detector responsible for checking the bindings defined in its template.
Angular 1.x has two APIs for injecting dependencies into a directive. Angular 2 unifies the two APIs, making the code easier to understand and test.
Pipes can be appended on the end of the expressions to translate the value to a different format.
WebWorker support in Angular is designed to make it easy to leverage parallelization in your web application. When you choose to run your application in a WebWorker angular runs both your application's logic and the majority of the core angular framework in a WebWorker.
Http is available as an injectable class, with methods to perform http requests. Calling request returns an EventEmitter which will emit a single Response when a response is received.
fullstack.ioNinja SquadManning PublicationsManning PublicationsLeanpubPackt PublishingRangle.ioGF SecuritiesIonic TeamManning Publicationsdpunkt.verlagVictor Savkin
AngularClass
thoughtram
Hristo Georgiev
Helgevold Consulting
Burak Tasci (fulls1z3)
Material 2 - Angular team's Material Design components built on top of Angular 2
NG ZORRO - An enterprise-class UI components based on Ant Design and Angular.
NG ZORRO MOBILE - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.
Element Angular - Element Design components built on top of Angular 2
angular-epic-spinners Reusable spinner components for angular
ng2-bootstrap Native Angular2 Bootstrap 3&4 components
ng2-charts Beautiful charts for Angular2 based on Chart.js
ng2-dragula Drag and Drop so simple it hurts!
ng2-file-upload Easy to use file upload directives
ng2-handsontable Excel-like data grid / spreadsheet
ng2-markdown Angular2 Markdown Web Component
ng2-select Angular2 based replacement for select boxes
ng2-safe-img Very tiny and safe img for Angular 2
ng2-table Simple table extension with sorting, filtering, paging... for Angular2 apps
ng2-smart-table Smart data table library with sorting, filtering, pagination & add/edit/delete functions.
ng2-bs Experiments with Angular 2 directives for Bootstrap.
ng-lightning Native Angular 2 components & directives for Lightning Design System
ag-grid Advanced Datagrid for Pure Javascript / AngularJS 1.x / AngularJS 2 / Web Components
angular-jqwidgets Advanced Angular Components with Material Design.
angular2-query-builder Modernized query builder based on jquery QueryBuilder
angular2-grid A drag/drop/resize grid-based plugin directive for angular2.
angular2-jwt Library for sending authenticated HTTP requests and decoding JWTs
angular2-cookie Library that implements Angular 1.x $cookies service in Angular 2
angular2-fontawesome Angular2 Components and Directives for Fontawesome
angular-safeguard Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage.
angular2-google-maps Angular2 directives for Google Maps
angular-cesium Creating map based web apps using Cesium and Angular
ng2-radio-group Angular2 directives for radio and checkbox inputs and radio input groups
ng2-dropdown Dropdown menu for angular2 and bootstrap 3
angular2-multiselect-dropdown Angular 2 multiselect dropdown component for web applications
ng2-progress-bar Simple progress bar for angular2 and bootstrap 3
ng2-tabs Tabs control for angular2 and bootstrap 3
ng2-modal Modal window for angular2 and bootstrap 3
ng2-sheet Angular2 Components to add yours components inside a sheet window and repeatedly
ng2-paginator Pagination control for angular2 and bootstrap 3
fuel-ui Bootstrap 4 components and directives for use in Angular 2
prime-ng Collection of rich UI components for Angular 2
ng2-ace Ace editor directive made for Angular 2
ng2-storage A localStorage and sessionStorage wrapper written using ES6 Proxies for Angular 2
ng2-fontawesome A small directive making font awesome even easier to use.
ng2-sweetalert2 A wrapper for sweetalert2 for use with Angular 2.
angular2-text-mask Angular 2 input mask directive
angular-imask Angular 4+ input mask
angular-fullpage Official component for fullPage.js, a fullscreen scrolling library.
ng2-fullpage Fullpage scrolling for Angular2 based on fullPage.js
file-droppa Simple files drop and upload component with files list
ngx-img-fallback Load placeholder image on image error
angular2-busy Show busy/loading indicators on any promise, or on any Observable's subscription
ng2-pdf-viewer PDF viewer component
Covalent - a UI platform built on Angular 2.0 + Material Design
angular2-infinite-scroll - An Infinite Scroll Directive for Angular2 (based on Observables)
ng2-card - Card view component for Angular2
Wijmo 5 - Set of UI components for Angular2
ng2-swipeable-card - Swipeable card component for Angular2
ngSemantic - UI components based on Semantic UI
vmware clarity - Mostly a CSS only framework but some components are ported to Angular 2
Teradata covalent - UI Platform built on @angular/material 2.0
ng2-quill-editor - Quill editor component for Angular2
ngx-charts - Declarative Charting Framework for Angular2 and beyond!
ngx-datatable A feature-rich yet lightweight data-table crafted for Angular2 and beyond!
ngx-ui - Style and Component Library for Angular2 and beyond!
Cloudinary - Angular2 SDK for image and video management in the cloud
angular2-simple-countdown - a simple countdown angular2 directive with multiple language
ngx-countdown - Simple, easy and performance countdown for angular
ng-http-cache - Speed up your remote requests by automatically caching them on client.
ng-animate - π A collection of cool, reusable and flexible animations for Angular
lottie-angular2 - Render After Effects animations on Angular2 based on Bodymovin.
ngx-restangular - Restangular for Angular 2 and higher versions.
ngfb-sortable-table - Angular Firebase Sortable Table. Ability to filter and sort data with own firebase quering tools.
angular-split Angular split component
od-virtualscroll Observable-based virtual scroll implementation in Angular
angular2-froala-wysiwyg Angular 2 wrapper for Froala WYSIWYG HTML Editor
ngx-meta - Dynamic page title & meta tags utility for Angular (w/server-side rendering) by @fulls1z3
ngx-config - Configuration utility for Angular (incl. Angular Universal loader) by @fulls1z3
ngx-cache - Cache utility for Angular (incl. browser & server platform implementations) by @fulls1z3
ngx-i18n-router - Route internationalization utility for Angular by @fulls1z3
ngx-auth -Authentication utility for Angular by @fulls1z3
angular2-promise-buttons - Loading buttons for Angular 2 by @johannesjo
ng2-archwizard - Wizard component for Angular 2
ngx-popper - Tooltip managment, wrapper for popper.js(https://popper.js.org/)
ngx-avatar - Avatar component that makes it possible to genearte / fetch avatar based on the information you have about the user.
ngx-qrcode2 - An Angular 4+ Component library for Generating QR (Quick Response ) Codes
ng2-permission - Fully featured permission based access control for your angular 4+ applications. This module inspired from angular-permission.
casl-angular - Module which integrates isomorphic permissions management library CASL with Angular2+
ng-s-resource - Simplify RESTful http resource generator for Angular 4+.
ng-data-picker - ππΌ A data picker based on Angular 4+ (like iOS native datetime picker)
ngx-siema - Lightweight and simple carousel with no dependencies.
ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team
ng-snotify - Angular 4 Notification Center
ngx-permissions - Permission and roles based access control for your angular(angular 2, angular 4,5+) applications(AOT, lazy modules compatible)
Nebular - set of essential (Theme, UI Kit, Auth, Security) modules for complex Angular applications
ng-select Angular ng-select - All in One UI Select, Multiselect and Autocomplete
ng-katex Angular module to write beautiful math expressions with TeX syntax boosted by KaTeX library
ng-fullcalendar Fullcalendar module for Angular
angular-bootstrap-md Material Design for Bootstrap 4 (Angular)
ngx-konami - Simple directive to add easter eggs in Angular 2+ applications
ngx-mapbox-gl - Angular binding of mapbox-gl-js
ng-chat - A simple facebook/linkedin lookalike chat module for Angular applications
ngx-store - Complex library for managing localStorage, sessionStorage and cookies, allows to watch data changes, provides decorators and API based on builder pattern
angular-esc - Adds (esc) output fired by the Escape key
angular-clickable-click - Sets pointer cursor on elements using standard (click) output and allows to disable such events
ngx-credit-cards - A Credit Card Directives and Form Validators package for Angular X (4+).
ng-fveh - Form Validations Errors Helper - Some helpers to help you with form validation :)
ng-wormhole - Render components somewhere else in the DOM
dl-chart - Simple and lightweight Chart library without extern Dependencies
isLoading? service - A simple and flexible loading indicator service for Angular apps.
ngu-carousel - Angular Universal carousel.
ngx-progressbar - Nanoscopic progress bar, featuring realistic trickle animations.
ngx-recursive-form - Angular recursive form at any level based on your json input.
@ngx-kit/sula - Set of themed components for Angular.
ngx-auth-firebaseui - Angular Material UI component for firebase authentication
@firebaseui/ng-bootstrap - Angular Bootstrap UI library for firebase authentication powered by @ng-bootstrap
ngx-linkifyjs - Angular V6 wrapper for linkifyjs - library for finding links in plain text and converting them to HTML tags via linkifyjs
@angular-material-extensions/password-strength - Angular UI library to illustrate and validate a password's strength with material design
@angular-material-extensions/google-maps-autocomplete - Autocomplete input component and directive for google-maps built with angular material design
@angular-material-extensions/pages - Open source library for angular apps to illustrate custom material pages content with steps (ideal for tutorials and explanations purposes)
@angular-material-extensions/contacts - Angular Library to manage contacts and users with a material design
@angular-material-extensions/faq - 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/links-preview - Angular open source UI library to preview web links
ngx-app-tour - Angular2+ plugin for building a tour, showcase or a walkthrough for your app
ngx-f2 - Angular2+ wrapper for antv f2 mobile oriented charts
ngx-dropzone - Highly customizable component to handle file drops and selection.
ng-sq-ui - Simple Quality UI kit for Angular. Build by developers for developers!
ngx-wheel - Angular prize winning wheel component!
ngx-status-bar - Angular 7 bottom status bar with a message indicating default, warning, error or success
angular-shepherd - Angular 7 Service wrapping the site tour library Shepherd
ngx-cdmon - Library for monitoring Angular change detection performance.
ngx-toastr - Notifications/Toastr
ngx-color - π¨ Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
ngx-trend - π Simple, elegant spark lines for Angular
ng2-adsense - Easy AdSense for Angular Applications
@ctrl/ngx-emoji-mart - Customizable Slack-like emoji picker for Angular
@ctrl/ngx-codemirror - Codemirror Wrapper for Angular
@ctrl/ngx-chartjs - Functional Chart.js wrapper for Angular
@ctrl/ngx-rightclick - Context Menu Service for Angular
@ctrl/ngx-droppable - Give file dropping ability to any element or component
Storybook : "The UI development environment you'll love to use"
Compodoc : "The missing documentation tool for your Angular 2 application", integrate well with npm scripts
AngularDoc : Website that display "Architectural analysis and visualization for Angular 2 projects", integrate only with a github repository
NgModule-Viz : Visualize the dependencies between the NgModules in your Angular 2+ application.
ng-app-counter : Count the number of Modules, Lazy Modules, Pipes, Providers, Directives, Components used in an Angular application.
Universal (isomorphic) javascript support for Angular 2
TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies.
Apache Cordova is a popular mobile application development framework using CSS3, HTML5, and JavaScript instead of relying on platform-specific APIs.
Dart is an open-source, scalable programming language, with robust libraries and runtimes, for building web, server, and mobile apps.
Traceur is a JavaScript.next-to-JavaScript-of-today compiler
The compiler for writing next generation JavaScript.
An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.
angular2-es5-starter-kit Angular2 ES5 Starter Kit
Build Realtime Web and Mobile Apps With Angular and Meteor
Build truly native iOS, Android and Windows Phone apps with Javascript and CSS. Try NativeScript open-source framework for cross-platform development.
React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript
Haxe is an open source toolkit based on a modern, high level, strictly typed programming language, a cross-compiler, a complete cross-platform standard library and ways to access each platform's native capabilities. General purpose language, with Haxe, you can easily build cross-platform tools targeting all the mainstream platforms natively. "Write once compile anywhere", with strong easily extendable macro system and powerfull, highly optimizing compiler with DCE (and f.e. using inline constructors). Can be used for server side rendering and in isomorphic way - possible to share the same source code compiling into client side in javascript and server side in pyhton (or java/php/node - can be choosen later/changed at scaling). Haxe code can contain (inline) any target language fragments (can be used to step by step porting), the externs mechanism provides access to the native APIs and libraries in a type-safe manner. Server, client, mobile (Android and iOS at once), desktop, embedded (Raspbery, award winning TIVO set top boxes), Playstation ... all can be reached natively with much less typing, more error-proof, more stable and compile-time type checked code even for non type-safe targets (f.e. JavaScript, PHP)!
General purpose language; multiparadigm (object-oriented, functional, concurrent elements); statically typed, type-safe; focus: Web services.
Bit is an open source virtual repository (code base) built to make components easily manageable and usable across applications. You can quickly export any Angular component from any context while working on any project to a bit distributed Scope. Bit's reusbale component environment cuts the overhead of configuring build and test environments for exporting every new component. The Scope is a virtual component repository which stores, organizes, manages and tests your components. Once modeled on a Scope, your components can be easily found and used in any Angular application. Components can be organized together and still modified and used individually without pulling in entire libraries.
enjoy β PatrickJS
