awesome-angular
:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular
Last synced: 10 days ago
JSON representation
-
Third Party Components
-
Router
- ngx-back-button - A library for handling proper Angular back button capability.
- ngx-hover-preload - Preload Angular lazy-loaded routes on mouse over.
- ngx-route-manager - A simple library to store all route urls used in the application.
- ngx-speculative-link - An Angular implementation of [Speculative Rules API](https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API) inspired by [quicklink](https://github.com/GoogleChromeLabs/quicklink) and `ngx-quicklink`.
- storybook-addon-angular-router - A simple plugin to make working with the Angular router in [Storybook](https://storybook.js.org/) easier.
- ngx-navigate-back - A lightweight Angular library designed to simplify navigation management. With ngx-navigate-back, you can easily implement a "back" functionality similar to the browser's native back button, allowing users to navigate to the previous page.
- angular-router-menus - Typed, customizable Angular route‑based menus with multi‑navigation, nested dropdowns, and injection‑token access.
- ngx-multi-level-push-menu - A modern, accessible Angular component for responsive multi-level push menus with extensive customization options.
- ngx-foresight - An Angular integration of [ForesightJS](https://foresightjs.com/) for intelligent router preloading based on user intent.
- ngx-route-breadcrumbs - Angular library that simplifies creating breadcrumbs based on routing URLs and parameters.
- ngx-speculation-rules - Angular library for the [Speculation Rules API](https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API) enabling prefetching and prerendering for faster, SSR- and Zoneless-compatible navigation.
- ngx-url-params - Lightweight Angular service for managing and synchronizing URL query parameters with a concise, reactive API.
- ngx-history - Modern Angular navigation history service with reactive programming support.
-
Scroll
- ngx-ui-scroll - Virtual/infinite scroll for Angular.
- ngx-page-scroll - Animated scrolling functionality for Angular written in pure TypeScript.
- ngx-scroll-animations - Minimal Angular directive for scroll‑triggered CSS animations, dependency‑free and compatible with any animation choice.
- lithium-ngx-virtual-scroll - A fast and lightweight virtual scrolling solution for Angular that supports single column lists, grid lists and view caching.
- @robingenz/ngx-infinite-scroll - Simple Angular directive for infinite scrolling.
- angular-fullpage - Official component for fullPage.js, a fullscreen scrolling library.
- ngx-scrolltop - Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies.
- OverlayScrollbars - JavaScript plugin for custom styleable overlay scrollbars that hide natives while preserving functionality.
- ngx-scrollbar - Custom overlay-scrollbars with native scrolling mechanism.
- ngx-tracing-beam - A simple component library to add an animated tracing beam to your vertical scrolling.
- ngx-marquee - A simple component library to create an infinite scrolling marquee with your content.
- @omnedia/ngx-scrollbar - Custom scrollbar with smooth scrolling and full styling control.
- ngx-perfect-scrollbar - This fork of [ngx-perfect-scrollbar](https://github.com/zefoy/ngx-perfect-scrollbar) is an Angular wrapper library for [Perfect Scrollbar](https://utatti.github.io/perfect-scrollbar/).
- ngx-virtual-dnd-list - A virtual scrolling list component that can be sorted by dragging.
- ngx-scroll-top - Configurable, lightweight back to top button for Angular projects.
- ngx-virtual-scroller - Displays a virtual, "infinite" list. Supports horizontal/vertical, variable heights, and multi-column.
- ng-mat-select-infinite-scroll - Infinite Scroll directive for Angular Material select component.
- horizontal-scroller - Infinite horizontal scroller for Angular apps using Tailwind.
- simplebar - Custom scrollbars vanilla JavaScript library with native scroll, done simple, lightweight, easy to use and cross-browser.
- ngx-responsive-virtual-scroll - Fast, lightweight Angular virtual scrolling for single‑column lists, responsive grids, and view caching.
- ngx-virtual-scroller-flexible - Ultra‑fast, flexible virtual scroller rendering unlimited items with varying heights seamlessly.
- ngx-perfect-scrollbar-portable - Angular wrapper library for Perfect Scrollbar.
- ng-virtual-list - Maximum performance for extremely large lists.
- ngx-horizontal-menu-scroll - A lightweight, customizable Angular library for creating beautiful horizontal scrolling menus with smooth navigation controls.
- usal - Framework agnostic ultimate scroll animation library.
- ar-virtual-scroll - Lightweight Angular virtual scroll with automatic dynamic height, ideal for chats, feeds, and variable lists.
- angular-infinity-scroller - A lightweight, high‑performance infinite‑scrolling directive built to work seamlessly with modern Angular and SSR setups.
- cerious-scroll - High-performance virtual scrolling for web applications.
- ngx-zoneless-scrollbar - A lightweight Angular scrollbar built for zoneless mode, using native scrolling with CSS styling.
- ngx-scrollbar-ultimate - A lightweight library for vertical scrolling.
- ngx-scrollspy - Angular Scroll Spy Service with events.
- ngx-virtual-grid - A responsive, virtual‑scrolling Angular grid that supports infinite loading, uses CSS Grid, automatically measures item sizes, and renders only the visible elements.
-
Storage
- ngx-reactive-storage - Wrapper for IndexedDB/localStorage with promise‑based API, supporting Angular Signals and RxJS Observables.
- ng2-webstorage - LocalStorage and SessionStorage manager.
- ngx-indexed-db - Wraps IndexedDB in an Angular service.
- angular-async-local-storage - Efficient client-side storage for Angular: simple API + performance + Observables + validation.
- signaldb - Local JavaScript DB with MongoDB‑like interface, TypeScript, signal‑based reactivity, schema‑less design, and fast queries.
- rxdb - An abstraction layer for [IndexedDB](https://rxdb.info/articles/angular-indexeddb.html).
- dexie - A Minimalistic Wrapper for IndexedDB.
- angular-web-storage - Angular decorator to save and restore of HTML5 Local & Session Storage.
- indexeddb-helper - Angular library simplifying IndexedDB with clean CRUD API, cache expiration, and data storage/retrieval.
- ng-storage - A modern, reactive Angular service for browser storage management with AES-GCM encryption, TTL, change notifications, and Apollo-style providers.
- convex-angular - The Angular client for Convex.
- secure-client-store - Universal TypeScript library for AES-256-GCM client-side encryption (works in browsers & Node.js).
- ngx-persist - A type‑safe, signal‑based persistent state utility for Angular, syncing with localStorage, sessionStorage, IndexedDB, or custom backends.
- ngx-webstore - A comprehensive Angular library for browser storage management with TypeScript support, reactive APIs, encryption, TTL, and more.
- @moltendb-web/angular - Rust/WebAssembly local‑first DB for Angular with Signals, OPFS, GraphQL‑style queries, and Web Workers.
- ngx-secure-storage - SSR-compatible Angular service to securely store, retrieve, and manage encrypted data in localStorage and sessionStorage using AES encryption.
-
Tooltips
- helipopper - A powerful tooltip and popover for Angular applications.
- popover - Angular popover component.
- ngx-tooltip-directives - Library with three tooltip directives (string, HTML, template), inspired by [ng2-tooltip-directive](https://github.com/drozhzhin-n-e/ng2-tooltip-directive).
- angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
- ngx-tippy-wrapper - Angular wrapper for [Tippy.js](https://github.com/atomiks/tippyjs).
- tooltip-testing - Tooltip for Angular, forked from `cm-angular-tooltip`.
- ngx-popovers - An Angular library based on `Floating UI` with already ready-made components to use.
- ngx-overlay - Lightweight Angular library for modern CSS/HTML overlays—modals, tooltips, and popups—browser‑compatible and elegant.
- ngx-smart-tooltip - A lightweight, customizable tooltip library for Angular 18 that uses signals, the Web Animations API, and OnPush change detection.
- angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
-
UI Libraries
- Syncfusion - Its [Essential UI Kit for Angular](https://github.com/syncfusion/essential-ui-kit-for-angular) is compatible with both Tailwind CSS and Bootstrap.
- Taiga UI - Powerful set of open source components for Angular!
- oblique - Angular framework with Swiss corporate design and ready‑to‑use components for branded business apps.
- orchestrator - Extensible orchestrator for UI and forms for Angular.
- dyte-io/ui-kit - Dyte UI Kit: prebuilt components for quick video and voice call integration into any app or website.
- ngwr - Angular UI kit to make stylish Angular applications.
- Windmillcode-Angular-CDK - Provides a collection of reusable UI components, each crafted with attention to detail and performance.
- ej2-angular-ui-components - Syncfusion Angular UI library with 70+ lightweight, responsive, modular, touch‑friendly components.
- Nebular - Customizable Angular UI Library based on Eva Design System.
- NG-ZORRO - An enterprise-class UI components based on Ant Design and Angular.
- ngx-ui - Style and Component Library for Angular2 and beyond!
- prime-ng - The Most Complete Angular UI Component Library.
- ng-devui - Angular UI Component Library based on DevUI Design.
- ng-aquila - Aquila, an open‑source Allianz GDF component library, offered here as a white‑label variant.
- enterprise-ng - Angular wrappers for IDS Enterprise components.
- fundamental-ngx - Fundamental Library for Angular is SAP Design System Angular component library.
- designsystem - Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.
- sbb-angular - Angular Library for SBB.
- ui - Enterprise level Angular UI framework from Alauda Frontend Team.
- ngx-tethys - Fast and reliable Tethys Design components for Angular.
- antwerp-ui_angular - Antwerp UI is a component interface library for building user interfaces and responsive web apps.
- ng-clarity - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
- ngx-semantic - A new take on an Angular implementation for Semantic UI.
- ngx-float-ui - Angular wrapper for the [Floating UI](https://floating-ui.com/) library.
- winonang - Winona UI suite: seamless Angular components, optimized for Windows yet fully cross‑platform compatible.
- carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
- onega-ui - Modern, stylish UI kit with diverse components for building professional, attractive websites.
- ng-zen - Create customizable, production‑ready Angular UI components seamlessly within your project.
- ngx-vflow - An open source library to build node-based UI with Angular.
- ng-vcl - Angular component library based on the VCL CSS eco-system.
- ngx-ui - NGXUI from [Omnedia](https://github.com/omnedia): standalone Angular components, blocks, and templates for landing pages and marketing materials.
- po-angular - Component library based on Angular. Documentation in Portuguese.
- ngx-nighthawk - A production-ready, enterprise-grade project developed with Bootstrap, offering extensive custom functionality.
- tableau-ui-angular - A third-party component library that brings Tableau-style components to Angular.
- bryntum - World class web components for calendars, gantt charts, kanban boards, and scheduling.
- flexi-ui - [Flexi UI](https://flexi-ui.ecnorow.com/): reusable, customizable, open‑source UI components for modern, visually appealing front‑end applications.
- @ng-verse/ui - Production Ready Angular Components that you Copy/Paste.
- @koobiq/angular-components - Open‑source design system for security‑focused products, offering UI patterns, components, tools, resources, and guidelines.
- zardui - Collection of beautiful, accessible Angular components based on [shadcn-ui](https://github.com/shadcn-ui/ui) and NG‑ZORRO, fully open source and free.
- Vega - Expedite feature development by leveraging reusable components and styles tailored to your preferred framework.
- Blueprint UI - Accelerate your development with flexible UI components and tools that work everywhere.
- @jean-merelis/angular-components - A library of reusable Angular components and utilities that provides high-quality UI elements for your applications.
- mantic-ui - Angular components for [Semantic UI](https://semantic-ui.com/) and [Fomantic UI](https://fomantic-ui.com/).
- kage-ui - Lightweight, flexible Angular library with reusable components inspired by border‑first design systems for scalable, consistent UIs.
- quix-quang - Angular component and utility library developed by [Quix Srl](https://www.quixconsulting.com/).
- ship-ui - A modern, signal-based, zoneless-compatible UI library for Angular. Explore its features and documentation on their [official website](https://www.shipui.com).
- slateui - A modern, accessible UI component library that provides directive-based components built with Angular primitives, Tailwind CSS, and signals.
- @nexcraft/forge - Framework-agnostic Web Components UI library. Works in Angular via custom elements.
- ngx-nova-ui - A modern Angular 20 UI component library built with signals, standalone components, and a CSS-first theming approach.
- elementar-ui - Fully open-source Angular UI Components & Admin Panel based on Angular Material and Tailwind CSS.
- ngx-vant-revive - Angular UI component library implemented according to the [Zan Design System](https://design.youzan.com/) visual specifications.
- MaxterDev NGX Components - A highly flexible and SCSS-customizable components library for Angular.
- gcds-components - The `gcds-components-angular` package enables easy integration of [GC Design System](https://design-system.alpha.canada.ca/) web components into Angular.
- particle-ng - A lightweight, themeable component library offering flexible, high-control alternatives to Angular Material and PrimeNG.
- ngx-kit-ui - Modern Angular UI library for mobile and web.
- TecnualNG - A modern Angular UI library offering reusable, customizable, and accessible components for building professional web applications.
- takeoff-ui - A comprehensive design system providing framework-agnostic web components developed with Stencil.js.
- mozek - A lightweight SCSS toolkit and UI library designed for clean, simple, non‑over‑engineered styling with consistent spacing, colors, and typography.
- Magma - A broad set of components, services, pipes, directives, and utilities that support its ecosystem and are available for anyone to use or extend.
- NG-ALAIN - NG-ZORRO admin panel front-end framework.
- ngx-aespartal-ui - A professional, lightweight, and customizable Angular component library built with Atomic Design principles.
- JSuites - Collection of UI components and utilities (forms, modals, inputs) that can be integrated into Angular with custom wrappers or directives.
- ngx-support-chat - A pure presentational Angular component library for customer support chat interfaces.
- luma-ui - Neo-Minimal design system for Angular applications.
- Mundane UI - Framework-agnostic, zero-dependency, lightweight UI component library.
- eagami-design-system - Lightweight, accessible Angular UI component library built on CSS custom properties.
- angular-liquid-glass - A standalone Angular component library for liquid glass and glassmorphism interfaces.
- ngx-pk-ui - An Angular 21 component library providing UI components and CSS utilities.
- Zyra UI - Modern Angular component library with design tokens, signals, dark-mode-first theming, and WCAG 2.1 AA accessibility.
- Dev Extreme - Feature-Complete 65+ Angular Component Suite.
- Zyra UI - Modern Angular component library with design tokens, signals, dark-mode-first theming, and WCAG 2.1 AA accessibility.
- magary - A modern, standalone-first Angular UI library monorepo.
-
UI Libraries built on Bootstrap
- angular-bootstrap-md - Material Design for Bootstrap 5 & Angular 17.
- ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).
- design-angular-kit - A toolkit based on Bootstrap Italia
- ngx-bootstrap-components - Standalone Angular components with Bootstrap integration, built for signals and OnPush strategy.
- yoozsoft - Widgets built using Bootstrap 5, CSS, and NG Bootstrap 17 with APIs designed for the Angular ecosystem.
- ngx-gccb - Angular 19+ library with easy‑to‑use shared components, directives, pipes, and services. See [showcase](https://ngx-gccb.netlify.app/) for code snippets.
- Elementar UI - Fully open-source Angular UI Components & Admin Panel based on Material 3 and Tailwind.
- ez-nav - A config-driven, responsive Angular navigation bar that integrates seamlessly with Bootstrap layouts.
- ng-bootstrap-addons - Adds UI components not available in `ng-bootstrap` (e.g., input/form controls).
- cute-widgets - An open‑source Angular UI library that provides native directive‑based components styled with Bootstrap 5+ utilities and design classes.
-
UI Libraries built on Material
- Angular Material - Material Design components for Angular.
- angular-jqwidgets - Advanced Angular Components with Material Design.
- MDBootstrap - Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation.
- IgniteUI Angular - Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids, charts, and more.
- Alyle UI - Minimal Design, a set of components for Angular 16+.
- @ng-matero/extensions - Angular Material Extensions Library.
- angular-material-css-vars - Little library to use CSS variables with Angular Material.
- ngx-components - Useful components and utility functions for Angular.
- ngx-material-auth - A library for Angular which provides functionality around the frontend part of authentication and authorization.
- ngx-material-navigation - Creates material navigation elements like combined navbar and sidenav or footers, automatically shifting items based on breakpoints.
- ngx-material-entity - With `NgxMaterialEntity` you can create entities and define how to display them directly on their properties. It can even generate complete and highly customizable CRUD-Tables.
- ngx-core-business - Actively developed Angular library on `@angular/material`, offering reusable, enterprise‑grade components and utilities for scalable apps.
- c3-components - An open-source component library that extends the `@angular/material` library.
- simplematcomponents - Set of Angular components that fit into or use Angular Material Design.
- angular-ui-plusify - Includes Datetime Picker and Markdown Editor, with plans to expand into a full Angular UI toolkit.
- nmce - Suite of Angular Material extensions with reusable code and UI enhancements for complex, data‑rich business apps.
- NgxMatFacetToolkit - Angular standalone facet filtering toolkit with Material UI.
- ngx-dynamic-stepper - A powerful, flexible Angular library for creating dynamic wizard-style steppers built on top of Angular Material Stepper.
- Covalent - Teradata UI Platform built on Angular Material.
- BuilderKit - A complete UI toolkit and modern design system built on Angular Material, with blocks, templates, and a solid foundation for building Angular applications.
- Angular Material Dev UI - One place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.
-
UI Libraries built on Tailwind CSS
- Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
- Tailkit UI - Carefully crafted, customizable, fully responsive Tailwind CSS components, templates, and tools for your projects.
- Preline UI - [Preline](https://github.com/htmlstreamofficial/preline) is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
- Metronic - Comprehensive Tailwind CSS UI toolkit for building modern, scalable web applications efficiently.
- Rectangle UI - A code-first UI component library for Angular.
- FlyonUI - [Integrate](https://flyonui.com/framework-integrations/angular/) FlyonUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently.
- zapui - Build scalable Angular apps with a Tailwind-powered design system from [zap:ui](https://zapui.togethercreative.co.uk/).
- simui - Beautiful Angular UI components built with Tailwind CSS and Spartan.
- seacotools - A library designed for modern Angular applications, offering a suite of reusable UI components and services compatible with Tailwind CSS.
- tailwind-ng - Open‑source library integrating Tailwind CSS with Angular for seamless, scalable, and joyful UI development.
- nicacoder-ng - Centralized Angular library of customizable components to accelerate development and ensure project consistency.
- angular-superui - Comprehensive Angular UI library with 50+ production‑ready components, built on Tailwind CSS v4, TypeScript, and Angular 17+ Signals.
- koala-ui - A modern and accessible component library designed to speed up interface development.
- ngx-tw - A comprehensive component library built with Tailwind CSS, providing a modern and customizable set of UI components for Angular applications.
- PrimeBlocks - Professionally designed UI blocks tailored for rapid application development.
- synerity-ui - Enterprise‑grade Angular 20+ library with 90+ accessible, performant Tailwind‑styled components for modern apps.
- semantic-components - Modular Angular CDK + Tailwind UI elements with semantic HTML, full accessibility, and lightweight flexibility.
- Galaxy UI - Universal Component Library that brings beautiful, accessible components to Angular.
- ngx-lite-suite - Angular UI library with a "Lite Suite" design system of glassmorphism, gradients, and fluid animations.
- ngx-tailwindcss - A customizable Angular UI library for Tailwind CSS 4+, offering accessible, beautifully designed components with full styling control.
- angular-tailwind-ui - Easy to use and simple components, directives and services. Using Angular 19 and Tailwind CSS 3.
- tailng - Angular components styled with Tailwind to achieve a Material‑like look.
- elbe-ui - Angular UI components built with Tailwind CSS and Spartan UI.
- starting-point-ui - Framework‑agnostic Tailwind CSS components inspired by shadcn/ui, fully compatible with Angular.
- ng-brutalism - Neo-brutalist Angular UI library with signals, zoneless, and Tailwind CSS v4. Bold borders, offset shadows, opinionated aesthetic end-to-end.
-
UI Library and Framework Ionic
- Ionic Academy - The fastest way to learn Ionic.
-
Programming Languages
Categories
Third Party Components
1,076
Table of contents
432
Development Utilities
303
Learning Resources
128
Angular
117
Architecture and Advanced Topics
96
Angular Pulse
93
Framework Interoperability
91
Site Templates
76
State Management
73
Security and Authentication
71
Testing
62
Underlying Technologies
57
Angular-Inspired Solutions
36
External Lists
4
Sub Categories
Angular
255
Third Party Components
177
Wrappers
91
UI Libraries
72
Free Templates
67
Form Controls
67
Mixed Utilities
65
Internationalization
56
AI
49
Animations
43
HTTP
43
Forms
43
Data Grids
41
Authentication
40
Other State Libraries
39
Google Developer Experts on X
38
Blogs
37
CLI Tools
36
Editors
35
Notifications
33
Scroll
32
Generators and Scaffolding
31
RxJS
30
Charts
30
External Integration
30
Loaders
29
Icons
28
Dates
28
Analytics
27
TypeScript
27
UI Libraries built on Tailwind CSS
25
YouTube Channels
25
Carousels
24
NgRx
23
Form Validation
23
Layout
23
Helpers
22
DOM
22
Directives
22
Official Resources
22
Component
22
Images
21
UI Libraries built on Material
21
Books
19
Training
19
File Upload
19
IDE Extensions
19
Drag and Drop
19
Media
18
Router
18
Feature Flags
18
Accessibility
18
Builders
18
Calendars
17
Community
17
Visual Effects
17
UI Library and Framework Ionic
17
Captcha
17
Deployment
16
Storage
16
Viewers
16
Performance
16
Markdown
15
E2E
15
Styling
15
Updating Angular
15
Modals
14
Maps
14
Code Analysis
14
Angular Team on X
14
Linting
14
Pipes
14
QR Codes
13
Onboarding and Product Tours
12
JSON Forms
12
Runtime
11
Keyboard Mouse
11
NGXS
11
Security Best Practices
11
Role-Based Access Control
10
Documentation Tools
10
Desktop Applications
10
UI Libraries built on Bootstrap
10
Cross-Framework Integration
10
Tooltips
10
Payments
10
Server-Side Rendering
10
Exercises
9
Cheat Sheets
9
Loggers
9
Paid Templates
9
GraphQL
9
Angular Experts on X
9
UI Primitives
9
Debugging
8
Podcasts
8
Module Federation
8
Cookies
8
Certification Programs
7
PDF
7
SEO
7
Newsletters
6
Networking
6
CSV
5
Micro-Frontends
5
Editor Components
4
Layout Components
4
Printing
4
Guides
3
Style Guides
3
Monorepos
3
Editor and IDE Extensions
2
Bluesky
1
Keywords
angular
744
typescript
220
javascript
89
angular2
68
ngx
55
react
52
rxjs
44
library
41
ui
32
angular-components
31
vue
31
material
28
i18n
27
angular-material
26
components
26
angular-library
25
angular-cli
24
ngrx
23
tailwindcss
23
component
21
angular17
20
testing
20
frontend
19
svelte
19
npm
19
nodejs
18
signals
17
admin-dashboard
17
state-management
17
bootstrap
16
ng
16
icons
16
forms
16
jest
15
translation
15
angular5
15
angular4
15
internationalization
15
template
14
svg
14
nextjs
14
angular18
14
charts
13
angular-component
13
css
13
ionic
13
grid
13
angular7
13
material-design
13
redux
12