Third Party Components

• JSON Forms

  • jsonforms-angular-seed - Angular-based JSON Forms seed app.
  • ng-formworks - An Angular [JSON Schema](https://json-schema.org/) Form builder, similar to, and mostly API compatible with, [Angular Schema Form](http://schemaform.io/examples/bootstrap-example.html), [React JSON Schema Form](https://rjsf-team.github.io/react-jsonschema-form/), and [JSON Form](https://ulion.github.io/jsonform/playground/).
  • DynamicAngularForm - Create dynamic form by passing a JSON with associated values.
  • dynamic-forms - Angular project for dynamic forms based on JSON.
  • json-forms-zorro-wrapper - Ng Zorro wrapper for json forms library.
  • ngx-formwork - Framework for Angular Reactive Forms built from JSON or TypeScript configuration.
  • ngx-formbar - A highly flexible framework for generating declarative reactive forms.
  • formitiva - A framework-agnostic runtime form engine for building forms from JSON schemas.
  • filter - Define fields once to get a ready-to-use JSON object and URL query string on every search.
  • ngx-json-forms - A zero-template, JSON-driven Angular form engine featuring over 40 field types, advanced validation, conditional logic, wizards, and repeaters.

• Keyboard Mouse

  • ngx-focus-control - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility.
  • virtual-keyboard-javascript - Virtual Keyboard for JavaScript, React, Angular, & Vue.
  • angular-touch-keyboard - Virtual Keyboard for Angular applications.
  • hotkeys - A declarative library for handling hotkeys in Angular applications.
  • ngx-contextmenu - A context menu component for Angular.
  • ngx-keys - A reactive Angular library for managing keyboard shortcuts with signals based UI integration.
  • focusly - A lightweight Angular library that brings intuitive, keyboard-driven navigation to web applications.
  • ngx-arrow-state - An Angular library that provides terminal/shell-like input history navigation using arrow keys, plus Ctrl+Enter form submission for textareas.
  • angular-onscreen-material-keyboard - Onscreen virtual keyboard for Angular using Angular Material.
  • @TanStack/hotkeys - Type-Safe keyboard shortcuts library with awesome devtools.
  • ngx-keyboard-shortcuts - An actively maintained fork of the archived [ngx-keyboard-shortcuts](https://github.com/milestechnologies/ngx-keyboard-shortcuts) package, adding Angular 16+ support and modern tooling.
  • ngx-command-palette - Zero-setup, keyboard-driven Angular command palette with auto-registered routes, custom commands, async search, and contextual visibility.

• Layout

  • overview - A collection of tools to make your Angular views more modular, scalable, and maintainable.
  • ngx-layout - Clone of Angular FlexLayout.
  • angular-gridster2 - Angular gridster 2.
  • angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
  • ng-polymorpheus - A tiny library for polymorphic templates in Angular.
  • gui - JSON powered GUI for configurable panels.
  • ngx-flickering-grid - A simple component library to create a container with an animated grid pattern background.
  • ngx-gridpattern - A simple component library to create a container with an pattern background.
  • ngx-retro-grid - 3D perspective grid component with customizable colors, rotation, and smooth animations for nostalgic or futuristic effects.
  • ngx-bottom-sheet - A highly customizable and lightweight Angular service that provides a mobile-friendly bottom sheet component.
  • @marxlnfcs/ngx-grid - Simple Angular Grid Module for modern grid layouts.
  • ngx-swipe-menu - A component to create "swipe left to 'action'" experiences.
  • static-columns - Define columns with static width with Angular and FlexBox.
  • ngx-flex-layout - Port of [Angular Flex Layout](https://github.com/angular/flex-layout) to provide support after EOL.
  • ngx-zoomable - A zoomable, pannable container component for Angular applications.
  • berg-layout - This monorepo contains versions of the [Berg Layout for Angular](https://www.npmjs.com/package/@berg-layout/angular), React, and Web Components.
  • angular-split - Angular split component.
  • ngx-material-drawer - Configurable Angular Material Drawer and Toolbar.
  • lightweight-grid-layout - A headless, dependency-free grid layout library for JavaScript/TypeScript that works with any framework or none, leaving rendering and styling to users.
  • ng-flex-layout - Angular library that provides a responsive, flexible layout API built on Flexbox and mediaQuery observables.
  • dockview-angular - Zero dependency layout manager supporting tabs, groups, grids, and splitviews.
  • gridstack - Mobile-friendly TypeScript library for drag-and-drop, multi-column responsive dashboards with Angular support.
  • ngx-compactable-row - Provides a responsive button row that moves excess buttons into a menu when space is limited.
  • ng-cmdk - Fast, composable, unstyled command menu for Angular — a port of [cmdk](https://github.com/pacocoursey/cmdk).
  • ngx-dock-layout - An Angular library for creating IDE-style, resizable panel layouts.

• Layout Components

  • ngx-van - Tiny HTML nav replacement with desktop nav and built-in mobile sliding side menu—no duplication.
  • ng-simple-sidebar - A simple Angular component to generate a sidebar with a hamburger menu.
  • ngx-bladex - A simplistic blade component for Angular with minimize/maximize and a close button.
  • @berg-layout/angular - This is the Angular version of [berg-layout](https://github.com/blidblid/berg-layout).

• Loaders

  • dotglitch-ngx - Highly customizable lazy loader for Angular components.
  • ngx-spinner - A library for loading spinner for Angular.
  • ngx-progressbar - Nanoscopic progress bar, featuring realistic trickle animations.
  • ngx-loading-bar - Automatic page loading / progress bar for Angular.
  • angular-busy - Show busy/loading indicators on any element during a promise/Observable.
  • ngx-loader-indicator - Awesome loader for Angular applications. No wrappers only your elements.
  • ngx-skeleton-loader - Make beautiful, animated loading skeletons that automatically adapt to your Angular apps.
  • angular-svg-round-progressbar - Angular module that uses SVG to create a circular progressbar.
  • ngx-loading-buttons - A lightweight Angular library to add a loading spinner to your Angular Material buttons.
  • ngx-fastboot - Dynamic Angular configuration loader that boosts startup performance by compiling configs in a separate chunk.
  • nx-svg-loaders - Angular, React, Svelte, Vue SVG loader/spinner collection.
  • skeletonizer - Lightweight, customizable package for creating skeleton views with Vue and Angular adapters.
  • ngx-loading-overlay - An Angular directive adding a loading overlay to your HTML.
  • square-progress - Square progress bar with animation.
  • ng-loading-skeleton - A lightweight and customizable Angular loading skeleton component.
  • groupix-spinner-library - A lightweight Angular spinner library for seamless loading animations!
  • ngx-loading-page - Sleek, adaptable loading component with multiple loader styles, dynamic themes, customizable backgrounds, and Bootstrap card design.
  • ngx-source - Dynamically load JavaScript and CSS during application execution.
  • ngx-spinner-loading - Lightweight, customizable Angular spinner with global, section, inline loaders, HTTP interceptors, and signal-based state.
  • ngx-signal-loading-bar - A lightweight, signal-based, zoneless loading bar for Angular.
  • ng-overlay-skeleton-loader - A lightweight Angular directive to add customizable skeleton loading states to your components.
  • ngxsmk-skeleton-loader - A lightweight skeleton loader featuring SCSS animations and easy theming.
  • skeleton-styler - A lightweight, framework-agnostic library to generate skeleton loading UIs with customizable styles and animations.
  • ngx-loader - Basic loader paired with a service for state management.
  • ngx-ui-loader - Versatile Angular loader/spinner with foreground/background modes, progress bars, and multi-loader support.
  • ngx-promise-buttons - Chilled loading buttons for Angular.
  • shimmer-from-structure - A React, Vue, Svelte, & Angular shimmer/skeleton library that automatically adapts to your component's runtime structure.
  • boneyard - Auto-generated skeleton-loading framework that works with React, Preact, Vue, Svelte, Angular, and React Native.
  • skedapt - A zero‑config adaptive skeleton loader for Angular that decorates the host element so the skeleton automatically matches the container’s natural layout.
  • loaderx-arun - 500+ Next-Generation Animated UI Loaders.
  • loadingTrace - Angular loading overlay with zero boilerplate, 76 animations, auto‑tracking, named overlays, determinate progress, runtime config, and Signals.

• Loggers

  • lumberjack - Versatile Angular logging library with built-in drivers and easy customization for custom log drivers.
  • angular-logger - A logger built with Angular in mind.
  • @Xilerth/ngx-logger - Library for seamless custom logging integration, enabling efficient debugging, monitoring, and analytics.
  • pretty-html-log - Module for pretty-printing ComponentFixtures, DebugElements, NativeElements, or HTML strings in Jest Angular tests.
  • log4ngx - A TypeScript logging framework for Angular projects, based on concepts used in Log4j, Log4net, etc.
  • ngx-wlog - A logger for Angular applications, drawing inspiration from the `.NET` [NLog](https://nlog-project.org/).
  • ng-route-logger - A simple and powerful library that helps you track page navigation times inside your Angular application.
  • candy-logger - A lightweight logging library for JavaScript/TypeScript with a popup UI in browsers and enhanced terminal output in Node.
  • @pubfunc/ngx-common-log - A flexible logging library for Angular applications with support for multiple transports, log levels, namespaces, and dependency injection.

• Maps

  • cesium-angular-example - A simple web application that demonstrates integration of [Cesium](https://cesium.com) with the LATEST version of Angular.
  • ngx-mapbox-gl - Angular binding of `mapbox-gl-js`.
  • ng-maps - Modular map components for Angular.
  • ngx-leaflet - Core Leaflet package for Angular.
  • ngx-maplibre-gl - Angular binding of maplibre-gl.
  • ng-azure-maps - Angular HTML-driven wrapper for azure-maps-controls, enabling easy integration into Angular applications.
  • HERE maps API for JavaScript - Integrate [HERE Maps](https://www.here.com/) with Angular for interactive maps, geocoding, routing, and more.
  • ngx-gaia-gis - An Angular service that simplifies map creation and interaction using the powerful [OpenLayers](https://openlayers.org/) library.
  • ngx-google-maps-places - Angular wrapper for Google Maps Places API, simplifying Google Places integration.
  • angular-yandex-maps - Yandex.Maps Angular components that implement the Yandex.Maps JavaScript API.
  • ngx-leaflet-markercluster - Provides [leaflet.markercluster](https://github.com/Leaflet/Leaflet.markercluster) integration into Angular projects.
  • angular-cesium - Creating map based web apps using Cesium and Angular.
  • workletjs - An Angular map component library that provides seamless integration with OpenLayers, enabling developers to create interactive and customizable maps.
  • ng-simple-maps - Beautiful, lightweight SVG world maps for Angular applications.

• 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.
  • markstream - Render Markdown while it is still streaming.
  • streamdown-angular - Stream‑safe Markdown rendering for Angular, built for AI chat UIs. Angular port of [Vercel Streamdown](https://github.com/vercel/streamdown).

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