Third Party Components

• Directives

  • ngx-if-platform - Directive for conditional display based on platform.
  • ngx-cut - Angular directive for cutting texts with responsive options.
  • ngx-app-version - Angular directive for writing version into DOM.
  • ngx-repeat - Angular directive for repeating HTML element by count.
  • ngx-fixed-footer - Angular directive that adds a fixed footer without overlap.
  • ngx-responsive-if - An Angular structural directive for conditional rendering based on media queries.
  • ngx-copy-to-clipboard - An Angular directive that enables easy text copying to the clipboard with a single click. It supports customizable success/error messages and triggers events on copy actions.
  • ng-click-outside - Angular directive for handling click events outside of an element.
  • ngx-autofocus - A powerful, flexible Angular directive for automatic element focusing.
  • ngxture - A lightweight and modular Angular library that provides ready-to-use animations and gesture directives.
  • @maxime1jacquet/npm-directives - Angular Directives including [ngx-cursor](https://www.npmjs.com/package/ngx-cursor) and [ngx-simple-countdown](https://www.npmjs.com/package/ngx-simple-countdown).
  • ngx-overflow-reveal - An Angular directive that elegantly reveals truncated text on hover.
  • ngxsmk-button-spinner - Angular 17+ directive to show a loading spinner inline or centered on any button.
  • ngx-clamp - Angular directive for multi-line or height-based text clamping with legacy-browser support.
  • ngx-memoize - A lightweight, zero‑dependency decorator that memoizes Angular class methods to eliminate repeated template-call overhead and boost performance.
  • ngx-speech-button - An Angular directive that provides an easy-to-use wrapper for the Web Speech API, enabling voice input functionality with minimal setup.
  • ngx-mat-menu-hover - This Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves.

• DOM

  • ng-lock - Angular decorator to lock a function and user interface while a task is running.
  • ngx-highlightjs - Instant code highlighting, auto-detect language, super easy to use!
  • ngx-resize-observer - Angular 8+ module for detecting when elements are resized.
  • ngx-mutation-observer - Get Angular 8+ events fired when an element is mutated in the DOM.
  • ngx-visibility - Angular module that detects when elements are visible. Uses IntersectionObserver.
  • ngx-breakpoint-observer - This library adds reactive breakpoint and media query methods based on Signals.
  • ngx-sharebuttons - Angular share buttons.
  • ng-helpers - A collection of useful components, directives and pipes for Angular.
  • angular-paginator - Pagination Component for Angular applications.
  • ngx-ellipsis - Multiline text with ellipsis for Angular 9+.
  • ngx-fade - An Angular component for smooth fade-and-slide viewport transitions using the Intersection Observer API.
  • ngx-interpolation - An Angular lightweight library to interprate string interpolation expressions.
  • ng-gd - An easy way to manage a canvas element with support for mouse or tablet events.
  • ngx-annotate-text - An Angular library for visualizing and annotating text, ideal for tasks like named entity recognition and part of speech tagging.
  • ng-dynamic-component - Dynamic components with full life-cycle support for inputs and outputs for Angular.
  • pyno-date - A lightweight Angular library for converting and formatting Jalali and Gregorian dates.
  • ngx-fittext - An Angular library that allows you fit text in a box or a line.
  • ngx-optimus - An Angular library offering custom pipes to simplify data formatting and keep component logic cleaner.
  • ngx-signal-combinators - Composable boolean helpers for Angular signals, enabling cleaner reactive template logic.
  • viewport-truth - A tiny VisualViewport‑first store for accurate CSS‑pixel viewport size that detects virtual keyboards, reduces resize/scroll jitter, and works with SSR across frameworks.
  • angular-inport - Angular In-Viewport Detector.
  • ng-lock - Angular decorator to lock a function and user interface while a task is running.

• Drag and Drop

  • angular cdk - The `@angular/cdk/drag-drop` module provides you with a way to easily and declaratively create drag-and-drop interfaces.
  • ngx-drag-drop - Angular directives using the native HTML Drag And Drop API.
  • @hackingharold/ngx-dropzone - The missing file input component for Angular Material.
  • ng-dnd - Drag and Drop for Angular.
  • ngx-file-drag-drop - Angular material file input component which lets the user drag and drop files, or select files with the native file picker.
  • angular-drag-drop-layout - A lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality.
  • ngx-swapy - A simple component library to get a drag and drop DOM through the help of [Swapy](https://github.com/TahaSh/swapy).
  • ngx-draggable-dom - Angular attribute directive that causes any element to become a draggable element.
  • ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements.
  • ng-keyboard-sort - Library to add keyboard commands for elements that also use CDK drag and drop sorting.
  • ngx-draggable-widget-kama - Reworked [ngx-draggable-widget](https://github.com/arup-banerjee/ngx-draggable-widget) for better support.
  • angular-mixed-cdk-drag-drop - Angular Directive to support mixed orientation drag drop using Angular CDK.
  • cdk-drag-snap-to-point - A demo to showcase cdkDrag features to achieve drop only on certain points.
  • @MasterATM/ngx-dropzone - A lightweight and highly customizable Angular dropzone component for file uploads. Based on [@peterfreeman/ngx-dropzone](https://github.com/peterfreeman/ngx-dropzone) repository.
  • ngx-puzzle - Drag-and-drop dashboard builder for Angular applications.
  • ngx-drag-drop-kit - High-performance Angular drag & drop toolkit featuring grid layouts, sorting, resizing, nesting, and more.
  • ngx-dashboard - Modern Angular workspace for building drag-and-drop grid dashboards with resizable cells and customizable widgets.
  • ngx-dropzone-next - A maintained fork of `@peterfreeman/ngx-dropzone`, providing bug fixes and compatibility with newer Angular versions.
  • Official Angular Docs

• Editor Components

  • code-editor - Code editor component for Angular applications.
  • ngx-monaco-editor - Monaco Code Editor for Angular.
  • quill-table-better-dooooit - A module that enhances the table functionality of `Quill`.
  • ngx-wysicat - Block‑editing and advanced formatting on top of Quill; plugins for structured documents.

• Editors

  • @acrodata/code-editor - CodeMirror 6 wrapper for Angular.
  • angular2-froala-wysiwyg - Angular wrapper for Froala WYSIWYG HTML Editor.
  • ngx-simple-text-editor - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.
  • ngx-quill - Angular components for the Quill Rich Text Editor.
  • ngx-editor - Rich Text Editor for Angular using ProseMirror.
  • ngx-wig - Angular WYSIWYG HTML Rich Text Editor.
  • ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.
  • ngx-tiptap - Angular bindings for [tiptap v2](https://tiptap.dev/).
  • tinymce-angular - Official [TinyMCE](https://www.tiny.cloud/) Angular Component.
  • slate-angular - Angular view layer for [Slate](https://github.com/ianstormtaylor/slate).
  • ngx-ace-wrapper - Angular wrapper library for [Ace](http://ace.c9.io/).
  • ngx-quill-wrapper - Angular wrapper library for [Quill](http://quilljs.com/).
  • ngx-tinymce - `TinyMCE` components built with Angular.
  • formly-editor - A configurable editor for `ngx-formly` forms.
  • MagnetarQuill - Extensible Angular WYSIWYG editor for rich text, media, and tables with a plugin architecture.
  • ngx-editorjs2 - Extensible block editor inspired by [Editor.js](https://editorjs.io/), with customizable blocks and Angular reactive features. [ngx-editor-js2-blocks](https://github.com/Ba5ik7/ngx-editor-js2-blocks) adds support for custom content types.
  • ngx-traak - A WYSIWYG Angular editor library built on top of ProseMirror, built for standalone components and highly customizable with plugins.
  • ngx-summernote - [Summernote](https://github.com/summernote/summernote) editor for Angular.
  • angular-rich-text-editor - Angular wrapper for [RichTextEditor](https://richtexteditor.com/) with license key support and `ControlValueAccessor`.
  • ngx-aztreya-editor - A lightweight, customizable Angular Rich Text Editor component with built-in toolbar, headings, text formatting, and alignment options.
  • Angular-JSON-Tree-Editor-Component - Angular JSON Tree Editor Component that actually works.
  • armor-editor - A secure, lightweight rich text editor with premium features—built to integrate seamlessly into Angular applications.
  • ngx-workflow - A powerful, highly customizable Angular library for building interactive node-based editors, flow charts, and diagrams.
  • contentful-rich-text-angular-renderer - Angular renderer for Contentful Rich Text, offering customizable node and mark rendering using Angular templates.
  • Monaco Pattern Editor - A premium Angular library that wraps Monaco Editor with beautiful themes and coding interview preparation features.
  • ngx-jodit - Angular wrapper for [Jodit](https://github.com/xdan/jodit) WYSIWYG editor.
  • BlockNoteAngular - Unofficial [BlockNote](https://github.com/TypeCellOS/BlockNote) Angular wrapper.
  • angular-editor - A simple native WYSIWYG editor component for Angular.
  • domternal - Lightweight, extensible rich text editor toolkit with native Angular components (Signals, OnPush, standalone), built-in toolbar and theme, and full table support.
  • ngx-json-editor - A minimal, themeable JSON editor for Angular.
  • ngx-ace-signal - A modern Angular signals-based wrapper for the Ace editor.
  • ngx-rwriter - A modern Rich Text Editor component for Angular 21+ with native support for images, alignment, lists, color pickers, and translations.
  • ckeditor - Plugin for Angular.
  • ngx-pro-editor - A feature-rich WYSIWYG editor for Angular with auto-save, special characters, and advanced formatting.
  • dragble-angular-editor - Dual‑mode Angular component blending a designer‑friendly visual editor with an AI‑driven conversational interface.

• File Upload

  • ng2-file-upload - Easy to use file upload directives.
  • ngx-flow - Angular7+ wrapper for [flow.js](https://github.com/flowjs/flow.js) for file upload.
  • ngx-uploadx - Angular Resumable Upload Module.
  • file-upload - Angular module used for file upload.
  • ngx-file-drop - Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat.
  • uppy - [Uppy](https://github.com/transloadit/uppy) is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It's fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.
  • ngx-custom-material-file-input - File input management for Angular Material.
  • ngxf-uploader - File uploader for Angular 18+.
  • ngx-dropzone-wrapper - Angular wrapper library for [Dropzone](https://www.dropzone.dev/).
  • ngx-file-preview - A powerful preview tool for many file types.
  • ngx-image-upload - A lightweight, customizable library for image uploads with preview, validation, and smooth animations.
  • filestack-angular - Integrate [Filestack](https://www.filestack.com/) into your Angular app for a faster, safer, and more reliable file upload experience.
  • ngx-uploader-file - A versatile Angular file upload library with preview, validation, image cropping, drag-and-drop, and multi-language support.
  • ngx-filesize-pipe - An Angular pipe that converts bytes to a human-readable size, ideal for uploaders and media apps.
  • ngx-file-helpers - Angular file helpers including a file picker and dropzone.
  • Uppy - A sleek, modular JavaScript file uploader that [integrates seamlessly with Angular](https://uppy.io/docs/angular/).
  • ngx-file-uploader - Angular upload components and directives with built‑in file preview.
  • ngx-file-helpers - Angular file helpers including a file picker and dropzone.
  • file-uploader - A Web Components–based file upload widget compatible with any JavaScript framework — React, Next.js, Vue, Angular, and Svelte — without adapters.

• Form Controls

  • ngx-color - Color Pickers from Sketch, Photoshop, Chrome, GitHub, X, and more.
  • ngx-color-picker - Color picker widget.
  • angular-colorful - A tiny color picker component for modern Angular apps.
  • ng-select - All in One UI Select, Multiselect and Autocomplete.
  • file-input-accessor - Angular directive that provides file input functionality in Angular forms.
  • ngx-filesaver - Simple file save with [FileSaver.js](https://github.com/eligrey/FileSaver.js).
  • ngx-bar-rating - Angular Bar Rating.
  • angular-code-input - Robust Angular input component (numbers/chars) for Angular 7–16+, with Ionic 4–7, mobile, and clipboard support.
  • angular-iban - IBAN directives and pipes for Angular.
  • ngx-autosize-input - An Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width.
  • angular-cc-library - Library to support Credit Card input masking and validation.
  • ngx-ui-switch - A simple iOS 7 style switch component for Angular.
  • auto-complete - Angular Auto Complete component and directive.
  • ngx-otp-input - One time password input library for Angular.
  • ngx-show-hide-password - Add split input button to password or text input. Toggles input type between "text" and "password".
  • ngx-phone-field - Angular directive for international phone input with flag dropdowns, supporting Reactive and Template-Driven Forms.
  • ngx-rabe-star - An Angular library that provides a customizable star rating component for your Angular application.
  • ngx-countries-dropdown - Angular library with customizable countries dropdown component with flags, dial code, language and currency details.
  • ngx-morse - A simple morse code encoder and decoder for Angular.
  • ngx-mat-split-button - Angular Material split button with a primary action and dropdown for secondary options.
  • ng-select2 - An updated fork of [select2-component](https://github.com/plantain-00/select2-component).
  • ngx-duration-picker - Angular component for ISO_8601 durations.
  • ngx-super-select-tree - A single/multiple choice drop down tree for Angular!
  • ngx-easy-emoji-picker - Angular library that seamlessly integrates emoji selection into your application.
  • ngx-mat-table-multi-sort - Add multi-sort capability to an Angular Material table.
  • ngx-virtual-select-field - This package replicates the Angular Material Select component with virtual scroll capabilities with help of cdk-virtual-scroll.
  • ng-country-select - A smart, multilingual country search with flags and codes.
  • ngx-card-wrapper - Angular >=16 wrapper for [card.js](https://github.com/jessepollak/card), which provides a credit card form.
  • ngx-cron - User-friendly cron input.
  • @amirsavand/ngx-input - Awesome all-in-one Angular package for inputs and forms handling.
  • ngx-pwd - Password Strength Meter and Generator.
  • ngx-emoji-mart-next - Customizable Slack-like emoji picker.
  • ng-otp-input - A fully customizable, one-time password (OTP) input component for the web built with Angular.
  • ngx-np-datepicker - Angular datepicker supporting the Nepali (Bikram Sambat) calendar with easy form integration.
  • ngx-multi-select-input - Modern Angular standalone component for multi-term input with chips, autocomplete, and color support—ideal for tag editors and search bars.
  • rm-ng-star-rating - A fully customizable and feature-rich Angular standalone component for advanced star ratings with precision and responsive design.
  • ngx-input-color - `ngx-input-gradient` and `ngx-input-color` are customizable Angular components for color/gradient picking with previews and form integration.
  • ngxsmk-tel-input - An Angular telephone input component with country dropdown, flags, and robust validation/formatting.
  • gradient-picker - A powerful and beautiful gradient picker.
  • ngxsmk-datepicker - A modern, highly customizable Angular date range picker component.
  • ngx-country-selector - A sleek, customizable Angular Material country selector offering accessible dropdowns with flags, codes, local names, and more.
  • angular-datepicker2 - Lightweight Angular 16+ datepicker with standalone support, range and multi-date selection, and customizable templates—no external dependencies.
  • ngx-phone - Angular phone input with auto country detection, real-time formatting, validation, and full forms support.
  • ngx-phone-country-input - Comprehensive Angular library for phone input and country selection with reactive forms support.
  • ngx-mat-period-picker - A modern Angular Material period picker component built with standalone components.
  • touchspin-angular - Angular adapter for the [TouchSpin](https://github.com/istvan-ujjmeszaros/touchspin) number input component with per-renderer support.
  • ngxsmk-otp-input - Lightweight standalone Angular 17+ OTP/PIN input with SCSS theming, autofill, masking, and reactive forms support.
  • ngx-cron-editor - Graphical Angular 15+ cron builder with reactive forms integration and Material Design styling.
  • ngx-otp-code-input - An Angular OTP input component with extensive customization options, including masking, numeric-only input, and autofocus.
  • smart-date-input - A smart date input directive that uses the Writer API to parse natural language dates.
  • color-picker - Another beautiful color picker.
  • ngx-mat-birthday-input - An Angular Material library for entering a birthday.
  • ngx-pattern-lock - A lightweight, fully responsive, and customizable Android-style pattern lock component for Angular.
  • ngx-super-select - A multi-select input component for Angular.
  • smt-select - A high-performance, lightweight, and customizable Angular select component with built-in virtual scroll and search capabilities.
  • ngx-mat-searchable-select - A reusable Angular Material select component with infinite scroll, debounced search, "no items found" feedback, and static/mock data support.
  • ngx-animated-paginator - Angular wrapper for [animated-paginator-web-component](https://www.npmjs.com/package/animated-paginator-web-component) that plugs seamlessly into template-driven and reactive forms via `ControlValueAccessor`.
  • mat-password-meter - Angular Password Strength Meter ([zxcvbn](https://github.com/dropbox/zxcvbn), NIST-aligned, customizable).
  • nicematic-emoji-picker - High‑performance, zero‑dependency emoji picker for Angular 17+ with 929 emojis, auto‑theming, i18n, and responsive design.
  • ngx-starflow - A lightweight Angular component for displaying fractional star ratings with full precision.
  • combobox - An all‑in‑one Angular Select solution with built‑in multiselect and autocomplete features.
  • BlossomColorPicker - A polished, blooming color picker for the Web, offered as a standalone JS library with lightweight wrappers for Angular, React, Vue, and Svelte.
  • ngx-intl-phone-input - Accessible, headless Angular international phone input with CDK-powered country selector.
  • ngx-colors2 - A material‑style Angular color‑picker updated for Angular 20+, using signals and no animation dependencies.
  • ngx-signal-datetimepicker - Angular datetime picker built on Signal Forms — date + time in one control, zero deps, WCAG 2.2 AAA out of the box.
  • ngx-multi-field-dropdown - A customizable Angular searchable dropdown component with multi-field search support.
  • angular-multiselect-dropdown - A maintained Angular multiselect dropdown built for template-driven and reactive forms.

• Forms

  • angular-imask - Angular input mask.
  • ngx-mask - Angular Plugin to make masks on form fields and html elements.
  • maskito - Collection of libraries to create an input mask which ensures that user types value according to predefined format.
  • ng-signal-forms - Signal powered Angular Forms.
  • ngx-sub-form - Utility library for breaking down an Angular form into multiple components.
  • ngx-reactive-forms-utils - Utilities to assist in the use of reactive Angular forms.
  • ngx-vest-forms - A lightweight, type-safe adapter linking Angular template-driven forms with [Vest.js](https://vestjs.dev/) for complex, async validation.
  • ngx-currency - Currency mask module for Angular.
  • ngx-super-forms - This library adds some much-needed features on top of Angular forms and Reactive forms, to make it more developer friendly.
  • tripetto - Tripetto’s FormBuilder SDK offers customizable components for building and deploying forms. Use this [quickstart](https://tripetto.com/sdk/docs/getting-started/usage-with-angular/) to integrate with Angular.
  • @paddls/ngx-form - Model based typed reactive forms made easy.
  • ngx-enhancy-forms - Fancy enhanced Angular forms.
  • ngx-forms-core - This library extends Angular’s form system with strictly typed classes and tools to enhance type safety.
  • ngx-focus-entities - Library for generating reactive Angular forms from a Focus4 representation generated with [TopModel](https://github.com/klee-contrib/topmodel).
  • @TanStack/form - With TypeScript support, headless UI, and framework-agnostic design, it streamlines cross-framework form handling.
  • @luistabotelho/angular-signal-forms - Simple Angular library to implement forms with signals.
  • ngx-form-object - An abstraction over Angular reactive forms that generates forms from models and manages nested relationships.