Third Party Components

• Mixed Utilities

  • 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.
  • ngx-primeng-toolkit - Comprehensive TypeScript utilities for Angular state management with PrimeNG helpers, `ng-select`, storage, and NgRx caching.
  • Indice.Angular - A collection of Angular libraries providing authentication, configuration, and reusable components for Angular v20+ applications.
  • trt-web-utils - Monorepo for the `@trt-web` packages, which includes a Firebase admin helper library and more.

• 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.
  • ngx-call - Imperative, type-safe, and promise-based dialogs for Angular, inspired by [React Call](https://github.com/desko27/react-call)'s `createCallable`.
  • ngx-dialog-forge - Declarative, signals-native Angular dialog library built on the native dialog element.
  • ngx-modalieur - Bootstrap-styled modals using Angular CDK Dialog.

• 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.
  • ngx-gooey-toast - A morphing pill‑to‑blob toast component for Angular, serving as an Angular port of the React [gooey‑toast](https://goey-toast.vercel.app/).
  • ngx-yet-another-toast-library - A lightweight, signal-based Angular toast notification library with Bootstrap 5 color palette support.
  • ngx-mat-toast - Angular toast notification library built on top of Angular Material `MatSnackBar`.

• 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.
  • rm-ng-pdf-export - Angular library for generating and exporting ultra-high-quality PDFs from HTML content with smart page breaking and crystal-clear rendering.

• 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.
  • @unirate/angular - Angular pipes (`currencyRate`, `currencyConvert`) and `UniRateService` (Observable-based) for live currency exchange rates from the [UniRate](https://unirateapi.com) API. Supports Angular 16–22 with `UniRateModule.forRoot()` or `provideUniRate()`.

• 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.
  • angular-typed-router - Type‑safe Angular navigation from a single Routes array, yielding inferred path unions and typed navigate tuples with zero codegen or runtime cost.

• 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.
  • ngx-cerious-scroll - Angular bindings for [Cerious Scroll](https://github.com/ceriousdevtech/cerious-scroll), a high-performance virtual scrolling implementation.

• 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.
  • ngx-local-vault - A reactive, encrypted browser storage for Angular—built on Signals, under 2KB gzipped, with zero runtime dependencies.

• 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).
  • @lazycuh/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.
  • @babybeet/angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
  • angular-tooltips - Modern, lightweight Angular tooltips using a single CSS‑anchored popover element with no overlays, no scroll listeners, and no per‑trigger DOM.

• 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.