awesome-angular
:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular
Last synced: 2 days ago
JSON representation
-
Third Party Components
-
Scroll
- 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.
- magary - A modern, standalone-first Angular UI library monorepo.
- ngx-core-components - Angular 19+ component library — production-ready UI components built with signals, OnPush change detection, and zero runtime dependencies.
- ngx-cupertino - Angular components implementing Apple's iOS 26 / macOS Tahoe 26 design system.
-
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.
-
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.
- Elite Ionic - Advanced training for Angular developers who want to create NEXT LEVEL native web applications.
- Ionic Themes - Tutorials and templates.
- Ionic Start - Build web and native mobile applications with Ionic whilst learning modern reactive development with Angular.
- ionic-angular-collect-icons - Library to group ionIcons and auto‑generate export files, simplifying addIcons() management in small projects.
- Official GitHub repository
- awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
- ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
- IDEA-Ionic8-extra - [IDEA's](https://www.iter-idea.com/) extra components and services built on Ionic 8, and distributed with different NPM packages.
- ionic-component-snippets - Repository of unofficial Ionic demos and libraries that can still benefit developers and their apps.
- ionic-header-parallax - This directive enables a parallax effect on `ion-header` elements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down.
- ionic-state - Provides utilities for working with state in Ionic applications.
- Official website
- simplici-auth-angular-ionic - Powerful Angular library for seamless social auth in Ionic/Angular apps, supporting major providers with web/mobile compatibility via Capacitor or Cordova.
- ionx-search-select - Modern Angular/Ionic search & select with standalone components, signals, and full `ControlValueAccessor` support.
- ionic-insta-api-wrapper - Lightweight Ionic/Cordova library for fetching Instagram content (Stories, Reels, posts, profiles) with login and cookie support.
- ionic-adv-tooltip - Media rich tooltips and popovers for Ionic Angular that render templates, images, videos, or live previews on any host.
-
Programming Languages
Categories
Third Party Components
1,086
Table of contents
432
Development Utilities
303
Angular
117
Learning Resources
103
Architecture and Advanced Topics
95
Angular Pulse
92
Framework Interoperability
88
Site Templates
77
State Management
74
Security and Authentication
73
Testing
63
Underlying Technologies
57
Angular-Inspired Solutions
36
External Lists
4
Sub Categories
Angular
255
Third Party Components
177
Wrappers
91
UI Libraries
72
Form Controls
69
Free Templates
68
Mixed Utilities
66
Internationalization
57
AI
50
Animations
43
HTTP
43
Forms
43
Authentication
41
Data Grids
40
Other State Libraries
40
Google Developer Experts on X
38
Blogs
37
CLI Tools
36
Editors
35
Notifications
34
Scroll
32
Loaders
31
RxJS
30
Charts
30
Generators and Scaffolding
29
Dates
29
Icons
28
Analytics
28
TypeScript
27
External Integration
27
UI Libraries built on Tailwind CSS
25
Carousels
25
Official Resources
23
Layout
23
Helpers
23
Form Validation
23
NgRx
23
Directives
22
DOM
22
Component
22
Images
21
UI Libraries built on Material
20
File Upload
19
Drag and Drop
19
Media
19
IDE Extensions
19
Builders
18
Training
18
Router
18
Feature Flags
17
Visual Effects
17
UI Library and Framework Ionic
17
Calendars
17
Community
17
Captcha
17
Books
16
Viewers
16
Storage
16
Deployment
16
Markdown
16
Performance
16
Accessibility
16
Linting
15
Styling
15
Updating Angular
15
E2E
15
Modals
15
Code Analysis
14
Maps
14
Pipes
14
Angular Team on X
13
QR Codes
13
Security Best Practices
12
Onboarding and Product Tours
12
JSON Forms
12
Runtime
11
NGXS
11
Keyboard Mouse
11
Cross-Framework Integration
10
UI Primitives
10
UI Libraries built on Bootstrap
10
Tooltips
10
Payments
10
Angular Experts on X
10
Role-Based Access Control
10
Documentation Tools
10
Server-Side Rendering
10
Exercises
9
Cheat Sheets
9
Desktop Applications
9
GraphQL
9
Paid Templates
9
Loggers
9
Debugging
9
Module Federation
8
Cookies
8
Certification Programs
7
Podcasts
7
PDF
7
SEO
6
Networking
6
Newsletters
6
CSV
5
Micro-Frontends
5
YouTube Channels
4
Layout Components
4
Editor Components
4
Printing
4
Style Guides
3
Monorepos
3
Guides
3
Editor and IDE Extensions
2
Bluesky
1
Keywords
angular
748
typescript
223
javascript
90
angular2
69
ngx
56
react
52
rxjs
44
library
41
ui
33
vue
31
angular-components
31
material
28
i18n
28
components
27
angular-material
26
angular-library
26
angular-cli
24
tailwindcss
23
ngrx
23
component
21
angular17
20
testing
20
nodejs
19
frontend
19
svelte
19
npm
19
admin-dashboard
17
signals
17
forms
17
state-management
17
icons
16
translation
16
ng
16
bootstrap
16
internationalization
15
angular5
15
angular-component
15
jest
15
angular4
15
angular18
14
template
14
nextjs
14
svg
14
material-design
13
ionic
13
charts
13
angular7
13
css
13
grid
13
cli
13