Third Party Components

• Markdown

  • ngx-markdown - Angular library that combines Marked, Prism.js, Emoji-Toolkit, KaTeX, Mermaid and Clipboard.js.
  • ngx-remark - Render markdown with custom Angular templates.
  • angular-markdown-editor - Angular Markdown Editor. All-in-one Markdown Editor and Preview.
  • ngx-md - Angular directive for parsing markdown content in your web application.
  • ngx-textile - Use the Textile markup language in your Angular project using [textile-js](https://github.com/borgar/textile-js).
  • mdbook-angular - A renderer for [mdbook](https://rust-lang.github.io/mdBook/index.html) that turns Angular code samples into running Angular applications.
  • ngx-mdx - Take Angular lifecycle to Markdown for a seamless experience.
  • markular - A lightweight Markdown editor for Angular.
  • md-juice - A lightweight, tokenized CSS theme for Markdown HTML output.
  • ngx-md-editable - A lightweight Angular component that edits Markdown and renders expressive HTML content.
  • ngx-streamdown - Angular port of [Streamdown](https://streamdown.ai/), a streaming Markdown renderer optimized for AI‑driven applications.
  • mark-down - A framework‑agnostic snippet engine with an Angular adapter that indexes Markdown at build time and renders HTML at runtime with optional sanitization.
  • ngx-md-slides - A way to make multi-lingual presentations, using markdown and Angular components.
  • m-render - A library for rendering Markdown with extended support for Angular components and code snippets.
  • ngx-markdown-pages - An Angular library for rendering markdown files as routable pages.

• Media

  • angular-audio-context - An Angular wrapper for the Web Audio API's AudioContext.
  • silicon-audio-wave - Very simple audio wave system from Silicon.
  • byteark-player-angular - Player Container from [ByteArk](https://www.byteark.com/).
  • Vidstack - Framework with UI components for custom web media players, plus a customizable Default Layout. See [installation guide](https://www.vidstack.io/docs/player/getting-started/installation/angular?styling=default-layout&provider=video).
  • 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.

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

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

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

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