Third Party Components

• DOM

  • 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.
  • @sibiraj-s/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.
  • 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.
  • @bobbyquantum/ngx-editor - Angular 21+ fork of `sibiraj-s/ngx-editor`.

• 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.
  • @nsnayp1/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.
  • @koenz/angular-datepicker - An animating datepicker for Angular 21+.
  • ngx-dual-rangepicker - Dual-calendar date range picker for Angular 20+ and Angular Material M3.

• 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.
  • reactive-form-extensions - This project enhances Angular ReactiveForms with input trimming, error messages, and validation-based CSS—without extra dependencies.
  • pro-form - A predefined set of reactive and reusable form input components based on Angular Material.
  • ngx-forms - Collection of Angular form functions, that will help you build your applications.
  • @klubinskak/ngx-smart-forms - Smart, Signal-powered form state utilities for Angular 17+.
  • @pixelbyaj/ngx-form - ISO20022 Angular Forms use XSD/XML to design HTML forms and structure MX messages.
  • ngx-custom-controls - Angular library with a base directive (BaseCvaImplementationDirective) that simplifies custom form controls with built-in validation.
  • ngxAccessor - This library adds a third approach to Angular forms, integrating signals alongside existing methods with adaptability.
  • angular-template-signal-forms - A modern Angular form library built from the ground up with Signals — flexible, type-safe, and fully themeable.
  • ngx-formidable - A powerful Angular component library for building rich, validated forms.
  • piying-view - A strongly typed frontend form solution; an alternative to `ngx-formly` and Angular's official form framework.
  • ngx-form-m3 - Persian form library for Angular and Material 3.
  • lite-form - A lightweight Angular library offering customizable form components with validation, styling, and animations.
  • cc-form-engine - Advanced Angular library for reactive form generation and management with dynamic validation, change tracking, and customizable error messages.
  • ngx-autosave-forms - Autosave form values in localStorage using template forms or reactive forms in Angular.
  • ngx-better-forms - Streamlined, maintainable reactive form utilities.
  • ngx-query-builder - Angular query builder with standalone components, sensible defaults, templating hooks, and full form support for domain-specific editors.
  • ngx-mat-form - Angular library that uses Reactive Forms and Angular Material to dynamically generate configurable forms from a schema.
  • ng-forge - A type‑safe, dynamic forms library built for Angular’s signal‑based forms.
  • zignal - A type-safe Angular form library using signals and Zod validation, with Turkey-specific validators and multi-language support.
  • ngx-currency-v2 - A fork of [ngx-currency](https://github.com/nbfontana/ngx-currency) updated for the latest Angular version.
  • ngx-form-stepper - A strongly typed Angular library for building robust multi‑step forms that prevent invalid states during development with minimal configuration.
  • ngx-form-rules - A lightweight Angular library that makes it easy to enable, disable, and control reactive form fields using simple, declarative rules.