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
-
Media
- voicecapture-angular - The library offers customizable options for handling voice input and transcription, making it a flexible solution for enhancing user interfaces.
- ngx-video-timeline - Video playback progress bar component.
- ngx-cam-shoot - A streamlined Angular component that simplifies using your device's camera and accelerates image capture and saving.
- velt - Add AI powered collaboration features ridiculously fast.
- @dytesdk/web-core - This [quickstart](https://docs.dyte.io/guides/livestream/client-setup/angular) shows how to add Dyte's Livestream SDK to your Angular applications.
- cometchat-uikit-angular - [CometChat](https://www.cometchat.com/) Angular UI Kit offers pre-built UI for quick, reliable, fully featured chat integration.
- @poseclop/ngx-video-player - A lightweight video player component that emulates YouTube.
- ngx-lite-video-v2 - Updated fork of [ngx-lite-video](https://github.com/karim-mamdouh/ngx-lite-video), adding lazy loading for YouTube and Vimeo iframes in Angular.
- ngx-user-camera - Modern Angular 20+ camera component with front/back switching, optional canvas rendering, and zoneless reactive signals.
- ngx-rumbletalk - An Angular library for [Rumbletalk](https://rumbletalk.com/) group chats.
- ng-three-model-cropper - An Angular `Three.js` library for configurable 3D model cropping with GLB/FBX support and triangle-pruning export.
- @ngx-core/media-optimizer - Professional framework-agnostic library for image optimization, conversion, and compression.
- ngx-streaming-player - A unified, plug-and-play video player component that handles HLS, DASH, MP4, and YouTube through a single API.
- ngx-pro-media-player - Angular media player with audio, video, queue, crossfade, lyrics, and RTL support.
- MediaSFU-Angular - Angular SDK for WebRTC video conferencing, webinars, livestreams, chat, screen sharing, recording, breakout rooms, whiteboards, polls, live subtitles, and translation.
-
Mixed Utilities
- rx-angular - RxAngular toolkit for fully reactive apps focused on performance, template rendering, and developer experience.
- ng-web-apis - A set of common utils for consuming Web APIs with Angular.
- daffodil - Angular Ecommerce PWA Framework.
- ngworker - Monorepo for the @ngworker NPM organization. Packages for Angular applications and testing.
- jscutlery devkit - Tools that make Angular developer's life easier.
- Official Angular Components repository - Component infrastructure and Material Design components for Angular.
- lithium-angular - Lithium simplifies Angular with utilities for seamless reactive state and event interactions.
- rxweb - Tons of extensively featured packages for Angular, Vue and React Projects.
- ngspot - Collection of awesome Angular libraries.
- ts-cacheable - A popular platform-agnostic caching library.
- ngxtension-platform - Utilities for Angular.
- ngify - Use Angular features outside of Angular.
- angular-ru-sdk - Set of toolchains for common interaction patterns, abstracting Angular core functionalities without presentation bias.
- dfts-common - Collection of TypeScript libraries (icons and other utilities).
- sba-angular - [Sinequa's](https://www.sinequa.com/) Angular-based Search Based Application (SBA) Framework.
- ng-as - Angular pipe and directive for type casting template variables.
- angular-toolbox - A library that provides useful tools for Angular apps development.
- ngx-lift - `clr-lift` and `ngx-lift` enhance Angular with utilities, operators, and components for simplified development.
- firestitch - A wide range of open-source Angular solutions is available from [Firestitch](https://firestitch.com/).
- ngx-utility - Various helpers for forms, zones, DOM manipulation, HTTP requests, and more.
- ssv.ngx - Mono-repo of libraries from [sketch7](https://github.com/sketch7). [ngx.command](https://github.com/sketch7/ssv.ngx/tree/master/libs/ngx.command#readme) is a command pattern implementation for Angular. [ngx.ux](https://github.com/sketch7/ssv.ngx/blob/master/libs/ngx.ux/README.md) provides UX essentials and utilities for building apps.
- ng-kit - Reusable Angular components built with Angular Material and Bootstrap 5.x, Utility classes/functions for Date, Form and String operations.
- nxt-components - A collection of various Angular components.
- ngx-signal-plus - A comprehensive utility library for Angular Signals that provides enhanced functionality, operators, and utilities.
- ngx-nuts-and-bolts - A collection of commonly used pieces of Angular-related code that are used by [Infinum](https://infinum.com/).
- ngx-common - A collection of useful features to enhance your Angular apps.
- ngx-signals-plus - Additional Signals to improve developer experience.
- ngx-kit - Utilities for Angular Framework.
- ng-tool-collection - Useful Tools written in Angular.
- yaagoub - Accelerate your development with decorators, directives, icons, services, and OAuth 2.0.
- angular-signal-generators - Angular Signal Generators streamline development with signals and utilities for faster, cleaner code.
- ngx-oneforall - An Angular library with reusable pipes, directives, services, decorators, constants, enums, and more.
- mmstack - A monorepo for mmstack libraries.
- @tomaszatoo/ngx-libs - Repository for some useful Angular libraries, such as [ngx-timer](https://www.npmjs.com/package/@tomaszatoo/ngx-timer).
- @shanieMoonlight/moonlight-repo - Monorepo of SpiderBaby’s open-source Angular libraries, utilities, and demo applications.
- @jchpro/ng - Monorepo of various libraries for Angular. Visit [example page](https://ng.jchpro.pl/) for more info.
- @studiohyperdrive/ngx-tools - A mono-repo providing several of the Angular based packages created and maintained by the [Studio Hyperdrive](https://studiohyperdrive.be/) team.
- @everllence/ngx-tools - This repository contains a collection of libraries is designed to elevate your Angular development experience.
- rxap - A collection of modules and tools that reduce web and cloud app development effort.
- ng-util - A set of Angular utilities.
- reactive-kit - Lightweight utilities for reactive Angular apps, reducing boilerplate and pairing well with `ngxtension`.
- fireng - A collection of Angular libraries to simplify responsive development using signals.
- xprng - Micro packages of simple and smart components for Angular.
- ngx-primeng-toolkit - Comprehensive TypeScript utilities for Angular state management with PrimeNG helpers, `ng-select`, storage, and NgRx caching.
- spartan - Cutting-edge tools powering Angular full-stack development.
- @ibenvandeveire opensource - A monorepo hosting multiple packages—both Angular and non-Angular—developed and maintained by [Iben Van de Veire](https://github.com/IbenTesara).
- @farfadev/ngx-lib - Repository of Angular libraries from [Farfadev](https://github.com/farfadev), usable in any application.
- ngx-security - A modular Angular library for authentication, roles, and permissions management.
- ng-catbee - A collection of Angular libraries developed and maintained by the [Catbee](https://catbee.in/docs/@ng-catbee/) team.
- dfx-common - Collection of Angular libraries including `dfx-qrcode` and more.
- ngx-persian - A full-featured toolset for Persian Applications.
- acontplus-libs - Nx monorepo containing Angular libraries providing Domain-Driven Design (DDD) architecture, core utilities, and Angular Material UI components for enterprise applications.
- angular-kit - A set of powerful Angular tools including pipes, lifecycle hooks, and reactive enhancements.
- Angular Directive Workspace - An Angular monorepo that hosts several standalone directive and utility libraries, including [ng-signals-utils](https://www.npmjs.com/package/@sergeydus/ng-signals-utils).
- angular-cool - A monorepo packed with developer‑friendly Angular utilities that supercharge apps with effortless UI, storage, networking, and performance features.
- dasch-ng - A collection of reusable Angular libraries and TypeScript utilities for modern web development.
- ngx-schema-tools - A monorepo containing Angular libraries for JSON schema editing, visual data mapping, and dynamic form rendering.
- angular-3d - Modern Angular libraries for building stunning 3D graphics and scroll animations.
- npm-ntk-cms-angular - This monorepo contains a collection of 9 reusable Angular libraries designed for building modern CMS applications.
- ngx-vertex - Designed to assist in creating and managing a directed acyclic graph model in an Angular application.
- telperion - A collection of high-quality, framework-independent utilities and tools for modern web development, including [ng-pack](https://github.com/telperiontech/telperion/tree/main/libs/ng-pack).
- signality - A collection of atomic utilities for building reactive compositions in Angular.
- @alvaromarinho/libs - A collection of Angular libraries for common UI needs, compatible with Angular 14+.
- angular-helpers - A suite of Angular libraries that help you build secure, browser-integrated applications with a clean developer experience.
- ng-as - Angular pipe and directive for type casting template variables.
- ngneat-archive - A read-only preservation archive of the [ngneat](https://github.com/ngneat) repositories.
-
Modals
- ngx-awesome-popup - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).
- dialog - A simple to use, highly customizable, and powerful modal.
- ngx-modal-ease - A versatile Angular library providing a lightweight, simple, and performant modal.
- angular-confirmation-capture - A singleton, global Angular service to programmatically show a confirmation box to capture an user's consent.
- angular-anchored-floating-box - Singleton Angular service to render floating boxes anchored to elements with `TemplateRef` or component content.
- up-window-angular - An Angular library designed to create dynamic, customizable modals and window-based components for web applications.
- ngx-whats-new - A simple library for creating multi-modal dialogs.
- ngx-dialog - Type-safe Angular Dialogs Directive for Angular 16+.
- ng-modal-service - A simple Angular modal Service.
- strictly-typed-mat-dialog - Angular material library to improve type safety around mat dialogs.
- ngx-light-modal - Lightweight, dependency-free Angular modal with standalone components, dynamic rendering, stacking, backdrop control, and lifecycle observables.
- ngx-side-page - Versatile Angular library for slide‑out side panels with smooth, service‑based animations, like Material dialogs for side pages.
- async-modal-ngx - This library renders Angular components with flexible data flow, while all styling and modal-host design remain your responsibility.
- rnd-dialog - Resizable and draggable dialog based on CDK dialog.
- prettier-modals - Angular directives and an injectable service for Prettier Modals — beautiful open/close animations for native `<dialog>` elements, powered by GSAP Flip.
-
Notifications
- OneSignal - Integrate OneSignal into Angular apps with [onesignal-ngx](https://github.com/OneSignal/onesignal-ngx) for push and in‑app messaging.
- ngx-sweetalert2 - Declarative, reactive, and template-driven SweetAlert2 integration for Angular.
- ngx-toastr - Notifications/Toastr.
- hot-toast - Smoking hot toast notifications for Angular.
- ngx-sonner - An opinionated toast component for Angular. A port of @emilkowalski's sonner.
- angular-bootstrap-toast-service - Angular project for sending Bootstrap based toast notifications including Vercel deployment.
- ngx-notifier - A Simple Notification Service for Angular applications.
- angular-notification - A singleton, global Angular service to programmatically show notifications.
- ngx-french-toast - Lightweight, customizable Angular 14+ toast library for informative messages, feedback, and dynamic component support.
- ng-fast-toast - Fast, lightweight Angular 18+ library for effortless alerts/notifications, Ionic-compatible, Tailwind-styled, using Shadow DOM.
- notifyx - A simple, customizable toast library for JavaScript/TypeScript with zero dependencies.
- web-notifier - Lightweight, flexible web notification library with simple RxJS‑based API for browser notifications.
- toastify - Lightweight and customizable toast notifications for web applications.
- angular-toaster - Updated fork of [Angular2-Toaster](https://github.com/Stabzs/Angular2-Toaster).
- ng-toast-service - Simple, customizable Angular notification service with slide‑in alerts and configurable behavior.
- grand-notifications - Beautiful, customizable toast notifications with artistic animations.
- @pascaliske/ngx-notifications - Simple notifications module for Angular.
- ngx-toastr-notifier - Lightweight, customizable Angular 20+ toast notifications with Material design and flexible APIs, replacing `toastr`.
- ngx-modern-alerts - Flexible Angular system for banner and floating alerts with hub, timeouts, custom actions, and more.
- alert-bar-library - Display contextual messages (success, info, warning, error) with clean, accessible styles that match modern web apps with this library.
- mk-magic-messages-library - Easily display animated success, info, warning, and error alerts in your Angular 20+ application.
- ngx-popify - Toast notifications for Angular 16+ built using reactive signals and easily integrated via a view component.
- ngx-alertifying - Customizable, responsive Angular alert component for stylish, accessible feedback across devices and contexts.
- @IQXLimited/ngx-toastr - A fork of `ngx-toastr` that adds extra features, improvements, and customizations.
- ngx-snotifire - A flexible toast library offering multiple notification types, simultaneous positions, rich configuration, full custom styling, built‑in themes, callbacks, and custom HTML support.
- makki-toast-package - A customizable toast component built to streamline the creation and management of tailored alerts.
- @klausbrandner/ngx-notifications - Simple, lightweight toast notifications for Angular.
- ngx-advanced-toast - Advanced Angular toast notifications built on the native `<dialog>` element — signals-first, zero RxJS, CSS-only animations, fully accessible.
- ngx-toast - A lightweight, high-performance, and Zoneless-ready toast notification library for Angular 21+ and React 18+.
- ngx-signal-toast - Signal-first toast notification library for Angular 21+ with zoneless support, zero dependencies, SSR safety and powerful theming.
- ngx-dynamic-toast - An elegant, liquid-smooth toast notification library for Angular, heavily inspired by the beautiful [Sileo](https://github.com/hiaaryan/sileo) project.
- flexi-toast - Angular toast notification component with title, message, icon types, auto-dismiss, manual close, animations, theme, and positioning support.
- ngx-notitia - Updated fork of `ngx-toastr` with additional features, fixes, and modernizations for Angular 21+.
- ngx-herald - A lightweight, modern Angular toast notification library. Signals-first, zoneless-compatible, zero runtime dependencies, and an easy-to-use alternative to ngx-toastr.
-
Onboarding and Product Tours
- skyux - SKY UX components for Angular.
- ngx-ui-tour - A UI tour library inspired by [angular-ui-tour](https://github.com/benmarch/angular-ui-tour).
- ngx-tour-wizard - Product Tour Wizard.
- bdc-walkthrough - An Angular Material library for displaying walk-through pop-ups and dialogs using a declarative way.
- ngx-onboarding - Onboarding library for seamless Angular tutorials, helping users quickly learn and navigate your app.
- ngxsmk-help-tour - Angular standalone library for spotlight focus and guided product tours with keyboard navigation, auto-advance, theming, and a11y.
- ngx-web-tour - A customizable product tour library for Angular applications that supports user onboarding with animations and professional UI.
- angular-shepherd - Angular Service wrapping the site tour library [Shepherd](https://github.com/shepherd-pro/shepherd).
- ngx-intro - An Angular library that provides a simple integration of [Intro.js](https://introjs.com/) to create interactive guides and step-by-step tutorials.
- ngx-custom-tour - Easy to customize step-by-step tour / onboarding for Angular 15+.
- ng-beacon - Lightweight guided-tour library for Angular 19+ with signals and zoneless-compatible rendering.
- ngx-guided-tour-lite - A lightweight, dependency-free guided tour library for Angular.
-
PDF
- ng2-pdfjs-viewer - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).
- ngx-extended-pdf-viewer - A full-blown PDF viewer for Angular 16+.
- ng-pdf-renderer - A modern, zero-configuration PDF viewer for Angular applications with intelligent auto-fit, text selection, and responsive design.
- pdf-viewer-kit - A modern, high-performance, framework-agnostic, lightweight PDF viewer and annotation library built on top of `pdf.js`.
- Angular Image & PDF Viewer - A customizable library for viewing PDFs and images using Mozilla’s [pdf.js](https://github.com/mozilla/pdf.js) engine for smooth previews.
- ngx-pdf-viewer - A lightweight PDF viewer library for Angular applications.
- ngx-document-signer - A reusable package that provides a PDF form creator and PDF signer.
-
Pipes
- ng-generic-pipe - Generic pipe for Angular application.
- safe-pipe - Angular pipe for sanitizing your unsafe content.
- ngx-func-pipe - Simple, lightweight Angular pipe to call functions directly in templates.
- ngx-pipes-toolkit - A complementary pipes library for Angular.
- ng-dompurify - Angular Sanitizer/Pipe using [DOMPurify](https://github.com/cure53/DOMPurify) with full configuration support.
- ngx-search-pipe - Angular search pipe that filters object collections by term, built to work seamlessly with signals.
- ngx-pipe-lib - Common Angular pipe examples for your day to day tasks.
- ngx-number-to-words - Angular pipe to convert numbers into words, ideal for invoices, reports, and financial apps.
- memoize-pipe - A universal pipe for memoizing computations in Angular templates.
- ngx-highlight-text - Angular pipe that highlights a selected word in the HTML markup.
- ngx-smart-pipes - A lightweight, tree-shakeable collection of standalone Angular pipes designed for real-world use cases.
- ngx-dynamic-search - Angular pipe designed for dynamic, deep search filtering across complex nested objects and arrays.
- ngx-name-capitalize - Angular pipe for name capitalization that formats compound surnames, linguistic particles, hyphenated names, apostrophes, and Unicode characters.
- ngx-transforms - 90+ standalone, tree-shakable pipes for strings, numbers, dates, arrays, objects, and more.
-
Printing
- ngx-print - A plug n' play Angulae library to print your stuff.
- ngx-printify - Angular utility library for simplified printing with a directive for components and a service for programmatic use.
- ngx-printer-demo - A simple Angular service to print a window, parts of a window (div), images, HTMLElements or Angular Objects.
- ngx-pos-print - Print receipts on POS thermal printers from your Angular app.
-
QR Codes
- angularx-qrcode - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library.
- ng-qrcode - Easy to use AOT compatible QR code generator for Angular projects.
- dfts-qrcode - A tiny and simple-to-use JavaScript / TypeScript QR-Code generator library. Fully type-safe and ES modules compatible.
- ngx-scanner - Angular QR code, Barcode, DataMatrix, scanner component using ZXing.
- ng-qrcode-svg - Simple QR code generator (SVG only) for Angular.
- ngx-qrcode-generator - An Angular component that generates QR codes using the [QRious](https://github.com/neocotic/qrious) library.
- ngx-scanner-qrcode - Library for scanning QR codes from raw images, locating, extracting, and parsing them.
- Angular-html5qrcode - This library provides an Angular wrapper for the [html5-qrcode](https://github.com/mebjas/html5-qrcode) library, allowing developers to easily integrate QR code and barcode scanning functionalities into their applications.
- ngx-kjua - Angular QR-Code generator component using [kjua](https://github.com/lrsjng/kjua).
- ngx-qrcode - A simple Angular 18+ component to generate QR codes. Based on [react-native-qrcode-skia](https://github.com/enzomanuelmangano/react-native-qrcode-skia) library.
- ngx-scan-detect - Detects barcode or QR code scanning on document and emits the scanned code.
- qrcode-angular - A streamlined Angular library that creates verification QR codes for [Self.xyz](https://self.xyz/).
- qr-code-layout-generate-tool - Framework-agnostic QR code label & badge designer for React, Angular, Vue, Svelte, & Node.js.
-
Router
- ngx-quicklink - Quicklink prefetching strategy for the Angular router.
- xng-breadcrumb - Zero‑config, lightweight, configurable, reactive breadcrumbs for Angular 6+.
- ui-router - State-based routing in Angular is enabled through [UI-Router for Angular](https://ui-router.github.io).
- olt-ngx-breadcrumbs - Angular Library for generating breadcrumbs based on the routing state.
- ngx-href - A directive that allows href to understand Angular's router while retaining its default functionality.
- 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.
-
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