awesome-angular
:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular
Last synced: 6 days ago
JSON representation
-
Table of contents
-
Angular
- nx-mf-remote-loader-generator - A Nx generator for creating and exposing remote components with SSR support in Module Federation. This generator works in conjunction with `ngx-mf-remote-loader` to provide seamless SSR support for remote components.
- Blog
- Blog
- Blog
- Mastering Angular Signals: A Practical Guide to Modern Reactivity, Performance, and Migration - `Muhammad Ahsan Ayaz`
- cypress-angular-commands - A robust, production-ready collection of reusable Cypress custom commands specifically tailored for modern Angular-based enterprise applications and ERP systems.
- Blog
- Blog
- Blog
- Blog
-
Third Party Components
-  adapter component for Angular.
- gridstack - Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, multi-column responsive dashboard has never been easier. Has multiple bindings and works great with Angular.
- ngxd - NgComponentOutlet + Data-Binding + Full Lifecycle = NgxComponentOutlet for Angular 7+.
- ngx-markdoc - [Markdoc](https://markdoc.dev) component for Angular applications.
- angular-animations - Easy, Reusable Animation Utility library for Angular.
- angular-shiki-magic-move - Smoothly animated code blocks with [Shiki](https://github.com/shikijs/shiki).
- angular-calendar-scheduler - A scheduler view component for angular.
- angular-year-calendar - A powerful and performant Angular year calendar library built with ❤️.
- ng-slider - A light slider with no external dependencies.
- keen-slider - The HTML touch slider carousel with the most native feeling you will get.
- dag - An Angular service for managing directed acyclic graphs.
- angular-fusioncharts - Angular Component for [FusionCharts](https://www.fusioncharts.com) JavaScript Charting Library.
- luxon-angular - Date pipes for Angular.
- angular-globalize - Angular pipes for localizing numbers and dates using Globalize.
- angular-bootstrap-datetimepicker - Native Angular date/time picker component styled by Bootstrap.
- ngx-daterangepicker-material - Pure Angular date range picker with material design theme.
- ng-resize-observer
- ng-in-viewport - Allows us to check if an element is within the browsers visual viewport.
- ngx-dynamic-hooks - Automatically insert live Angular components into dynamic strings (based on their selector or any pattern of your choice) and render the result in the DOM.
- edit-in-place - A flexible and unopinionated edit in place library.
- ngx-pipes - Useful pipes for Angular with no external dependencies!
- nglrx/pipes - A library of useful pipes for Angular apps.
- ng2-dragula - Drag and Drop so simple it hurts!
- moveable - Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, and Snappable.
- @ctrl/ngx-codemirror - Codemirror Wrapper for Angular.
- @instechnologies/ng-rooster - Angular wrapper of roosterjs, a rich text editor.
- ng-dynamic-forms - Rapid form development library for Angular.
- reactive-forms - (Angular Reactive) Forms with Benefits.
- forms-typed - Want types in your forms? Want to have nested forms? This is library can help.
- ngx-emoji-mart - Customizable Slack-like emoji picker.
- ngx-colors - Simple yet elegant Material color picker.
- angular2-multiselect-dropdown - Angular multiselect dropdown component for web applications.
- ngx-numeric-range-form-field - Angular Material UI numeric range input form field. It is based on control value accessor.
- ng-multiselect-dropdown - Multiple Select Dropdown Component.
- ngx-validator - Angular 7+ Validator. Handle validation messages easily and automatically.
- error-tailor - Making sure your tailor-made error solution is seamless!
- angular2-fontawesome - Angular2 Components and Directives for FontAwesome.
- ngx-icon-blur - An Angular component that can be used to create a frosted glass effect for icons.
- ng-svg-icon-sprite - Angular 16+ package for generating and using inline SVG icons in your project.
- ngx-bootstrap-icons - This Angular module allows you to use the Bootstrap Icons in your Angular application without additional dependencies.
- ngx-icon - An Angular component for displaying SVG icons.
- angular-feather - This package allows you to use [Feather Icons](https://github.com/feathericons/feather) in your Angular applications.
- icon-lib-builder - Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icon.
- svg-icons-builder - Angular builder to build svg-icons using svg-to-ts.
- ngx-img-fallback - Load placeholder image on image error, Angular 5+.
- ngx-image-zoom - Angular component for zoomable images.
- ngx-image-compress - Angular library for uploading and compressing images.
- ng-cloudimage-responsive - Cloudimage responsive plugin will make your website load the exact image size you need depending on your user's screen size.
- angular-cropperjs - [Cropper.js](https://github.com/fengyuanchen/cropperjs) integration for Angular 6+.
- angular2-hotkeys - Keyboard shortcuts for Angular 2 apps.
- ng-sortgrid - A grid that allows you to sort all items via drag & drop.
- ng2-tree - Angular tree component.
- angular2-promise-buttons - Loading buttons for Angular 2 by @johannesjo.
- ng-lazy-load-component - Lazy load Angular component into HTML template without routing.
- content-loader - SVG component to create placeholder loading, like Facebook cards loading.
- ngx-loading - A loading spinner for Angular applications.
- ng-block-ui - Block UI Loader/Spinner for Angular.
- angular-loaders - Angular loader components.
- ng-circle-progress - A simple circle progress component created for Angular based on SVG Graphics.
- ngx-logger - NGX Logger is a simple logging module for Angular (6+). It allows "pretty print" to the console, as well as allowing log messages to be POSTed to a URL for server-side logging.
- ngx-action-logger - Logger for Angular applications, capable of both outputting data to the console or sending data to elastic.
- ngx-markdown-editor - Angular markdown editor based on ace editor.
- trellisorg platform - The Trellis Open Source Repo contains projects and tools, some of which Trellis uses internally, but has opened sourced for the community to use.
- myndpm - Open Source Angular Libraries contributed by @myndpm.
- ngx-grpc - Angular gRPC framework.
- ng-vibe - Designed for Angular 17+, these tools (drawer, dialog, toastify,timer, service-locator) are here to enhance your development process with dynamic and efficient solutions.
- angular-kit - A set of powerful Angular tools including pipes, lifecycle hooks, and reactive enhancements.
- ngx-smart-modal - Modal/Dialog component crafted for Angular (Ivy-compatible).
- angular2-notifications - A light and easy to use notifications library for Angular.
- ngx-infinite-scroll - Infinite Scroll Directive for Angular.
- ng-table-virtual-scroll - Virtual Scroll for Angular Material Table.
- universal-model-angular - Store and state management for Angular.
- akita - A Reactive State Management Tailored-Made for JS Applications.
- mini-rx-store - MiniRx is the reactive state management platform.
- ngx-odm - Angular 14+ wrapper for RxDB.
- ngx-easy-table - The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!
- ui-grid - UI Grid: an Angular Data Grid.
- datagrid - Angular TanStack table with shadcn Theme.
- angular-datatables - An Angular2+ library for building complex HTML tables using the [DataTables](https://datatables.net) jQuery plug-in.
- angular-confirmation-popover - An Angular 15.0+ bootstrap confirmation popover.
- ng2-tooltip-directive - Forked from [ng2-tooltip-directive](https://github.com/drozhzhin-n-e/ng2-tooltip-directive).
- angular-ellipsis-tooltip - Angular component to display ellipsis and material tooltip dynamically.
- NG-ZORRO MOBILE - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.
- sky-ui - Angular UI kit.
- ngx-neumorphic - Angular Neomorphism UI kit.
- pupakit - Angular UI Kit based on an atomic approach to building interfaces (Not production ready).
- @angular-material-extensions/google-maps-autocomplete - **Autocomplete** input component and directive for google-maps built with Angular material design.
- @angular-material-extensions/select-country
- @angular-material-extensions/password-strength - Angular UI library to illustrate and validate a **password**'s strength with material design.
- angular material components - Angular Material Library provide extra components for every project.
- David UI Angular - Components library for enterprise-level projects based on Tailwind CSS and Angular.
- ngx-json-viewer - JSON formatter and viewer in HTML for Angular.
- infinite-viewer - Infinite Viewer is a document viewer component with infinite scrolling.
- ng-portal - Component property connection in Angular application.
- ngx-lipsum - Easily use lorem-ipsum dummy texts in your Angular app as directive, component or by using a service.
- ngx-signal-immutability - Compile-time and runtime immutability for Angular signals.
- ngrx-action-bundles - This library allows you to reduce ngrx boilerplate by generating action bundles for common ngrx redux store scenarios and allows you to easily connect state, dispatch actions and listen for actions everywhere across your applications.
- rx-sandbox - Marble diagram DSL based test suite for RxJS.
- observer-spy - This library makes RxJS Observables testing easy!
- rxjs-toolbox - Set of custom operators and handy factory functions for RxJS.
- rxjs-insights - See through the observables.
- audit-debounce - RxJS operator to debounce and audit simultaenously.
- typescript-challenges - A set of challenges helping you understand TypeScript.
- angular-highcharts - Highcharts directive for Angular.
- img-comparison-slider - Image comparison slider. Compare images before and after. Supports React, Vue, and Angular.
- qrcode.angular - QR Code implementation based on Angular.
- angular-slickgrid - A wrapper of the lightning fast & customizable [SlickGrid](https://github.com/mleibman/SlickGrid) datagrid. It also includes multiple styling themes.
- ng-condition - An alternative directive to `*ngIf; else` that simplifies conditions in HTML templates.
- BlockNoteAngular - Unofficial [BlockNote](https://github.com/TypeCellOS/BlockNote) Angular wrapper.
- ngx-jodit - Angular wrapper for [Jodit](https://github.com/xdan/jodit) WYSIWYG editor.
- ngx-sticky-kit - Angular Sticky makes HTML elements sticky. For instance, the header, the menu, the sidebar or any other block can be stuck at the desired position.
- ng2-gauge - SVG gauge component for Angular.
- ngx-angular-query-builder - A new version of [angular2-query-builder](https://github.com/zebzhao/Angular-QueryBuilder) that supports modern Angular. Used to create queries and filters.
- ngrx-entity-relationship - ORM selectors for Redux, `@ngrx/store`, `@ngrx/entity`, and `@ngrx/data`. Ease of relationships with entities.
- zingchart-angular - [ZingChart](https://www.zingchart.com/) is a declarative, efficient, and simple JavaScript library for building responsive charts.
- olt-ngx-ui-switch - NGX UI Switch (Forked) to latest version of Angular.
- ngx-plyr - Angular 17+ bindings for [plyr](https://github.com/sampotts/plyr) video and audio player. Supports everything that original library supports.
- dyte-io/ui-kit - Dyte's UI library for creating meeting interfaces.
- pastanaga-angular - An Angular implementation of Pastanaga design system offering a set of re-usable UI components which are covering typical needs of any web application. It is maintained by [Plone](http://plone.org/) and [Guillotina](http://guillotina.io/) communities.
- Mamba UI - A free and open-sourced UI kit with 150+ Tailwind CSS components and templates.
- dejajs-components - This repository is an Angular components library and the common utility functions, with a demo application for testing it.
- ngx-unsplash - Angular service for proxied [Unsplash API](https://unsplash.com/developers).
- ngx-youtube-player - Angular component based on [YouTube player iframe API](https://developers.google.com/youtube/iframe_api_reference).
- ngx-toastr-message - A lightweight, customizable Angular library for displaying toast notifications.
- ngx-breadcrumpy - An awesome library to easily add breadcrumbs to your Angular application.
- ngx-crumbs - An ultimate breadcrumbs service for Angular.
- breadcrumbs - An Angular component that automatically lists breadcrumbs based on the currently routed components.
- ngx-breadcrumb - A highly customizable and flexible breadcrumb component for Angular.
- ngx-fileupload - [ngx-file-upload/core](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/core) only contains services and classes to enable file upload with Angular. [ngx-file-upload/ui](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/ui) contains components and pipes to provide a UI.
- @AditechGH/ngx-smart-forms - This workspace contains Angular libraries that streamline form handling and validation by simplifying form creation, validation, and error display, and offering advanced customization and performance boosts.
- ngx-dynamic-form - A library that works in Angular 16 with Bootstrap 5 to generate forms in a simple and dynamic way.
- ngx-lazy-directive - Provides an easy way to lazy load components combined with the `*ngIf` directive, thereby reducing the First Contentful Paint time when a module is large.
- ngx-videogular - An HTML5 video player for Angular 2.0. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody.
- ngx-form-errors - Display form validation errors for Angular Reactive forms.
- boringer-avatars - A fork from [boring-avatars](https://github.com/boringdesigners/boring-avatars). This rewrites the base as Mitosis components and exports into multiple framework flavors including [Angular](https://github.com/cmgriffing/boringer-avatars/tree/main/packages/lib-angular).
- ngx-simple-state-manager - Component-bound simple to handle state managment that is accessible application wide with type support and an observer to handle any reactive state changes if and when needed.
- ngx-custom-carousel - A feature-rich Angular 17 component crafted to elevate your carousel experience.
- ngx-iban-validator - IBAN Validator for your reactive Angular forms, comes without any dependencies and can be used even outside of Angular as standalone function in any JS project. It can perform format, digit, and length IBAN validations.
- ngx-windows - Angular Windows Components and Services.
- ckeditor - Ckeditor plugin for Angular2+.
- @semantic-icons/heroicons - [Semantic icons](https://github.com/khalilou88/semantic-icons) helps developers to use [Heroicons](https://heroicons.com/) icons inside Angular projects.
- ngx-concern - Angular library for creating simple, unstyled dialogs/modals and action-sheets/bottom-sheets.
- ngxs-state-mixins - Concept of how to implement state mixins in NGXS.
- dz-ngx-element - [NgxElement](https://www.npmjs.com/package/@zdigambar/ngx-element) enables to lazy load Angular components in non-Angular applications. The library will register a custom element to which you can pass an attribute to specify what component you want to load.
- ngx-edge-slider - Highly flexible and customizable slider component designed for Angular applications. It offers an intuitive interface to manage slides, providing smooth transitions, autoplay functionality, responsive design, with interactive features like draggable slides and configurable navigation.
- ngx-relationship-visualiser - A D3 force-directed-graph, implemented in Typescript for Angular, generates a visualisation graph with customisable link lengths and multiple labels between nodes. The graph can handle new data that will update lines, nodes, links, and path labels.
- ngx-cookiebot - An Angular wrapper around the [Cookiebot](https://www.cookiebot.com/) SDK.
- ngx-flexbox - Designed as an alternative to [@angular/flexlayout](https://github.com/angular/flex-layout), ngx-flexbox provides Angular developers with component layout features using a custom layout API, media query observables, and injected DOM flexbox-2016 CSS stylings.
- railz-visualizations - A collection of reusable web components that help you build a dashboard using normalized financial transactions and analytics from the FIS Accounting Data as a Service API.
- xUI - Angular UI Component Library heavily inspired by Discord design.
- ngx-simple-material-table - Angular library to simplify usage of the Angular Material table component.
- schema-forms - A library for building forms through standard JSON schemas.
- ng-inf-scroll - A lightweight library for adding infinite scrolling to Angular apps.
- trustcaptcha-angular - This library helps you [integrate](https://docs.trustcaptcha.com/en/frontend/integration?frontend=angular) [Trustcaptcha](https://www.trustcaptcha.com/en) into your Angular frontend applications.
- mTruncate - A lightweight and customizable Angular directive for truncating text with support for tooltips.
- @man-es/ngx-tools - The MAN ngx-tools repository contains a collection of libraries is designed to elevate your Angular development experience.
- angular-wheel-date-picker - A date picker component for Angular applications that features a scrollable wheel interface similar to native mobile date pickers.
- red-zoom-angular - A sleek and user-friendly image zoom library, designed as an Angular directive and fully customizable with CSS and SCSS.
- ngx-neumorphic - Angular Neomorphism UI kit.
- Angular Material Dev UI - Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.
-
-
Testing
-
Component
- Angular Testing Library - Extends DOM Testing Library by introducing APIs tailored for testing Angular components.
- Jasmine - Simple JavaScript testing.
- Jest - A delightful JavaScript testing framework with a focus on simplicity.
- swc-angular - This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest.
- swc-angular-plugin - SWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn't support Angular so you need this plugin.
- karma-image-snapshot - Karma Jasmine matcher that performs image comparisons based on [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot) for visual regression testing.
- jest-preset-angular - Jest configuration preset for Angular projects.
- jest-preview - Debug your Jest tests. Effortlessly.
- jest-marbles - Helpers library for marbles testing with Jest.
- jest-codemods - Codemods for migrating to Jest.
- ts-jest - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.
- ngx-speculoos - Simpler, cleaner Angular unit tests.
- angular-unit-test-helper - Helper functions to help write unit tests in Angular using mocks and spies.
- nightwatch-plugin-angular - Official [Nightwatch](https://nightwatchjs.org/) plugin which adds component testing support for Angular apps. It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+.
- angular-testing-kit - A set of convenient utilities to make Angular testing with Jasmine and Karma simpler.
-
Programming Languages
Categories
Third Party Components
1,150
Table of contents
430
Development Utilities
332
Learning Resources
137
Angular
124
Architecture and Advanced Topics
100
Framework Interoperability
96
Angular Pulse
96
Site Templates
82
State Management
75
Security and Authentication
72
Testing
64
Underlying Technologies
57
Angular-Inspired Solutions
37
External Lists
4
Sub Categories
Angular
255
Third Party Components
175
Wrappers
94
UI Libraries
82
Free Templates
71
Form Controls
70
Mixed Utilities
69
Internationalization
59
AI
58
Forms
47
HTTP
47
Data Grids
45
Animations
44
Other State Libraries
41
Authentication
40
Editors
40
Google Developer Experts on X
38
CLI Tools
38
Blogs
37
Notifications
37
Charts
35
Scroll
33
Generators and Scaffolding
33
YouTube Channels
32
External Integration
32
Analytics
31
Loaders
31
Icons
30
RxJS
30
Dates
29
TypeScript
27
Carousels
25
Layout
25
UI Libraries built on Tailwind CSS
25
Helpers
24
NgRx
23
Directives
23
Form Validation
23
Component
22
Official Resources
22
Images
22
DOM
22
UI Libraries built on Material
21
File Upload
21
IDE Extensions
20
Training
20
Accessibility
20
Drag and Drop
19
Deployment
19
Books
19
Builders
19
Visual Effects
19
Media
19
Router
19
Community
19
Feature Flags
18
Modals
18
Calendars
18
UI Library and Framework Ionic
18
Markdown
17
Viewers
17
Storage
17
Captcha
17
Updating Angular
16
Performance
16
Linting
15
Code Analysis
15
Pipes
15
E2E
15
Styling
15
Maps
14
JSON Forms
14
Angular Team on X
14
QR Codes
13
Security Best Practices
12
Documentation Tools
12
Onboarding and Product Tours
12
Runtime
12
Keyboard Mouse
12
Debugging
11
UI Libraries built on Bootstrap
11
Cross-Framework Integration
11
Tooltips
11
NGXS
11
Paid Templates
11
Payments
10
Cheat Sheets
10
Server-Side Rendering
10
Desktop Applications
10
Role-Based Access Control
10
Angular Experts on X
10
Exercises
9
Loggers
9
GraphQL
9
UI Primitives
9
PDF
8
Podcasts
8
Cookies
8
Module Federation
8
SEO
7
Certification Programs
7
Newsletters
6
Networking
6
Micro-Frontends
5
CSV
5
Layout Components
4
Editor Components
4
Printing
4
Guides
3
Monorepos
3
Style Guides
3
Editor and IDE Extensions
2
Bluesky
1
Keywords
angular
773
typescript
236
javascript
90
angular2
69
ngx
59
react
55
rxjs
46
library
43
vue
34
ui
33
angular-components
32
angular-library
29
i18n
28
material
28
angular-material
27
components
27
angular-cli
24
tailwindcss
23
ngrx
23
signals
22
svelte
22
angular17
21
component
21
testing
21
frontend
20
admin-dashboard
19
npm
19
nodejs
19
forms
18
state-management
17
translation
16
icons
16
angular-component
16
ng
16
bootstrap
16
internationalization
15
angular4
15
svg
15
angular5
15
jest
15
angular18
14
template
14
charts
14
css
14
nextjs
14
cli
13
angular7
13
material-design
13
grid
13
redux
13