Awesome Lists

awesome-angular-components

by brillout

awesome listpushed almost 5 years ago

Catalog of Angular 2+ Components & Libraries

AI summary

Angular component library

A curated list of Angular 2+ components and libraries for building web applications

stars
3.2K
forks
409
watching
213
awesome list
1
entries
159
View on GitHubdevarchy.com/angular

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/brillout/awesome-angular-components/links.svg)](https://awesome.facts.dev/awesome/brillout/awesome-angular-components)
HTML
<a href="https://awesome.facts.dev/awesome/brillout/awesome-angular-components"><img src="https://awesome.facts.dev/shield/brillout/awesome-angular-components/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/brillout/awesome-angular-components/links.svg

What's in the list

159 links in 13 sections, with live GitHub stats.activeno commit in 2y

Angular 2+ Components & Libraries

  • angular2-modal

    Angular2 Modal / Dialog window

  • ng2-bs3-modal

    Angular2 Bootstrap3 Modal Component

  • angular2-toaster

    Angular2-toaster is an asynchronous, non-blocking Angular2 Toaster Notification library

  • ng2-toasty

    Angular2 Toasty component shows growl-style alerts and messages for your app

  • ng2-notifications

    Angular 2 Component for Native Push Notifications

  • ngx-toastr

    Angular 2 toastr

  • @ngrx/notify

    Web Notifications Powered by RxJS for Angular

  • angular2-notifications

    A light and easy to use notifications library for Angular 2. It features both regular page notifications (toasts) and push notifications

  • angular-notifier

    A well designed, fully animated, highly customizable, and easy-to-use notification library for your Angular 2+ application

  • ng2-toastr

    Bootstrap style toast for modern angular (v2.0.0 and above)

  • angular-confirmation-popover

    Displays a bootstrap confirmation popover (with no jQuery or bootstrap JS!)

  • @swimlane/ngx-datatable

    A feature-rich yet lightweight data-table crafted for Angular2 and beyond

  • ng2-table

    Simple table extension with sorting, filtering, paging... for Angular2 apps

  • angular2-datatable

    DataTable - Simple table component with sorting and pagination for Angular2

  • ng2-easy-table

    The easiest Angular2 table

  • ng2-handsontable

    Angular 2 directive for Handsontable

  • ag-grid-angular

    Ag-Grid Angular 2 Component

  • ng2-smart-table

    Angular 2 Smart Data Table component

  • angular2-tree-component

    A simple yet powerful tree component for Angular2

  • ng2-tree

    Angular2 component for visualizing data that can be naturally represented as a tree

  • ng2-slim-loading-bar

    Angular 2 component shows slim loading bar at the top of the page

  • angular2-busy

    Show busy/loading indicators on any promise, or on any Observable's subscription

  • angular2-ladda

    Angular 2 Ladda module

  • ng-spin-kit

    SpinKit ( spinners for Angular 2+

  • ngx-progressbar

    Angular progress bar

  • ng-sidebar

    Angular 2+ sidebar component

  • ng2-charts

    Beautiful charts for Angular2 based on Chart.js

  • ngx-charts

    Declarative Charting Framework for Angular2 and beyond

  • angular2-highcharts

    Highcharts for your Angular2 project

  • ng2-nvd3

    Angular2 component for nvd3

  • angular2-google-maps

    Angular 2+ Google Maps Components

  • ng2-map

    Angular2 Google Maps Directives

  • angular2-esri4-components

    A set of Angular 2 components to work with ArcGIS API for JavaScript v4.1

  • od-virtualscroll

    Observable-based virtual scroll implementation in Angular

  • ngx-infinite-scroll

    Infinite Scroll Directive for angular 2

  • ng2-parallax-scroll

    Angular2 parallax background scroll directive

  • angular2-perfect-scrollbar

    Angular 2 wrapper library for perfect scrollbar

  • angular2-swiper-wrapper

    Angular 2 wrapper library for swiper

  • @ngui/sticky

    Angular2 "position: sticky" implementation as a directive

  • angular2-contextmenu

    A context menu built with Angular 2 inspired by ui.bootstrap.contextMenu

  • angular2-moment

    Moment.js pipes for Angular2

  • videogular2

    The HTML5 video player for Angular 2

  • ng-inline-svg

    Angular 2+ directive for inserting an SVG file inline within an element

  • ng2-sharebuttons

    Share buttons for angular

  • ng2-pdf-viewer

    PDF Viewer Component for Angular 2

  • ng2-inline-editor

    Native UI Inline-editor Angular2 component

  • ng2-markdown-to-html

    Angular 2 markdown component/directive to parse static or remote content to html

  • ngx-no-animation-for-dinosaur

    Simple solution for disabling animation for certain old browser

Form

UI Layout

  • angular2-grid

    A grid-based drag/drop/resize directive plugin for Angular 2

  • ng2-fullpage

    Angular 2 fullpage scrolling

  • angular-split

    Angular (2+) UI library to split views

  • ngresizable

    Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular

UI Frameworks / Responsive

  • ng2-bootstrap

    Native Angular directives for Bootstrap

  • @ng-bootstrap/ng-bootstrap

    Angular powered Bootstrap

  • ng-semantic

    Angular 2 building blocks based on Semantic UI

  • angular2-materialize

    Angular 2 support for Materialize CSS framework

  • ng2-semantic-ui

    Semantic UI Angular 2 Integrations -- no JQuery required --

  • clarity-angular

    Clarity Design System: UX guidelines, HTML/CSS framework, and Angular 2 components working together to craft exceptional experiences

  • @covalent/core

    Teradata UI Platform built on Angular-Material 2.0

UI Frameworks / Component Collections

  • @angular/material

    Official Material Design components for Angular

  • primeng

    UI Components for Angular 2

  • ng-lightning

    Native Angular 2 components & directives for Lightning Design System

  • angular2-mdl

    Angular 2 components, directives and styles based on material design lite

  • fuel-ui

    UI Components for use with Angular2 and Bootstrap4

  • igniteui-angular2

    Ignite UI directives for Angular 2

  • 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

  • igniteui-js-blocks

    Mobile-first Angular native components

  • devextreme-angular

    Angular 2 UI and visualization components based on DevExtreme widgets

  • ng-zorro-antd

    An enterprise-class UI components based on Ant Design and Angular

UI Frameworks / Mobile

  • ionic2

    Build amazing native and progressive web apps with Angular and open web technologies. One app running on everything

  • angular2-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

UI Frameworks / Admin panel

  • ngx-admin

    Admin template based on Nebular framework (Angular 4+, Bootstrap 4+)

Isomorphic Apps

  • angular-ssr

    Angular 4+ server-side rendering solution

  • @ng-seed/universal

    Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Material Design & Flexbox, Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, @ngrx/store, config, cache, i18n, SEO, angulartics2 and TSLint/codelyzer

Code Structure / Data Management

Code Structure / Communication with Server

  • apollo-angular

    Angular integration for the Apollo Client

Code Style

  • codelyzer

    Linting for Angular projects

  • babel-plugin-angular2-annotations

    A babel transformer plugin for Angular 2 annotations

  • 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

  • angular-tslint-rules

    Shared TSLint & codelyzer rules to enforce a consistent code style for Angular development

Utilities

  • angular-pipes

    Useful pipes for Angular

  • ngx-pipes

    Useful pipes for Angular 2 and beyond with no external dependencies

  • ng-pipes

    Bunch of useful pipes for Angular2 (with no external dependencies!)

  • angular2-linky

    Linky pipe for angular2

  • angular2-schema-form

    Angular2 Schema Form (DISCLAIMER: it is not related to angular-schema-form)

  • ng-formly

    JavaScript powered FORMS for ANGULAR 2.x and above

  • @ultimate/ngxerrors

    A declarative validation module for reactive forms

  • ng-animate

    🌙 A collection of cool, reusable and flexible animations for Angular 4.2+

  • angular2-rest

    Angular2 HTTP client to consume RESTful services. Built with TypeScript

  • ng2-resource-rest

    Resource (REST) Client for Angular 2

  • angular2-jsonapi

    A lightweight Angular 2 adapter for JSON API

  • ng2-rest-api

    Rest API provider for angular 2

  • ngx-restangular

    Restangular for Angular 2+ and higher versions

  • ng2-ui-auth

    An angular2 repository for authentication based on angular1's satellizer

  • angular2-token

    Token based authentication service for Angular2 (ng2) with multi-user support. Works best with the devise token auth gem for Rails

  • angular-oauth2-oidc

    Support for OAuth 2 and OpenId Connect (OIDC) in Angular

  • angular-oauth2

    AngularJS OAuth2

  • @ngx-auth/core

    Authentication utility for Angular

  • ng-click-outside

    Angular 2+ directive for handling click events outside of an element

  • ng2-page-scroll

    Animated scrolling functionality written in pure angular2

  • @ngui/scrollable

    Angular2 Automatic Scroll Detection With Animation

  • ng2-scrollspy

    Angular2 ScrollSpy Service

  • 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

  • angular2-localstorage

    Angular2 decorator to save and restore variables/class properties to HTML5 LocalStorage automatically

  • ng2-webstorage

    Localstorage and sessionstorage manager - angular2 service

  • angular-safeguard

    Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage

  • @ngx-cache/core

    Cache utility for Angular

  • angular2-cookie

    Implementation of Angular 1.x $cookies service to Angular 2

  • 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

  • ng2-page-transition

    Simple Angular2 component to create a page transition animation on route changes

  • @ngx-i18n-router/core

    Route internationalization utility for Angular

  • ng2-pagination

    Pagination for Angular

  • ng-validators

    A List of validators for Angular 2+ Forms based on validator.js

  • ng2-validation

    Angular2 validation

  • @ngx-translate/core

    The internationalization (i18n) library for Angular 2+

  • angular-l10n

    An Angular 2 library to translate messages, dates and numbers

  • @ngx-universal/translate-loader

    Loader for @ngx-translate that provides translations to browser/server platforms

  • angular2-logger

    A log4j inspired logger for angular 2

  • @nsalaun/ng2-logger

    Angular 2 logger service

  • plugin-typescript

    TypeScript loader for SystemJS

  • gulp-inline-ng2-template

    Gulp plugin to inline HTML and CSS into Angular 2 component decorators

  • angular2-template-loader

    Chain-to loader for webpack that inlines all html and style's in angular2 components

  • angular-router-loader

    A Webpack loader that enables string-based module loading with the Angular Router

  • angular2-hot-loader

    Angular 2 hot loader

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.