Catalog of Angular 2 components / libraries

• Contributions welcome, see contribution guide

• UI Components
• UI Layout
• UI Animation
• UI Frameworks
• UI Utilites
• Code Design
• Utilities
• Tests
• Performance
• Dev Tools
• Miscellaneous

• ng2-table - Simple table extension with sorting, filtering, paging
• ng2-handsontable - Angular 2 directive for Handsontable
• ag-grid - Advanced Data Grid
• ng2-smart-table - Smart data table library with sorting, filtering, pagination & add/edit/delete functions.
• angular2-data-table - A feature-rich yet lightweight data-table crafted for Angular2

• ng2-infinite-list - Angular2 Infinite Scroll Directive
• angular2-infinite-scroll - Infinite Scroll Directive for angular 2

Display overlay / modal / dialog

• ng2-popup - Angular2 Modal Directive

A temporary little modal to notify the user

• @ngrx/notify - Web Notifications Powered by RxJS for Angular 2

• ng2-tooltip-overlay - Angular2 Tooltip Directive

Menus / Sidebars

• ng2-menu - Angular 2 Menu directive

Implementations similar to position: sticky

• ng2-sticky - Angular2 "position: sticky" implementation as a directive

• ng2-tab - Angular 2 Tab Component

Let the user know that something is being loaded

• ng2-progress-bar - Simple progress bar control for your angular2 applications using bootstrap3.
• angular2-busy - Show busy/loading indicators on any promise, or on any Observable's subscription.

Displays data in graphs / diagrams

• ng2-charts - Beautiful charts for Angular2 based on Chart.js
• ng2d3 - D3 + Angular2 Composable Re-usable Charting Framework

• ng2-tree - Angular2 Tree component

Ways to navigate views

• ng2-fullpage - Create Beautiful Fullscreen Scrolling websites (now with Angular 2)

Audio / Video / PDF

• ng2-pdf-viewer - PDF Viewer Component for Angular 2

• ng2-map - Angular2 Google Maps Directives
• angular2-google-maps - Angular 2 components for Google Maps

• ng2-dropdown - Simple dropdown for your angular2 applications using bootstrap3

• ng2-swipeable-card - A small standalone Angular2 plugin that allows your card component to either swipe left or right.

• ng2-pagination Pagination for Angular2
• ng2-meta - Dynamic meta tags and SEO in Angular2
• ng2-recaptcha - Angular 2 component for Google reCAPTCHA
• angular2-clickoutside-directive - Angular 2 directive that provides Click Outside Functionality
• ng2-disqus - Angular 2 component for Disqus
• angular2-fontawesome - Angular2 Components and Directives for Fontawesome
• ng2-safe-img - Very tiny and safe img for Angular 2
• ng2-img-fallback - Load placeholder image on image error

• NG2-UI - A collection of quality Angular2 directives

Let the user enter data

• ng2-datetime-picker - Angular2 DateTime Picker

Let the user define an order on a list

• ng2-ui-sortable - Mobile-friendly re-arrangable list element

• ng2-dragula - Simple drag and drop with dragula

Autosuggest / autocomplete / typeahead

• ng2-auto-complete - Angular2 Auto Complete

• ng2-select - Angular2 based replacement for select boxes

• ng2-select-controls - Checkbox group and radio group control for your angular2 applications using bootstrap3.

Let the user select a tag / something while typing

• text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript

• ng2-file-upload - Easy to use Angular2 components for files upload
• fileDroppa - Angular2 File Dropzone

• ng2-ace - A basic ace editor directive for angular 2.

• Ng2 Validators - A List of validators for Angular 2 Forms based on validator.js

Components to layout the app's UI

Animate transitions

• ng2-parallax-scroll - Angular2 parallax background scroll directive

• Ionic Framework - Hybrid Mobile App Framework for iOS, Android and Windows.
• onsenui - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.

• Kendo UI for Angular 2 - A flexible and beautiful UI Components for Angular 2 (commercial)
• PrimeNG - A collection of rich UI components for Angular 2 (MIT)
• Wijmo 5 - The First Complete Collection of Angular 2 Components (commercial)
• NG-Lightning - Native Angular 2 components & directives for Lightning Design System (MIT)
• ngSemantic - Angular2 building blocks based on Semantic UI (MIT, requires jQuery)
• Teradata Covalent UI Platform - UI platform built on Angular 2.0 + Material Design (MIT)
• Fuel-UI - A collection of native Angular 2 components, directives, and pipes for Bootstrap 4.
• Onsen UI for Angular 2 - for mobile apps (Apache 2.0)

• ng2-bootstrap - Native angular 2 directives for Bootstrap 3
• ngBootstrap - Native angular 2 directives for Bootstrap 4

• Angular 2 Material - Angular team's Material Design components built on top of Angular 2.
• md2 - Angular2 based Material Design components

Report computed styles

Report when a component becomes visible/hidden

Determine and report measurements of an element

• ng2-scrollable - Angular2 Automatic Scroll Detection With Animation

A/B tests, experiments, ...

Libraries that help with code design

Data flow / data management / data stores / components state / data flow

• ng2-ui-storage - Provides memory storage fallback for localStorage and sessionStorage
• angular2-locker - Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage.
• angular2-cookie - Implementation of Angular 1.x $cookies service to Angular 2

• UI-Router - UI-Router for Angular 2
• @ngrx/router - Reactive Router for Angular 2

Component properties asynchronously fetched over the network

Boilerplates / scaffolds / starter kits / generators / stack ensembles

• angular2-webpack-starter - An Angular 2 Starter kit from AngularClass
• angular-seed - High-quality, modular starter (seed) project for Angular 2 apps with statically typed build and AoT
• angular2-webpack - A complete, yet simple, starter for Angular 2 using webpack
• angular2-seed - Angular 2 seed project from Angular team.

• ng2-rest-api - Rest API provider for angular 2.

• ng2-image-lazy-load - Angular2 image lazy loader library
• angular2-imagelazyload-directive - Angular2 image lazy load directive

• @ngrx/store - RxJS powered state management inspired by Redux for Angular 2 apps

• @ngrx/store-devtools - Devtools for @ngrx/store
• @ngrx/store-log-monitor - Port of redux-devtools-log-monitor for Angular 2 and @ngrx/store-devtools

• @ngrx/effects - Side effect model for @ngrx/store