{"id":4804,"url":"https://github.com/brillout/awesome-angular-components","name":"awesome-angular-components","description":"Catalog of Angular 2+ Components \u0026 Libraries","projects_count":215,"last_synced_at":"2026-06-26T02:00:33.610Z","repository":{"id":16840998,"uuid":"80735683","full_name":"brillout/awesome-angular-components","owner":"brillout","description":"Catalog of Angular 2+ Components \u0026 Libraries","archived":false,"fork":false,"pushed_at":"2022-01-04T15:16:38.000Z","size":138,"stargazers_count":3195,"open_issues_count":18,"forks_count":397,"subscribers_count":209,"default_branch":"master","last_synced_at":"2026-06-09T03:03:55.785Z","etag":null,"topics":["angular-component","angular-components","angular-library","angular2-component","angular2-components","angular2-directive","angular2-library","angular2-modal","angular2-toaster","devarchy","ng2"],"latest_commit_sha":null,"homepage":"https://devarchy.com/angular","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/brillout.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-02-02T14:58:18.000Z","updated_at":"2026-06-08T19:21:57.000Z","dependencies_parsed_at":"2022-09-14T17:53:41.671Z","dependency_job_id":null,"html_url":"https://github.com/brillout/awesome-angular-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/brillout/awesome-angular-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brillout%2Fawesome-angular-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brillout%2Fawesome-angular-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brillout%2Fawesome-angular-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brillout%2Fawesome-angular-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brillout","download_url":"https://codeload.github.com/brillout/awesome-angular-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brillout%2Fawesome-angular-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34799570,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-26T02:00:06.560Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-06T20:25:05.312Z","updated_at":"2026-06-26T02:00:33.611Z","primary_language":"JavaScript","list_of_lists":false,"displayable":true,"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"[\u003cimg src=\"https://rawgit.com/brillout/awesome-angular-components/master/angular-logo.svg\" align=\"right\" width=\"131\" height=\"143\"\u003e](https://github.com/brillout/awesome-angular-components)\n\n# Angular 2+ Components \u0026 Libraries\n\n - Official website: [`devarchy.com/angular`](https://devarchy.com/angular)\n - Use devarchy to add a library to the catalog\n\n\u003cbr/\u003e\n\n#### Contents\n- [UI Components](#ui-components)\n    - [Overlay](#overlay)\n    - [Notification](#notification)\n    - [Popover](#popover)\n    - [Table](#table)\n    - [Tree](#tree)\n    - [Loading / Progress Indicators](#loading--progress-indicators)\n    - [Menu](#menu)\n    - [Charts](#charts)\n    - [Map](#map)\n    - [List Virtualization](#list-virtualization)\n    - [Infinite Scroll](#infinite-scroll)\n    - [Parallax](#parallax)\n    - [Scrollbar](#scrollbar)\n    - [Carousel](#carousel)\n    - [Sticky](#sticky)\n    - [Context Menu](#context-menu)\n    - [Time](#time)\n    - [Audio / Video](#audio--video)\n    - [SVG](#svg)\n    - [Social Sharing](#social-sharing)\n    - [PDF](#pdf)\n    - [Miscellaneous](#miscellaneous)\n    - [Form](#form)\n        - [Date Picker](#date-picker)\n        - [Color Picker](#color-picker)\n        - [Slider](#slider)\n        - [Select](#select)\n        - [Autocomplete](#autocomplete)\n        - [Type Select](#type-select)\n        - [Drag and Drop](#drag-and-drop)\n        - [Sortable List](#sortable-list)\n        - [Masked Input](#masked-input)\n        - [Rich Text Editor](#rich-text-editor)\n        - [File Upload](#file-upload)\n        - [Autosize Input / Textarea](#autosize-input--textarea)\n        - [Calendar](#calendar)\n        - [Image Editing](#image-editing)\n- [UI Layout](#ui-layout)\n    - [Responsive](#responsive)\n- [UI Frameworks](#ui-frameworks)\n    - [Responsive](#responsive-1)\n    - [Component Collections](#component-collections)\n    - [Mobile](#mobile)\n    - [Admin Panel](#admin-panel)\n- [Isomorphic Apps](#isomorphic-apps)\n- [Code Structure](#code-structure)\n    - [Data Management](#data-management)\n    - [Communication with Server](#communication-with-server)\n- [Code Style](#code-style)\n- [Utilities](#utilities)\n    - [Pipes](#pipes)\n    - [Form](#form-1)\n    - [Animations](#animations)\n    - [API](#api)\n    - [Authentication](#authentication)\n    - [Event Handling](#event-handling)\n    - [Scroll](#scroll)\n    - [Responsive Design](#responsive-design)\n    - [Persistence](#persistence)\n    - [Cookie](#cookie)\n    - [Routing](#routing)\n    - [Pagination](#pagination)\n    - [Validation](#validation)\n    - [i18n](#i18n)\n    - [Logging](#logging)\n    - [Asset management](#asset-management)\n    - [Meta Tags](#meta-tags)\n    - [Clipboard](#clipboard)\n    - [Angular 1 -\u003e Angular 2 Migration](#angular-1---angular-2-migration)\n    - [Documentation](#documentation)\n    - [Product Tour](#product-tour)\n- [Performance](#performance)\n    - [Lazy Load](#lazy-load)\n- [Integrations](#integrations)\n- [Dev Tools](#dev-tools)\n- [Starter Kit](#starter-kit)\n\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n# UI Components\n\n###### Overlay\n\n*Overlay / modal / alert / dialog / lightbox / popup*\n\n - [angular2-modal](https://github.com/shlomiassaf/angular2-modal) - Angular2 Modal / Dialog window.\n - [ng2-bs3-modal](https://github.com/dougludlow/ng2-bs3-modal) - Angular2 Bootstrap3 Modal Component.\n\n###### Notification\n\n*Toaster / snackbar — Notify the user with a modeless temporary little popup*\n\n - [angular2-toaster](https://github.com/stabzs/Angular2-Toaster) - Angular2-toaster is an asynchronous, non-blocking Angular2 Toaster Notification library.\n - [ng2-toasty](https://github.com/akserg/ng2-toasty) - Angular2 Toasty component shows growl-style alerts and messages for your app.\n - [ng2-notifications](https://github.com/alexcastillo/ng2-notifications) - Angular 2 Component for Native Push Notifications.\n - [ngx-toastr](https://github.com/scttcper/ngx-toastr) - Angular 2 toastr.\n - [@ngrx/notify](https://github.com/ngrx/notify) - Web Notifications Powered by RxJS for Angular.\n - [angular2-notifications](https://github.com/flauc/angular2-notifications) - A light and easy to use notifications library for Angular 2. It features both regular page notifications (toasts) and push notifications.\n - [angular-notifier](https://github.com/dominique-mueller/angular-notifier) - A well designed, fully animated, highly customizable, and easy-to-use notification library for your Angular 2+ application.\n - [ng2-toastr](https://github.com/PointInside/ng2-toastr) - Bootstrap style toast for modern angular (v2.0.0 and above).\n\n###### Popover\n\n*Show a little dialog next to an element*\n\n - [angular-confirmation-popover](https://github.com/mattlewis92/angular-confirmation-popover) - Displays a bootstrap confirmation popover (with no jQuery or bootstrap JS!).\n\n###### Table\n\n*Table / Data Grid — Display (large) datasets*\n\n - [@swimlane/ngx-datatable](https://github.com/swimlane/ngx-datatable) - A feature-rich yet lightweight data-table crafted for Angular2 and beyond.\n - [ng2-table](https://github.com/valor-software/ng2-table) - Simple table extension with sorting, filtering, paging... for Angular2 apps.\n - [angular2-datatable](https://github.com/mariuszfoltak/angular2-datatable) - DataTable - Simple table component with sorting and pagination for Angular2.\n - [ng2-easy-table](https://github.com/ssuperczynski/ng2-easy-table) - The easiest Angular2 table.\n - [ng2-handsontable](https://github.com/valor-software/ng2-handsontable) - Angular 2 directive for Handsontable.\n - [ag-grid-angular](https://github.com/ceolter/ag-grid-angular) - Ag-Grid Angular 2 Component.\n - [ng2-smart-table](https://github.com/akveo/ng2-smart-table) - Angular 2 Smart Data Table component.\n\n###### Tree\n\n*Visualize data as a tree*\n\n - [angular2-tree-component](https://github.com/500tech/angular2-tree-component) - A simple yet powerful tree component for Angular2.\n - [ng2-tree](https://github.com/valor-software/ng2-tree) - Angular2 component for visualizing data that can be naturally represented as a tree.\n\n###### Loading / Progress Indicators\n\n*Let the user know that something is being loaded*\n\n - [ng2-slim-loading-bar](https://github.com/akserg/ng2-slim-loading-bar) - Angular 2 component shows slim loading bar at the top of the page.\n - [angular2-busy](https://github.com/devyumao/angular2-busy) - Show busy/loading indicators on any promise, or on any Observable's subscription.\n - [angular2-ladda](https://github.com/moff/angular2-ladda) - Angular 2 Ladda module.\n - [ng-spin-kit](https://github.com/WoltersKluwerPL/ng-spin-kit) - SpinKit ( spinners for Angular 2+.\n - [ngx-progressbar](https://github.com/MurhafSousli/ngx-progressbar) - Angular progress bar.\n\n###### Menu\n\n*Menu / sidebar*\n\n - [ng-sidebar](https://github.com/arkon/ng-sidebar) - Angular 2+ sidebar component.\n\n###### Charts\n\n - [ng2-charts](https://github.com/valor-software/ng2-charts) - Beautiful charts for Angular2 based on Chart.js.\n - [ngx-charts](https://github.com/swimlane/ngx-charts) - Declarative Charting Framework for Angular2 and beyond.\n - [angular2-highcharts](https://github.com/gevgeny/angular2-highcharts) - Highcharts for your Angular2 project.\n - [ng2-nvd3](https://github.com/krispo/ng2-nvd3) - Angular2 component for nvd3.\n\n###### Map\n\n - [angular2-google-maps](https://github.com/SebastianM/angular2-google-maps) - Angular 2+ Google Maps Components.\n - [ng2-map](https://github.com/ng2-ui/ng2-map) - Angular2 Google Maps Directives.\n - [angular2-esri4-components](https://github.com/kgs916/angular2-esri4-components) - A set of Angular 2 components to work with ArcGIS API for JavaScript v4.1.\n\n###### List Virtualization\n\n- [od-virtualscroll](https://github.com/dinony/od-virtualscroll) - Observable-based virtual scroll implementation in Angular\n\n###### Infinite Scroll\n\n - [ngx-infinite-scroll](https://github.com/orizens/ngx-infinite-scroll) - Infinite Scroll Directive for angular 2.\n\n###### Parallax\n\n*Parallax effect while scrolling*\n\n - [ng2-parallax-scroll](https://github.com/ng2-ui/ng2-parallax-scroll) - Angular2 parallax background scroll directive.\n\n###### Scrollbar\n\n*Replace the browser scrollbar with a custom one*\n\n - [angular2-perfect-scrollbar](https://github.com/zefoy/ngx-perfect-scrollbar) - Angular 2 wrapper library for perfect scrollbar.\n\n###### Carousel\n\n*Carousel / touch slider / swiper*\n\n- [angular2-swiper-wrapper](https://github.com/zefoy/ngx-swiper-wrapper) - Angular 2 wrapper library for swiper.\n\n###### Sticky\n\n*Implementations similar to `position: sticky`*\n\n - [@ngui/sticky](https://github.com/ng2-ui/sticky) - Angular2 \"position: sticky\" implementation as a directive.\n\n###### Context Menu\n\n - [angular2-contextmenu](https://github.com/isaacplmann/angular2-contextmenu) - A context menu built with Angular 2 inspired by ui.bootstrap.contextMenu.\n\n###### Time\n\n*Display time / date / age*\n\n - [angular2-moment](https://github.com/urish/angular2-moment) - Moment.js pipes for Angular2.\n\n###### Audio / Video\n\n - [videogular2](https://github.com/videogular/videogular2) - The HTML5 video player for Angular 2.\n\n###### SVG\n\n - [ng-inline-svg](https://github.com/arkon/ng-inline-svg) - Angular 2+ directive for inserting an SVG file inline within an element.\n\n###### Social Sharing\n\n - [ng2-sharebuttons](https://github.com/MurhafSousli/ng2-sharebuttons) - Share buttons for angular.\n\n###### PDF\n\n - [ng2-pdf-viewer](https://github.com/VadimDez/ng2-pdf-viewer) - PDF Viewer Component for Angular 2.\n\n###### Miscellaneous\n\n - [ng2-inline-editor](https://github.com/caballerog/ng2-inline-editor) - Native UI Inline-editor Angular2 component.\n - [ng2-markdown-to-html](https://github.com/jfcere/ng2-markdown-to-html) - Angular 2 markdown component/directive to parse static or remote content to html.\n - [ngx-no-animation-for-dinosaur](https://github.com/maxisam/ngx-no-animation-for-dinosaur) - Simple solution for disabling animation for certain old browser\n\n\n\n\n\n### Form\n\n*Let the user create \u0026 edit data*\n\n###### Date Picker\n\n*Time Picker / Datetime Picker*\n\n - [ng2-datepicker](https://github.com/jkuri/ng2-datepicker) - Angular2 Datepicker Component.\n - [mydatepicker](https://github.com/kekeh/mydatepicker) - Angular2 date picker.\n - [ng2-datetime](https://github.com/nkalinov/ng2-datetime) - Datetime picker plugins wrapper for Angular2.\n - [ng2-date-picker](https://github.com/vlio20/ng2-date-picker) - Highly configurable date picker built for Angular 2 applications.\n - [angular2-material-datepicker](https://github.com/koleary94/Angular-2-Datepicker) - A minimalist datepicker inspired by Google's material design.\n\n###### Color Picker\n\n - [ngx-color-picker](https://github.com/zefoy/ngx-color-picker) - Color picker widget for Angular 2+.\n - [angular2-color-picker](https://github.com/Alberplz/angular2-color-picker) - Angular 2 Color Picker Directive, no dependences required.\n - [ng2-color-picker](https://github.com/AndyMeps/ng2-color-picker) - Simple color picker for Angular 2.\n\n###### Slider\n\n*Let the user choose a value from a given range*\n\n - [ng2-slider-component](https://github.com/Bogdan1975/ng2-slider-component) - Angular 2 slider component.\n\n###### Select\n\n*Let the user choose from a list of options*\n\n - [ng2-select](https://github.com/valor-software/ng2-select) - Angular2 based replacement for select boxes.\n - [angular2-select](https://github.com/basvandenberg/angular2-select) - A native angular 2 select component (based on select2).\n\n###### Autocomplete\n\n*Autosuggest / autocomplete / typeahead*\n\n - [ng2-completer](https://github.com/oferh/ng2-completer) - Angular 2 autocomplete component.\n - [ng2-auto-complete](https://github.com/ng2-ui/ng2-auto-complete) - Angular2 Auto Complete.\n\n###### Type Select\n\n*Let the user select a tag / something while typing*\n\n - [ng2-tag-input](https://github.com/Gbuomprisco/ng2-tag-input) - Tag Input for Angular.\n\n###### Drag and Drop\n\n - [ng2-dragula](https://github.com/valor-software/ng2-dragula) - Simple drag and drop with dragula.\n - [ng2-dnd](https://github.com/akserg/ng2-dnd) - Angular 2 Drag-and-Drop without dependencies.\n - [ng-drag-drop](https://github.com/ObaidUrRehman/ng-drag-drop) - Angular 4 Drag \u0026 Drop based on HTML5 with no external dependencies.\n\n###### Sortable List\n\n*Let the user define an order on a list*\n\n - [angular-sortablejs](https://github.com/SortableJS/angular-sortablejs) - A Angular 2+ binding to SortableJS.\n\n###### Masked Input\n\n - [angular2-text-mask](https://github.com/text-mask/text-mask) - Input mask for React, Angular, Ember, Vue, \u0026 plain JavaScript.\n - [soft-angular-mask](https://github.com/renatosistemasvc/soft-angular-mask) - Directive to masquerade input in angular 2/4 (money and number).\n\n###### Rich Text Editor\n\n - [ng2-ckeditor-codemirror](https://github.com/chymz/ng2-ckeditor) - Angular2 CKEditor component.\n - [angular2-voog-wysihtml](https://github.com/zefoy/ngx-voog-wysihtml) - Voog wysihtml wrapper for Angular 2.\n - [angular2-froala-wysiwyg](https://github.com/froala/angular2-froala-wysiwyg) - AngularJS2 bindings for Froala WYSIWYG HTML Rich Text Editor.\n\n###### File Upload\n\n - [ng2-file-upload](https://github.com/valor-software/ng2-file-upload) - Easy to use Angular2 components for files upload.\n - [ngx-uploader](https://github.com/jkuri/ngx-uploader) - Angular File Uploader.\n - [angular2-dropzone-wrapper](https://github.com/zefoy/ngx-dropzone-wrapper) - Angular 2 wrapper library for dropzone.\n\n###### Autosize Input / Textarea\n\n - [angular2-autosize](https://github.com/stevepapa/angular2-autosize) - Angular2-autosize is an Angular2 directive that automatically adjusts textarea height to fit content.\n\n###### Calendar\n\n*Show \u0026 edit events in a calendar view*\n\n - [angular2-calendar](https://github.com/mattlewis92/angular2-calendar) - A flexible calendar component for angular 2.0+ that can display events on a month, week or day view.\n - [angular2-fullcalendar](https://github.com/nekken/ng2-fullcalendar) - An Angular 2 component for fullcalendar.\n\n###### Image Editing\n\n*Image manipulation*\n\n- [ng2-img-cropper](https://github.com/cstefanache/angular2-img-cropper) - Angular 2 Image Cropper.\n\n\n\n\n\n\n\n\n# UI Layout\n\n*Layout the overall / main view*\n\n - [angular2-grid](https://github.com/BTMorton/angular2-grid) - A grid-based drag/drop/resize directive plugin for Angular 2.\n - [ng2-fullpage](https://github.com/meiblorn/ng2-fullpage) - Angular 2 fullpage scrolling.\n - [angular-split](https://github.com/bertrandg/angular-split) - Angular (2+) UI library to split views.\n - [ngresizable](https://github.com/mgechev/ngresizable) - Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular\n\n###### Responsive\n\n - [@angular/flex-layout](https://github.com/angular/flex-layout)\n\n\n\n\n\n\n\n# UI Frameworks\n\n\n### Responsive\n\n*Set of components + responsive layout system*\n\n - [ng2-bootstrap](https://github.com/valor-software/ng2-bootstrap) - Native Angular directives for Bootstrap.\n - [@ng-bootstrap/ng-bootstrap](https://github.com/ng-bootstrap/ng-bootstrap) - Angular powered Bootstrap.\n - [ng-semantic](https://github.com/vladotesanovic/ngSemantic) - Angular 2 building blocks based on Semantic UI.\n - [angular2-materialize](https://github.com/InfomediaLtd/angular2-materialize) - Angular 2 support for Materialize CSS framework.\n - [ng2-semantic-ui](https://github.com/edcarroll/ng2-semantic-ui) - Semantic UI Angular 2 Integrations -- no JQuery required --.\n - [clarity-angular](https://github.com/vmware/clarity) - Clarity Design System: UX guidelines, HTML/CSS framework, and Angular 2 components working together to craft exceptional experiences.\n - [@covalent/core](https://github.com/teradata/covalent) - Teradata UI Platform built on Angular-Material 2.0.\n\n### Component Collections\n\n*Set of components without layout system*\n\n - [@angular/material](https://github.com/angular/material2) - Official Material Design components for Angular.\n - [primeng](https://github.com/primefaces/primeng) - UI Components for Angular 2.\n - [ng-lightning](https://github.com/ng-lightning/ng-lightning) - Native Angular 2 components \u0026 directives for Lightning Design System.\n - [angular2-mdl](https://github.com/mseemann/angular2-mdl) - Angular 2 components, directives and styles based on material design lite.\n - [fuel-ui](https://github.com/FuelInteractive/fuel-ui) - UI Components for use with Angular2 and Bootstrap4.\n - [igniteui-angular2](https://github.com/IgniteUI/igniteui-angular2) - Ignite UI directives for Angular 2.\n - [md2](https://github.com/Promact/md2) - Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.\n - [igniteui-js-blocks](https://github.com/IgniteUI/igniteui-js-blocks) - Mobile-first Angular native components.\n - [devextreme-angular](https://github.com/DevExpress/devextreme-angular) - Angular 2 UI and visualization components based on DevExtreme widgets.\n - [ng-zorro-antd](https://github.com/NG-ZORRO/ng-zorro-antd) - An enterprise-class UI components based on Ant Design and Angular.\n\n### Mobile\n\n - [ionic2](https://github.com/driftyco/ionic) - Build amazing native and progressive web apps with Angular and open web technologies. One app running on everything.\n - [angular2-onsenui](https://github.com/onsenui/onsenui) - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.\n\n### Admin panel\n\n*Admin panels / dashboard*\n\n - [ngx-admin](https://github.com/akveo/ngx-admin) - Admin template based on Nebular framework (Angular 4+, Bootstrap 4+).\n\n\n# Isomorphic Apps\n*Server-side rendering*\n\n - [angular-ssr](https://github.com/clbond/angular-ssr) - Angular 4+ server-side rendering solution\n - [@ng-seed/universal](https://github.com/ng-seed/universal) - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Material Design \u0026 Flexbox, Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, @ngrx/store, config, cache, i18n, SEO, angulartics2 and TSLint/codelyzer.\n\n\n\n# Code Structure\n\n*Improve overall design of the source code*\n\n### Data Management\n\n*Data flow / data store / data flow*\n\n - [@angular-redux/store](https://github.com/angular-redux/store) - Angular 2 bindings for Redux.\n - [@ngrx/store](https://github.com/ngrx/store) - RxJS powered state management for Angular applications, inspired by Redux.\n - [mobx-angular](https://github.com/mobxjs/mobx-angular) - MobX connector to Angular 2.\n - [@ngx-config/core](https://github.com/fulls1z3/ngx-config) - Configuration utility for Angular.\n\n### Communication with Server\n\n - [apollo-angular](https://github.com/apollographql/apollo-angular) - Angular integration for the Apollo Client.\n\n\n\n\n\n# Code Style\n\n*Improve readability of the source code*\n\n - [codelyzer](https://github.com/mgechev/codelyzer) - Linting for Angular projects.\n - [babel-plugin-angular2-annotations](https://github.com/shuhei/babel-plugin-angular2-annotations) - A babel transformer plugin for Angular 2 annotations.\n - [redux-decorators](https://github.com/KarlPurk/redux-decorators) - A ridiculously good syntax for working with Redux using decorators in ES7 / TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere.\n - [angular-tslint-rules](https://github.com/ng-seed/angular-tslint-rules) - Shared TSLint \u0026 codelyzer rules to enforce a consistent code style for Angular development.\n\n\n\n\n# Utilities\n\n###### Pipes\n\n - [angular-pipes](https://github.com/fknop/angular-pipes) - Useful pipes for Angular.\n - [ngx-pipes](https://github.com/danrevah/ngx-pipes) - Useful pipes for Angular 2 and beyond with no external dependencies.\n - [ng-pipes](https://github.com/a8m/ng-pipes) - Bunch of useful pipes for Angular2 (with no external dependencies!).\n - [angular2-linky](https://github.com/dzonatan/angular2-linky) - Linky pipe for angular2.\n\n###### Form\n\n*Utilities to help create HTML forms*\n\n - [angular2-schema-form](https://github.com/makinacorpus/angular2-schema-form) - Angular2 Schema Form (DISCLAIMER: it is not related to angular-schema-form).\n - [ng-formly](https://github.com/formly-js/ng-formly) - JavaScript powered FORMS for ANGULAR 2.x and above.\n - [@ultimate/ngxerrors](https://github.com/UltimateAngular/ngxerrors) - A declarative validation module for reactive forms.\n \n###### Animations\n\n- [ng-animate](https://github.com/jiayihu/ng-animate) - 🌙 A collection of cool, reusable and flexible animations for Angular 4.2+\n\n###### API\n\n*Utilities to consume APIs*\n\n - [angular2-rest](https://github.com/Paldom/angular2-rest) - Angular2 HTTP client to consume RESTful services. Built with TypeScript.\n - [ng2-resource-rest](https://github.com/troyanskiy/ng2-resource-rest) - Resource (REST) Client for Angular 2.\n - [angular2-jsonapi](https://github.com/ghidoz/angular2-jsonapi) - A lightweight Angular 2 adapter for JSON API.\n - [ng2-rest-api](https://github.com/zaqqaz/ng2-rest-api) - Rest API provider for angular 2.\n - [ngx-restangular](https://github.com/2muchcoffeecom/ngx-restangular) - Restangular for Angular 2+ and higher versions.\n\n###### Authentication\n\n - [ng2-ui-auth](https://github.com/ronzeidman/ng2-ui-auth) - An angular2 repository for authentication based on angular1's satellizer.\n - [angular2-token](https://github.com/neroniaky/angular2-token) - Token based authentication service for Angular2 (ng2) with multi-user support. Works best with the devise token auth gem for Rails.\n - [angular-oauth2-oidc](https://github.com/manfredsteyer/angular-oauth2-oidc) - Support for OAuth 2 and OpenId Connect (OIDC) in Angular.\n - [angular-oauth2](https://github.com/oauthjs/angular-oauth2) - AngularJS OAuth2.\n - [@ngx-auth/core](https://github.com/fulls1z3/ngx-auth) - Authentication utility for Angular.\n\n###### Event Handling\n\n - [ng-click-outside](https://github.com/arkon/ng-click-outside) - Angular 2+ directive for handling click events outside of an element.\n\n###### Scroll\n\n - [ng2-page-scroll](https://github.com/Nolanus/ng2-page-scroll) - Animated scrolling functionality written in pure angular2.\n - [@ngui/scrollable](https://github.com/ng2-ui/scrollable) - Angular2 Automatic Scroll Detection With Animation.\n - [ng2-scrollspy](https://github.com/JonnyBGod/ng2-scrollspy) - Angular2 ScrollSpy Service.\n\n###### Responsive Design\n\n - [ng2-responsive](https://github.com/ManuCutillas/ng2-responsive) - Superset of RESPONSIVE DIRECTIVES to show or hide items according to the size of the device screen and another features in Angular 2.\n\n###### Persistence\n\n - [angular2-localstorage](https://github.com/marcj/angular2-localstorage) - Angular2 decorator to save and restore variables/class properties to HTML5 LocalStorage automatically.\n - [ng2-webstorage](https://github.com/PillowPillow/ng2-webstorage) - Localstorage and sessionstorage manager - angular2 service.\n - [angular-safeguard](https://github.com/MikaAK/angular-safeguard) - Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage.\n - [@ngx-cache/core](https://github.com/fulls1z3/ngx-cache) - Cache utility for Angular.\n\n###### Cookie\n\n*Cookie manipulation*\n\n - [angular2-cookie](https://github.com/salemdar/angular2-cookie) - Implementation of Angular 1.x $cookies service to Angular 2.\n\n###### Routing\n\n - [ng2-breadcrumb](https://github.com/gmostert/ng2-breadcrumb) - This is an angular 2 component that creates a breadcrumb trail. It hooks into the angular2/router, to dynamically build up the crumb trail once a component is routed to.\n - [ng2-page-transition](https://github.com/bergben/ng2-page-transition) - Simple Angular2 component to create a page transition animation on route changes.\n - [@ngx-i18n-router/core](https://github.com/fulls1z3/ngx-i18n-router) - Route internationalization utility for Angular.\n\n###### Pagination\n\n - [ng2-pagination](https://github.com/michaelbromley/ng2-pagination) - Pagination for Angular.\n\n###### Validation\n\n - [ng-validators](https://github.com/gangachris/ng-validators) - A List of validators for Angular 2+ Forms based on validator.js.\n - [ng2-validation](https://github.com/yuyang041060120/angular2-validate) - Angular2 validation.\n\n###### i18n\n\n*Internationalization / L10n / localization / translation*\n\n - [@ngx-translate/core](https://github.com/ngx-translate/core) - The internationalization (i18n) library for Angular 2+.\n - [angular-l10n](https://github.com/robisim74/angular-l10n) - An Angular 2 library to translate messages, dates and numbers.\n - [@ngx-universal/translate-loader](https://github.com/fulls1z3/ngx-translate) - Loader for @ngx-translate that provides translations to browser/server platforms.\n\n###### Logging\n\n - [angular2-logger](https://github.com/code-chunks/angular2-logger) - A log4j inspired logger for angular 2.\n - [@nsalaun/ng2-logger](https://github.com/noemi-salaun/ng2-logger) - Angular 2 logger service.\n\n###### Asset management\n\n*Utilities for building / bundling / loading assets*\n\n - [plugin-typescript](https://github.com/frankwallis/plugin-typescript) - TypeScript loader for SystemJS.\n - [gulp-inline-ng2-template](https://github.com/ludohenin/gulp-inline-ng2-template) - Gulp plugin to inline HTML and CSS into Angular 2 component decorators.\n - [angular2-template-loader](https://github.com/TheLarkInn/angular2-template-loader) - Chain-to loader for webpack that inlines all html and style's in angular2 components.\n - [angular-router-loader](https://github.com/brandonroberts/angular-router-loader) - A Webpack loader that enables string-based module loading with the Angular Router.\n - [angular2-hot-loader](https://github.com/mgechev/angular2-hot-loader) - Angular 2 hot loader.\n\n###### Meta Tags\n\n*Set meta tags, \u003ctitle\u003e, children of \u003chead\u003e*\n\n - [ng2-meta](https://github.com/vinaygopinath/ng2-meta) - Dynamic meta tags and SEO in Angular2.\n - [@ngx-meta/core](https://github.com/fulls1z3/ngx-meta) - Dynamic page title \u0026 meta tags utility for Angular (w/server-side rendering).\n\n###### Clipboard\n\n*Copy \u0026 paste text to clipboard*\n\n - [ngx-clipboard](https://github.com/maxisam/ngx-clipboard) - A wrapper directive for clipboard.js.\n\n###### Angular 1 -\u003e Angular 2 Migration\n\n - [ng-metadata](https://github.com/ngParty/ng-metadata) - Angular 2 decorators and utils for Angular 1.x.\n - [angular2-now](https://github.com/pbastowski/angular2-now) - Angular 2 @Component syntax for Angular 1 apps.\n\n###### Documentation\n\n - [compodoc](https://github.com/compodoc/compodoc) - The missing documentation tool for your Angular application.\n\n###### IoT\n\n*Internet of Things*\n\n - [angular2-iot](https://github.com/urish/angular2-iot) - Internet of Things directives for Angular 2 (Led, Button, etc.).\n - [@manekinekko/angular-web-bluetooth](https://github.com/manekinekko/angular-web-bluetooth) - The missing Web Bluetooth module for Angular (\u003e=2).\n\n###### Product Tour\n\n - [ng2-tour](https://github.com/isaacplmann/ng2-tour) - Product Tour.\n\n\n\n\n\n# Performance\n\n*Reduce amount of time the user has to wait in order to interact with the app*\n\n - [@angularclass/idle-preload](https://github.com/AngularClass/angular2-idle-preload) - Angular 2 Idle Preload for preloading async routes via @AngularClass.\n\n###### Lazy Load\n\n - [ng2-lazyload-image](https://github.com/tjoskar/ng2-lazyload-image) - Lazy image loader for Angular 2.\n - [ng2-image-lazy-load](https://github.com/NathanWalker/ng2-image-lazy-load) - Angular2 image lazy loader library.\n\n\n\n\n\n\n\n# Integrations\n\n*Integrate with services or other frameworks*\n\n - [angularfire2](https://github.com/angular/angularfire2) - The official Angular 2 library for Firebase.\n - [ang2-jwt](https://github.com/auth0/angular2-jwt) - Helper library for handling JWTs in Angular 2 apps.\n - [angular2-react-native](https://github.com/angular/react-native-renderer) - Use Angular 2 and React Native to build applications for Android and iOS.\n - [angular2-meteor](https://github.com/Urigo/angular-meteor) - Angular and Meteor - The perfect stack.\n - [angulartics2](https://github.com/angulartics/angulartics2) - Vendor-agnostic analytics for Angular2 applications.\n - [perfectedtech-loopback-sdk-builder](https://github.com/mean-expert-official/loopback-sdk-builder) - Tool for auto-generating Software Development Kits (SDKs) for LoopBack.\n - [ng2-alfresco-core](https://github.com/Alfresco/alfresco-ng2-components) - Alfresco Angular 2 components.\n - [karma-typescript](https://github.com/monounity/karma-typescript) - Simplifying running unit tests with coverage for Typescript projects.\n - [meteor-rxjs](https://github.com/Urigo/mongo-rxjs-observable) - Exposing Mongo Cursor as RxJS Observable.\n - [wp-api-angular](https://github.com/shprink/wp-api-angular) - Angular (\u003e=2) services for WordPress WP-API(v2) or WP \u003e= 4.7 (natively supports WP-API).\n - [selfbits-angular2-sdk](https://github.com/selfbits/selfbits-angular2-sdk) - Angular 2 SDK for Selfbits Backend-as-a-Service.\n - [ng2-wp-api](https://github.com/MurhafSousli/ng2-wp-api) - Angular WordPress Module.\n - [angular2-disqus](https://github.com/Useful-Software-Solutions-Ltd/angular2-disqus) - A DISQUS integration for Angular2.\n - [angular2-cloudtasks](https://github.com/Cloudtasks/angular2-cloudtasks) - Helps using Cloudtasks.io image processing task by substituting your images sources with the processing URL.\n - [@cloudinary/angular](https://github.com/cloudinary/cloudinary_angular) - Cloudinary Angular client library.\n - [ng2-recaptcha](https://github.com/dethariel/ng2-recaptcha) - Angular 2 component for Google reCAPTCHA.\n - [angular2-recaptcha](https://github.com/xmaestro/angular2-recaptcha) - Angular 2 : Typescript component for Google reCaptcha.\n - [pubnub-angular2](https://github.com/pubnub/pubnub-angular2) - Official PubNub Angular2.\n - [ng2-awesome-disqus](https://github.com/MurhafSousli/ng2-disqus) - Disqus for Angular.\n - [angular2-esri-loader](https://github.com/tomwayson/angular2-esri-loader) - An Angular 2 service to help you load ArcGIS API for JavaScript Modules.\n - [@ngx-universal/state-transfer](https://github.com/fulls1z3/ngx-universal) - State transferring utility for Angular Universal.\n\n\n\n\n\n\n# Dev Tools\n\n - [@compodoc/ngd-cli](https://github.com/compodoc/ngd) - View the dependencies tree of you Angular2 application.\n - [angular-playground](https://github.com/SoCreate/angular-playground) - A drop in app module for working on Angular components in isolation (Angular version 2.x and above).\n - [@ngrx/store-devtools](https://github.com/ngrx/store-devtools) - Developer Tools for @ngrx/store.\n - [angular2-prettyjson](https://github.com/matiboy/angular2-prettyjson) - Angular 2 debug output of objects. Contains a pipe similar to JsonPipe but adds support for spacing and handling of circular structures.\n - [Augury](https://github.com/rangle/augury) - Angular 2 development tools for Chrome.\n - [angular-webpack-config](https://github.com/ng-seed/angular-webpack-config) - Shared Webpack config for Angular development.\n\n\n\n\n\n# Starter Kit\n\n*Boilerplate / scaffold / Yeoman generator / stack ensemble / seed*\n\n - [@angular/cli](https://github.com/angular/angular-cli) - Official CLI tool for Angular.\n - [test-angular-seed-project](https://github.com/angular/angular2-seed) - A simple starter Angular2 project.\n - [poke-try-harder](https://github.com/antonybudianto/angular2-starter) - Extensible Angular 2 Starter using TypeScript (Updated to 2.4.3).\n - [generator-ng-fullstack](https://github.com/ericmdantas/generator-ng-fullstack) - Client, server or fullstack - it's up to you. ng-fullstack gives you the best of the latest: Node, Go, http/2, Angular 1, Angular 2, Express, MongoDB, Gulp, Babel, Typescript and much more.\n - [generator-angular2](https://github.com/swirlycheetah/generator-angular2) - A Yeoman Generator to create Angular2 apps right now.\n - [generator-ng2-webpack](https://github.com/cmelion/generator-ng2-webpack) - An opinionated tool for scaffolding an app using angular2 and webpack.\n - [generator-modern-web-dev](https://github.com/dsebastien/modernWebDevGenerator) - A Yeoman generator for Modern Web development projects.\n - [generator-gulp-angular2](https://github.com/x6doooo/generator-gulp-angular2) - Yeoman generator for Angular2 + Gulp, base on angular2-seed and generator-gulp-angular.\n - [asaf-test](https://github.com/preboot/angular-library-seed) - Get started building an Angular library quickly.\n - [@manekinekko/angular-library-starter](https://github.com/manekinekko/angular-library-starter) - A Minimalist Starter for Angular (v2+) libraries (w/ AOT support).\n - [angular2-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter) - An Angular Starter kit featuring Angular 2 and Angular 4 (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript 2, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack 2 by @AngularClass.\n - [angular2-universal-starter](https://github.com/alexpods/angular2-universal-starter) - Enjoy Server Side rendering and Web Workers in your Angular2 Application.\n - [angular-seed](https://github.com/mgechev/angular-seed) - Extensible, reliable and modular starter project for Angular 2 (and beyond) with statically typed build and AoT compilation.\n - [clarity-seed](https://github.com/vmware/clarity-seed) - This is a repository for a seed project that includes Clarity Design System's dependencies.\n - [Angular 2 Webpack](https://github.com/preboot/angular2-webpack) - A complete, yet simple, starter for Angular 2 using webpack\n - [Colmena CMS](https://github.com/colmena/colmena-cms) - Free and Open Source API and Admin powered by LoopBack and Angular.\n - [@ng-seed/universal](https://github.com/ng-seed/universal) - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Material Design \u0026 Flexbox, Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, @ngrx/store, config, cache, i18n, SEO, angulartics2 and TSLint/codelyzer.\n\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/brillout%2Fawesome-angular-components/projects"}