awesome-angular
:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular
Last synced: 7 days ago
JSON representation
-
Third Party Components
-
UI Libraries
- 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.
- frame-ui - A customizable Angular component library built around modern primitives.
- open-prime - A fork of [PrimeNG](https://github.com/primefaces/primeng).
- kanso-protocol - Open‑source, cross‑framework design system with W3C DTCG tokens, Web Components, and an AI‑ready MCP server — built around kanso (簡素), the discipline of removing the unnecessary.
- coss-ui-angular - Accessible Angular components inspired by the public [COSS UI catalogue](https://www.coss.com/ui/docs).
- 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.
- optimus-ui - A fork of [PrimeNG](https://github.com/primefaces/primeng).
- AgnosUI - Highly configurable headless framework agnostic component library.
- eagami - Lightweight, accessible Angular UI component library built on CSS custom properties.
- OpenMFP Web Components Library - A modern Angular 21 web components library featuring declarative UI components built with the latest signal-based APIs.
-
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.
- ng-bootstrap - Angular widgets built with Bootstrap 5 CSS and APIs tailored for the Angular ecosystem.
-
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.
- 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.
- PushApp-Capacitor - A Capacitor plugin for push notifications, in-app messaging, event tracking, and session handling in Ionic/Angular/Capacitor apps.
-
UI Primitives
- ng-primitives - A low-level UI component library with a focus on accessibility, customization, and developer experience.
- primitives - Angular port of [Radix UI](https://www.radix-ui.com/) Primitives. Accessible. Customizable.
- ngbase - Lightweight Angular UI primitives with unstyled directives and components, customizable for any design system.
- vacui-ui - A headless Angular library of utility-first, primitives, low-level directives as foundational elements.
- ngx-headless - A collection of standalone, accessible Angular primitives inspired by [Headless UI](https://headlessui.com) & [FormKit](https://formkit.com).
- Clean Architecture Frontend - Domain-agnostic primitives for building frontend applications with Clean Architecture. Works with React, Vue, Angular, or any future framework.
- @luminacn/ui - Signal-first, headless UI primitives for Angular.
- Bloc UI - Lightweight, accessible Angular components with zero design opinions. Use your own styles or the optional theme package.
- angular-primitives - Signal-first Angular primitives for building scalable, accessible UI systems.
-
Viewers
- ng2-pdf-viewer - PDF viewer component.
- ngx-diff - Angular component library for displaying diffs of text.
- ngx-treeview2 - An Angular treeview component with checkbox.
- ngx-imageviewer - Generate a image/pdf viewer using canvas.
- ngx-json-schema-viewer - JSON Schema Viewer in Angular.
- ngx-gist - An Angular Material and highlightjs styled display box for GitHub gist and local code snippets.
- ngx-json-treeview - A collapsible JSON tree view for Angular.
- ngx-voyage - File Explorer for Angular and PrimeNG.
- ngx-json-diff-viewer - Angular component for visually displaying the differences between two JSON objects.
- file-viewer - A powerful, universal file previewer library for Angular applications with support for PDF, images, documents, spreadsheets, and more.
- json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences!
- ngx-serial-console - Angular component and service to monitor output from a serial device.
- ngx-profile-comparison - A high-quality, production-ready Angular component library that visually compares two user profiles by highlighting their similarities and differences.
- ngx-universal-viewer - An Angular component for viewing PDFs, Word, Excel, and PowerPoint files in continuous scroll or page-by-page modes.
- ngx-omniview - An all-in-one content viewer for Angular that seamlessly displays raw string inputs as Plain Text, HTML, Markdown, LaTeX, MathJax, JSON, and more—using just a single component.
- ngx-file-peek - An Angular standalone component library that renders real file content as thumbnails from any URL or storage source.
- ngx-json-explorer - An interactive, fully-customizable Angular JSON tree component featuring inline editing, search, and comprehensive option-based configuration.
-
Visual Effects
- ngx-countdown - Simple, easy and performant countdown.
- angular-tag-cloud-module - With this module, you can generate word clouds / tag clouds.
- ngx-parallax-stars - Angular library to create beautiful stars with parallax effect.
- ngx-font-picker - Google fonts font picker widget for Angular.
- ngx-gauge - A highly customizable Gauge component for Angular apps and dashboards.
- ngx-neon-underline - An Angular library that provides a glowing neon underline effect for your components.
- ngx-lamp - A simple component library to create a lamp.
- ngx-globe - A simple component library to create a container with an animated globe.
- ng-whiteboard - Lightweight Angular whiteboard component.
- ngx-gooey - The gooey effect for Angular, used for shape blobbing / metaballs.
- ngx-color-scheme - Add dark mode to your Angular applications with ease.
- @DerStimmler/ngx-analog-clock - Customizable analog clock for your Angular app.
- ngx-waterbox - An isometric water box component.
- angular-game-of-life - Background component playing Conway's Game of Life for Angular 19+.
- @craftedcode-dev/ngx-analog-clock - Analog clock component for Angular applications with timezone support, custom themes, and extensive styling options.
- ng-snowfall - An interactive Angular snowfall component where snowflakes respond to mouse movement to create a realistic wind effect.
- levita - Lightweight 3D tilt & parallax with accelerometer support.
- ngx-glassy-effect - An Angular directive that applies a glassy effect to your HTML elements.
- ngx-fancy - Fancy divider between template elements.
-
-
Underlying Technologies
-
RxJS
- rx-computed - The async RxJS-based version of signals' `computed()`.
-
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