This repository aims to provide a comprehensive list of libraries compatible with Angular 2 and higher versions. Finding Angular libraries can be challenging due to older Angular 1 results. Here, you'll find a curated, categorized, and well-organized list of Angular libraries, tools, modules, and starter projects to supercharge your development! Whether you're building a design-heavy application, optimizing performance, or starting a new project, this collection has you covered. Contributions are always welcome! Have a library or tool to add? Open a Pull Request or create an Issue! 🎉
- Missing something? Submit a Pull Request to add it.
- Found an irrelevant library? Open an Issue to notify us.
- Suggestions or improvements? Let us know!
- UI Component Libraries 🖌️
- Standalone UI Components 🧩
- Input Components 🎛️
- API and Data Layer 🔗
- State Management 📊
- Internationalization 🌐
- Authentication 🔒
- Messages/Notifications 📢
- Drag & Drop 📂
- Local Storage 📥
- Data Table Components 📋
- Forms 📝
- Hot Module Loader 🔄
- Loading Indicators/Spinners ⏳
- Charts 📈
- Tools 🔧
- Learning Resources 📚
- Design, Layout, and Animations 🎨
- Audio and Video 🎵📹
- Image Lazy Loading 🖼️
- Maps 🗺️
- Various Modules 🛠️
- Starter Projects 🚀
- Testing and Debugging 🧪🐞
UI Component Libraries ↑ Back to the Top
| Library | Description |
|---|---|
| Material2 | Material Design components for Angular. |
| OnsenUI | Mobile app framework for cross-platform apps using Web Components. |
| ng2-bootstrap | Native Angular directives for Bootstrap. |
| ng-bootstrap | Angular-powered Bootstrap components. |
| PrimeNG | Rich UI components for Angular. |
| Clarity | Clarity Design System: HTML/CSS framework and Angular components. |
| ngSemantic | Angular building blocks based on Semantic UI. |
| ng-lightning | Lightning Design System components for Angular. |
| Covalent | Teradata UI platform built on Angular Material. |
| igniteui-angular | UI components and charts for Angular. |
| angular-mdl | Angular components and directives for Material Design Lite. |
| Alfresco Components | Alfresco Angular components. |
| DevExtreme Angular | UI and visualization components based on DevExtreme widgets. |
| ng2-semantic-ui | Semantic UI integrations for Angular without JQuery. |
| angular-mdc-web | Angular wrapper for Material Components Web |
Standalone UI Components ↑ Back to the Top
| Library | Description |
|---|---|
| angular-confirmation-popover | Bootstrap confirmation popover for Angular. |
| ng2-steps | Steps component for Angular where each step is a different component. |
| ng2-recaptcha | Google reCAPTCHA for Angular. |
| ng2-pagination | Simple, flexible pagination for Angular. |
| ng2-aside | Angular aside menu. |
| angular-calendar | Flexible calendar component for Angular. |
| angular-tree-component | Powerful tree component for Angular. |
| angular-modal | Modal/dialog window library for Angular. |
| ng2-completer | Angular autocomplete component. |
| ng2-progressbar | Angular progress bar. |
| ng2-sharebuttons | Share buttons for Angular. |
| angular2-swiper | Swiper component for Angular. |
| ng2-breadcrumb | Breadcrumb trail component for Angular. |
| angular2-swing | Angular wrapper for the swing library. |
Input Components ↑ Back to the Top
| Library | Description |
|---|---|
| angular-autosize | Auto-adjust textarea height to fit content. |
| angular-color-picker | Color picker for Angular. |
| ng-tag-input | Tag input for Angular. |
| angular-select2 | Angular select component based on Select2. |
| angular-multiselect | Dropdown multiselect for Angular. |
| angular-datepicker | Minimalist datepicker inspired by Material Design. |
| ng-slider-component | Angular slider component. |
| angular-froala-wysiwyg | Froala WYSIWYG editor for Angular. |
| angular-recaptcha | Google reCaptcha integration for Angular. |
| angular-google-place-autocomplete | Google Place Autocomplete directive for Angular. |
API and Data Layer ↑ Back to the Top
| Library Name | Description |
|---|---|
| angularfire2 | The official Angular library for Firebase |
| ng2-restangular | Restangular for Angular 2+ |
| angular2-jsonapi | Adapter for JSON API |
| angular2-rest | HTTP client for consuming RESTful services |
State Management ↑ Back to the Top
| Library Name | Description |
|---|---|
| ng2-redux | Angular 2 bindings for Redux |
| ng2-mobx | MobX connector for Angular 2 |
Internationalization ↑ Back to the Top
| Library Name | Description |
|---|---|
| ng2-translate | Internationalization library for Angular 2+ |
| angular2localization | Library for translating messages, dates, and numbers |
Authentication ↑ Back to the Top
| Library Name | Description |
|---|---|
| angular2-jwt | Helper library for handling JWTs |
| ng2-cordova-oauth | OAuth library for Cordova projects |
Messages/Notifications ↑ Back to the Top
| Library Name | Description |
|---|---|
| angular2-notifications | Easy-to-use notifications library |
| ng2-toastr | Bootstrap-style toast notifications |
Drag & Drop ↑ Back to the Top
| Library Name | Description |
|---|---|
| angular2-grid | Grid-based plugin for drag/drop/resize |
| ng2-drag-drop | Drag & Drop based on HTML5 |
Local Storage ↑ Back to the Top
| Library Name | Description |
|---|---|
| angular2-localstorage | Save and restore variables to HTML5 LocalStorage |
| angular2-cookie | Implementation of Angular 1.x $cookies service |
Data Table Components ↑ Back to the Top
| Library Name | Description |
|---|---|
| ng2-smart-table | Smart data table component |
| ngx-datatable | Lightweight data-table for Angular 2+ |
Forms ↑ Back to the Top
| Library Name | Description |
|---|---|
| ng-formly | JavaScript-powered forms |
| ng2-dynamic-forms | Library for rapid form development |
Hot Module Loader ↑ Back to the Top
| Library Name | Description |
|---|---|
| angular2-hmr | Hot Module Replacement for Angular |
Loading Indicators/Spinners ↑ Back to the Top
| Library Name | Description |
|---|---|
| ng2-slim-loading-bar | Slim loading bar for Angular |
| angular2-busy | Show busy/loading indicators |
Charts ↑ Back to the Top
| Library Name | Description |
|---|---|
| ngx-charts | Declarative charting framework |
| angular2-highcharts | Highcharts integration for Angular |
Tools ↑ Back to the Top
| Library Name | Description |
|---|---|
| augury | Development tools for Angular |
| gulp-inline-ng2-template | Gulp plugin to inline HTML/CSS |
Learning Resources ↑ Back to the Top
| Resource | Description |
|---|---|
| awesome-angular2 | Curated list of Angular resources |
| learn-angular2 | Learn Angular in Baby Steps |
Design, Layout, and Animations 🎨 ↑ Back to the Top
| Library | Description |
|---|---|
| @angular/flex-layout | Angular component layout engine using Flexbox. |
| angular2-materialize | Materialize CSS framework integration for Angular. |
| right-angled | Building kit for Angular data grids. |
| ngx-animations | Angular animation utilities and effects. |
| ng2-responsive | Responsive directives for Angular. |
| angular2-masonry | Masonry layout for Angular. |
| @angular/cdk | A set of behavior primitives for Angular design tools. |
Audio and Video 🎵📹 ↑ Back to the Top
| Library | Description |
|---|---|
| ng2-youtube | YouTube iframe plugin for Angular. |
| angular2-tuber | YouTube search engine built with Angular. |
| ionic-audio | Audio player for Ionic and Angular. |
| videogular | HTML5 video player for Angular. |
| spotyngular | Spotify clone built with Angular. |
| ngx-youtube-player | Angular wrapper for YouTube player. |
Image Lazy Loading 🖼️ ↑ Back to the Top
| Library | Description |
|---|---|
| ng-lazyload-image | Lazy image loader for Angular. |
| ngx-lazy-load | Angular image lazy loader library. |
Maps 🗺️ ↑ Back to the Top
| Library | Description |
|---|---|
| @angular/google-maps | Google Maps integration for Angular. |
| ngx-leaflet | Leaflet map integration for Angular. |
| angular2-baidu-map | Baidu Maps integration for Angular. |
Various Modules 🛠️ ↑ Back to the Top
| Library | Description |
|---|---|
| angular2-websocket | WebSocket wrapper for Angular. |
| ng2-idle | Detect idle users in Angular applications. |
| ngx-clipboard | Clipboard.js wrapper for Angular. |
| ngx-meta | Dynamic meta tags and SEO for Angular. |
| angular-phaser | Phaser game engine for Angular. |
| ngx-ladda | Angular integration for Ladda buttons. |
| ngx-facebook-sdk | Angular wrapper for Facebook SDK. |
| ngx-pipes | Useful pipes for Angular. |
| @ngx-translate/core | Internationalization (i18n) for Angular. |
| ngx-bootstrap | Bootstrap components for Angular. |
Starter Projects 🚀 ↑ Back to the Top
| Library | Description |
|---|---|
| angular-webpack-starter | Angular Webpack starter kit. |
| angular-seed | Modular Angular starter project. |
| angular-universal-starter | Starter kit for Angular Universal. |
| ngx-starter-kit | Full-stack Angular starter project. |
| spring-boot-angular | Spring Boot backend with Angular frontend. |
| angular-mean-starter | MEAN stack starter kit with Angular. |
Testing and Debugging 🛡️ ↑ Back to the Top
| Library | Description |
|---|---|
| jasmine-core | Jasmine testing framework for Angular unit tests. |
| karma | Test runner for Angular applications. |
| protractor | End-to-end testing framework for Angular apps. |
| ng-mocks | Simplifies unit testing of Angular components and services. |
| angular-playground | Sandbox environment for Angular development. |
Found something missing or want to suggest a change? Open an issue or submit a pull request! Let's keep this list awesome! 🌟