Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-angular

:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular

Last synced: about 13 hours ago
JSON representation

  • Table of contents

    • Angular

    • Third Party Components

      • ngx-unsplash - Angular service for proxied [Unsplash API](https://unsplash.com/developers).
      • ngx-youtube-player - Angular component based on [YouTube player iframe API](https://developers.google.com/youtube/iframe_api_reference).
      • ngx-toastr-message - A lightweight, customizable Angular library for displaying toast notifications.
      • ngx-form-errors - Display form validation errors for Angular Reactive forms.
      • ngx-windows - Angular Windows Components and Services.
      • ckeditor - Ckeditor plugin for Angular2+.
      • @semantic-icons/heroicons - [Semantic icons](https://github.com/khalilou88/semantic-icons) helps developers to use [Heroicons](https://heroicons.com/) icons inside Angular projects.
      • tsparticles - A component to easily add Particles animations to your Angular application.
      • angular-animations - Easy, Reusable Animation Utility library for Angular.
      • angular-shiki-magic-move - Smoothly animated code blocks with [Shiki](https://github.com/shikijs/shiki).
      • angular-calendar-scheduler - A scheduler view component for angular.
      • angular-year-calendar - A powerful and performant Angular year calendar library built with ❤️.
      • ng-slider - A light slider with no external dependencies.
      • keen-slider - The HTML touch slider carousel with the most native feeling you will get.
      • dag - An Angular service for managing directed acyclic graphs.
      • ng-flowchart - A lightweight Angular Library for building drag and drop flow charts. Chart behavior and steps are customizable. Data can be exported or uploaded in json format.
      • angular-fusioncharts - Angular Component for [FusionCharts](https://www.fusioncharts.com) JavaScript Charting Library.
      • angular-globalize - Angular pipes for localizing numbers and dates using Globalize.
      • angular-bootstrap-datetimepicker - Native Angular date/time picker component styled by Bootstrap.
      • ng-resize-observer
      • ng-in-viewport - Allows us to check if an element is within the browsers visual viewport.
      • ngx-dynamic-hooks - Automatically insert live Angular components into dynamic strings (based on their selector or any pattern of your choice) and render the result in the DOM.
      • edit-in-place - A flexible and unopinionated edit in place library.
      • ngx-pipes - Useful pipes for Angular with no external dependencies!
      • nglrx/pipes - A library of useful pipes for Angular apps.
      • ng2-dragula - Drag and Drop so simple it hurts!
      • moveable - Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, and Snappable.
      • @ctrl/ngx-codemirror - Codemirror Wrapper for Angular.
      • @instechnologies/ng-rooster - Angular wrapper of roosterjs, a rich text editor.
      • ng-dynamic-forms - Rapid form development library for Angular.
      • reactive-forms - (Angular Reactive) Forms with Benefits.
      • forms-typed - Want types in your forms? Want to have nested forms? This is library can help.
      • ngx-emoji-mart - Customizable Slack-like emoji picker.
      • ngx-colors - Simple yet elegant Material color picker.
      • angular2-multiselect-dropdown - Angular multiselect dropdown component for web applications.
      • ngx-numeric-range-form-field - Angular Material UI numeric range input form field. It is based on control value accessor.
      • ng-multiselect-dropdown - Multiple Select Dropdown Component.
      • ngx-validator - Angular 7+ Validator. Handle validation messages easily and automatically.
      • error-tailor - Making sure your tailor-made error solution is seamless!
      • angular2-fontawesome - Angular2 Components and Directives for FontAwesome.
      • ngx-icon-blur - An Angular component that can be used to create a frosted glass effect for icons.
      • ng-svg-icon-sprite - Angular 16+ package for generating and using inline SVG icons in your project.
      • ngx-bootstrap-icons - This Angular module allows you to use the Bootstrap Icons in your Angular application without additional dependencies.
      • ngx-icon - An Angular component for displaying SVG icons.
      • angular-feather - This package allows you to use [Feather Icons](https://github.com/feathericons/feather) in your Angular applications.
      • icon-lib-builder - Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icon.
      • svg-icons-builder - Angular builder to build svg-icons using svg-to-ts.
      • ngx-img-fallback - Load placeholder image on image error, Angular 5+.
      • ngx-image-zoom - Angular component for zoomable images.
      • ngx-image-compress - Angular library for uploading and compressing images.
      • ng-cloudimage-responsive - Cloudimage responsive plugin will make your website load the exact image size you need depending on your user's screen size.
      • angular-cropperjs - [Cropper.js](https://github.com/fengyuanchen/cropperjs) integration for Angular 6+.
      • angular2-hotkeys - Keyboard shortcuts for Angular 2 apps.
      • ng-sortgrid - A grid that allows you to sort all items via drag & drop.
      • ng2-tree - Angular tree component.
      • angular2-promise-buttons - Loading buttons for Angular 2 by @johannesjo.
      • ng-lazy-load-component - Lazy load Angular component into HTML template without routing.
      • content-loader - SVG component to create placeholder loading, like Facebook cards loading.
      • ngx-loading - A loading spinner for Angular applications.
      • ng-block-ui - Block UI Loader/Spinner for Angular.
      • angular-loaders - Angular loader components.
      • ng-circle-progress - A simple circle progress component created for Angular based on SVG Graphics.
      • ngx-logger - NGX Logger is a simple logging module for Angular (6+). It allows "pretty print" to the console, as well as allowing log messages to be POSTed to a URL for server-side logging.
      • ngx-action-logger - Logger for Angular applications, capable of both outputting data to the console or sending data to elastic.
      • ngx-markdown-editor - Angular markdown editor based on ace editor.
      • trellisorg platform - The Trellis Open Source Repo contains projects and tools, some of which Trellis uses internally, but has opened sourced for the community to use.
      • myndpm - Open Source Angular Libraries contributed by @myndpm.
      • ngx-grpc - Angular gRPC framework.
      • ng-vibe - Designed for Angular 17+, these tools (drawer, dialog, toastify,timer, service-locator) are here to enhance your development process with dynamic and efficient solutions.
      • angular-kit - A set of powerful Angular tools including pipes, lifecycle hooks, and reactive enhancements.
      • ngx-smart-modal - Modal/Dialog component crafted for Angular (Ivy-compatible).
      • angular2-notifications - A light and easy to use notifications library for Angular.
      • ngx-infinite-scroll - Infinite Scroll Directive for Angular.
      • ng-table-virtual-scroll - Virtual Scroll for Angular Material Table.
      • universal-model-angular - Store and state management for Angular.
      • akita - A Reactive State Management Tailored-Made for JS Applications.
      • mini-rx-store - MiniRx is the reactive state management platform.
      • ngx-odm - Angular 14+ wrapper for RxDB.
      • ngx-easy-table - The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!
      • ui-grid - UI Grid: an Angular Data Grid.
      • datagrid - Angular TanStack table with shadcn Theme.
      • angular-datatables - An Angular2+ library for building complex HTML tables using the [DataTables](https://datatables.net) jQuery plug-in.
      • ng2-tooltip-directive - Forked from [ng2-tooltip-directive](https://github.com/drozhzhin-n-e/ng2-tooltip-directive).
      • angular-confirmation-popover - An Angular 15.0+ bootstrap confirmation popover.
      • angular-ellipsis-tooltip - Angular component to display ellipsis and material tooltip dynamically.
      • NG-ZORRO MOBILE - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.
      • @angular-material-extensions/google-maps-autocomplete - **Autocomplete** input component and directive for google-maps built with Angular material design.
      • sky-ui - Angular UI kit.
      • ngx-neumorphic - Angular Neomorphism UI kit.
      • pupakit - Angular UI Kit based on an atomic approach to building interfaces (Not production ready).
      • angular material components - Angular Material Library provide extra components for every project.
      • David UI Angular - Components library for enterprise-level projects based on Tailwind CSS and Angular.
      • ngx-json-viewer - JSON formatter and viewer in HTML for Angular.
      • infinite-viewer - Infinite Viewer is a document viewer component with infinite scrolling.
      • ng-portal - Component property connection in Angular application.
      • runtime-config-loader - This is an Angular library that provides an easy way to load a configuration JSON file for runtime configuration.
      • @angular-material-extensions/password-strength - Angular UI library to illustrate and validate a **password**'s strength with material design.
      • ngx-lipsum - Easily use lorem-ipsum dummy texts in your Angular app as directive, component or by using a service.
      • ngx-signal-immutability - Compile-time and runtime immutability for Angular signals.
      • ngrx-action-bundles - This library allows you to reduce ngrx boilerplate by generating action bundles for common ngrx redux store scenarios and allows you to easily connect state, dispatch actions and listen for actions everywhere across your applications.
      • rx-sandbox - Marble diagram DSL based test suite for RxJS.
      • observer-spy - This library makes RxJS Observables testing easy!
      • rxjs-toolbox - Set of custom operators and handy factory functions for RxJS.
      • rxjs-insights - See through the observables.
      • audit-debounce - RxJS operator to debounce and audit simultaenously.
      • typescript-challenges - A set of challenges helping you understand TypeScript.
      • xUI - Angular UI Component Library heavily inspired by Discord design.
      • ng-condition - An alternative directive to `*ngIf; else` that simplifies conditions in HTML templates.
      • BlockNoteAngular - Unofficial [BlockNote](https://github.com/TypeCellOS/BlockNote) Angular wrapper.
      • ngx-jodit - Angular wrapper for [Jodit](https://github.com/xdan/jodit) WYSIWYG editor.
      • ngrx-store-formsync - Synchronize any reactive form to `@ngrx/store`.
      • angular-highcharts - Highcharts directive for Angular.
      • img-comparison-slider - Image comparison slider. Compare images before and after. Supports React, Vue, and Angular.
      • qrcode.angular - QR Code implementation based on Angular.
      • angular-slickgrid - A wrapper of the lightning fast & customizable [SlickGrid](https://github.com/mleibman/SlickGrid) datagrid. It also includes multiple styling themes.
      • @davidlj95/ngx-meta - Set your Angular site's metadata: standard meta tags, Open Graph, X Cards, JSON-LD, ... Supports SSR (and Angular Universal). Use a service. Use routes' data. Set it up in a flash! 🚀
      • ![CC0
      • Angular Material Dev UI - Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.
      • ng-web-apis/storage - This is a library to use Web Storage API with Angular.
      • sheetjs - SheetJS is a JavaScript library for reading and writing data from spreadsheets.
      • jspreadsheet - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based online interactive tables and spreadsheets compatible with other spreadsheet software.
      • handsontable - Handsontable is a popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.
      • Dev Extreme - Feature-Complete 65+ Angular Component Suite.
      • AgnosUI - Highly configurable headless framework agnostic component library.
      • dejajs-components - This repository is an Angular components library and the common utility functions, with a demo application for testing it.
      • @AditechGH/ngx-smart-forms - This workspace contains Angular libraries that streamline form handling and validation by simplifying form creation, validation, and error display, and offering advanced customization and performance boosts.
      • ngx-fileupload - [ngx-file-upload/core](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/core) only contains services and classes to enable file upload with Angular. [ngx-file-upload/ui](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/ui) contains components and pipes to provide a UI.
      • breadcrumbs - An Angular component that automatically lists breadcrumbs based on the currently routed components.
      • ngx-breadcrumpy - An awesome library to easily add breadcrumbs to your Angular application.
      • ngx-crumbs - An ultimate breadcrumbs service for Angular.
      • ngx-breadcrumb - A highly customizable and flexible breadcrumb component for Angular.
      • ngx-dynamic-form - A library that works in Angular 16 with Bootstrap 5 to generate forms in a simple and dynamic way.
      • ngx-lazy-directive - Provides an easy way to lazy load components combined with the `*ngIf` directive, thereby reducing the First Contentful Paint time when a module is large.
      • ngx-videogular - An HTML5 video player for Angular 2.0. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody.
      • ngx-sticky-kit - Angular Sticky makes HTML elements sticky. For instance, the header, the menu, the sidebar or any other block can be stuck at the desired position.
      • gridstack - Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, multi-column responsive dashboard has never been easier. Has multiple bindings and works great with Angular.
      • ng2-gauge - SVG gauge component for Angular.
      • ngx-angular-query-builder - A new version of [angular2-query-builder](https://github.com/zebzhao/Angular-QueryBuilder) that supports modern Angular. Used to create queries and filters.
      • ngrx-entity-relationship - ORM selectors for Redux, `@ngrx/store`, `@ngrx/entity`, and `@ngrx/data`. Ease of relationships with entities.
      • ng-inf-scroll - A lightweight library for adding infinite scrolling to Angular apps.
      • zingchart-angular - [ZingChart](https://www.zingchart.com/) is a declarative, efficient, and simple JavaScript library for building responsive charts.
      • olt-ngx-ui-switch - NGX UI Switch (Forked) to latest version of Angular.
      • ngxd - NgComponentOutlet + Data-Binding + Full Lifecycle = NgxComponentOutlet for Angular 7+.
      • ngx-markdoc - [Markdoc](https://markdoc.dev) component for Angular applications.
      • ngxs-state-mixins - Concept of how to implement state mixins in NGXS.
      • ngx-concern - Angular library for creating simple, unstyled dialogs/modals and action-sheets/bottom-sheets.
      • ngx-plyr - Angular 17+ bindings for [plyr](https://github.com/sampotts/plyr) video and audio player. Supports everything that original library supports.
      • dyte-io/ui-kit - Dyte's UI library for creating meeting interfaces.
      • pastanaga-angular - An Angular implementation of Pastanaga design system offering a set of re-usable UI components which are covering typical needs of any web application. It is maintained by [Plone](http://plone.org/) and [Guillotina](http://guillotina.io/) communities.
      • Mamba UI - A free and open-sourced UI kit with 150+ Tailwind CSS components and templates.
      • carbon-charts - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.
      • ngx-awesome-uploader - Angular Library for uploading files. It supports: File Upload and Preview (additionally preview images with lightbox), validation, image cropper, drag and drop with multi language support.
      • ngx-bootstrap-icons-picker - Just a Bootstrap Icons Picker for Angular.
      • angular-star-rating - Star Rating Angular Component written in TypeScript, based on CSS-only techniques.
      • egjs-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Angular.
      • @angular/google-maps - This component provides a Google Maps Angular component that implements the Google Maps JavaScript API.
      • ngx-edge-slider - Highly flexible and customizable slider component designed for Angular applications. It offers an intuitive interface to manage slides, providing smooth transitions, autoplay functionality, responsive design, with interactive features like draggable slides and configurable navigation.
      • @angular-material-extensions/select-country
      • ngx-doc-viewer - This component can be used to show several different document types in an Angular app.
      • ngx-filepond - A handy [FilePond](https://github.com/pqina/filepond) adapter component for Angular.
      • ngx-simple-material-table - Angular library to simplify usage of the Angular Material table component.
      • boringer-avatars - A fork from [boring-avatars](https://github.com/boringdesigners/boring-avatars). This rewrites the base as Mitosis components and exports into multiple framework flavors including [Angular](https://github.com/cmgriffing/boringer-avatars/tree/main/packages/lib-angular).
      • ngx-simple-state-manager - Component-bound simple to handle state managment that is accessible application wide with type support and an observer to handle any reactive state changes if and when needed.
      • trustcaptcha-angular - This library helps you [integrate](https://docs.trustcaptcha.com/en/frontend/integration?frontend=angular) [Trustcaptcha](https://www.trustcaptcha.com/en) into your Angular frontend applications.
      • mTruncate - A lightweight and customizable Angular directive for truncating text with support for tooltips.
      • ngx-relationship-visualiser - A D3 force-directed-graph, implemented in Typescript for Angular, generates a visualisation graph with customisable link lengths and multiple labels between nodes. The graph can handle new data that will update lines, nodes, links, and path labels.
      • angular-wheel-date-picker - A date picker component for Angular applications that features a scrollable wheel interface similar to native mobile date pickers.
      • ngx-custom-carousel - A feature-rich Angular 17 component crafted to elevate your carousel experience.
      • ngx-iban-validator - IBAN Validator for your reactive Angular forms, comes without any dependencies and can be used even outside of Angular as standalone function in any JS project. It can perform format, digit, and length IBAN validations.
      • railz-visualizations - A collection of reusable web components that help you build a dashboard using normalized financial transactions and analytics from the FIS Accounting Data as a Service API.
      • iconic - Angular library to provide components of open-source icon libraries.
      • ngx-cookiebot - An Angular wrapper around the [Cookiebot](https://www.cookiebot.com/) SDK.
      • ngx-flexbox - Designed as an alternative to [@angular/flexlayout](https://github.com/angular/flex-layout), ngx-flexbox provides Angular developers with component layout features using a custom layout API, media query observables, and injected DOM flexbox-2016 CSS stylings.
      • luxon-angular - Date pipes for Angular.
      • dz-ngx-element - [NgxElement](https://www.npmjs.com/package/@zdigambar/ngx-element) enables to lazy load Angular components in non-Angular applications. The library will register a custom element to which you can pass an attribute to specify what component you want to load.
      • ngx-daterangepicker-material - Pure Angular date range picker with material design theme.
      • schema-forms - A library for building forms through standard JSON schemas.
      • red-zoom-angular - A sleek and user-friendly image zoom library, designed as an Angular directive and fully customizable with CSS and SCSS.
      • ngx-neumorphic - Angular Neomorphism UI kit.
      • @man-es/ngx-tools - The MAN ngx-tools repository contains a collection of libraries is designed to elevate your Angular development experience.

  • State Management

    • NgRx

      • ngrx-manager - Plug-N-Play State Manager for NgRx stores.
      • ngrx-set - This simplifies the creation of actions for asynchronous requests that can succeed, fail, or be aborted.
      • ngrx-store-wrapper - Angular library for NgRx state management with built-in session and local storage, no manual actions or reducers needed.
      • Official GitHub repository - Reactive State for Angular.
      • ngrx-hateoas - A library to bring hypermedia json into the NgRx Signal Store following the HATEOAS approach.
      • Official website
      • ngrx-toolkit - Various Extensions for the NgRx Signal Store.
      • ngrx-traits - NgRx Traits is a library to help you compose and reuse a set NGRX actions, selectors, effects, and reducers across your app.
      • ngrx-addons - A collection of NgRx addons, including state persistence.
      • ngrx-store-storagesync - Highly configurable state sync library between localStorage/sessionStorage and `@ngrx/store`.
      • ngx-rehydrate - NgRx state rehydration library for Angular SSR applications.
      • ngrx-course - Angular University Complete Guide.
      • ngrx-store-localstorage - Simple syncing between `@ngrx/store` and local storage.
      • ngrx-wieder - Lightweight undo-redo for Angular with NgRx & Immer.js.
      • ngrx-immer - Immer wrappers around NgRx methods createReducer, on, and ComponentStore.
      • ngrx-rtk-query - Make RTK Query with Hooks works in Angular Applications.
      • angular-ngrx-nx-realworld-example-app - Real world application built with Angular 17, NgRx 17, & Nx 17.
      • ngx-view-state - Library for handling Loading/Success/Error in NgRx.
      • store-service - Adds an abstraction layer / facade between Angular components and the NgRx store.
      • ngx-signal-store-query - Signal Store feature that bridges with [Angular Query](https://tanstack.com/query/latest/docs/framework/angular/overview).
      • SmartNgRX - A library that simplifies CRUD operations by abstracting NgRx, while still leveraging and supporting existing NgRx code.
      • ngrx-http-tracking - This NgRx library integrates with existing stores to reduce boilerplate and simplify handling HTTP request states like loading, success, and error.
      • easy-ngrx-distinct-selector - Provides functions to easily create `@ngrx/store` selectors with equal functions for arguments and result values.

    • Other State Libraries

      • ngx-crud - CRUD services in Angular with effortless aborting, caching and observing.
      • signal-tree - An Angular 16+ store built around signals that focuses on simplicity.
      • ngx-statewise - A simiplifed state management alternative to NgRx or NGXS.
      • ngx-stashr - A lightweight, signal-driven state management library for Angular 21, inspired by React’s [Zustand](https://github.com/pmndrs/zustand).
      • ngx-signal-state - Opinionated simple state management for Angular.
      • ngx-collection - Collection State Management Service for Angular.
      • ngx-sherlock - An Angular tooling library to be used with the [@politie/sherlock](https://github.com/politie/sherlock) distributed reactive state management library.
      • angular-redux - Unofficial Angular bindings for [Redux](https://redux.js.org/).
      • ngx-simple-signal-store - A simple way to create signal stores with a read-only interface.
      • elf - A reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it.
      • ng-simple-state - Simple state management in Angular with only Services and RxJS.
      • exome - Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS.
      • query - Powerful asynchronous state management, server-state utilities and data fetching for the web.
      • state-adapt - Declarative, incremental state management library.
      • xstate - Actor-based state management & orchestration for complex app logic.
      • signalstory - A state management library built on Angular signals, supporting simple repositories, decoupled commands, side effects, and inter-store communication via event-driven architecture.
      • tansu - A lightweight, push-based state management library. It works well with [the Angular ecosystem](https://amadeusitgroup.github.io/tansu/#md:tansu-works-well-with-the-angular-ecosystem).
      • @tethys/store - A mini, yet powerful state management library for Angular.
      • ng - An Angular extension of [@bitfiber/rx](https://github.com/bitfiber/rx) for managing reactive state, workflows, and events with RxJS.
      • ngx-state-machine - An Angular wrapper for the [simple-state-machine](https://www.npmjs.com/package/@state-management/simple-state-machine) library. It integrates the state machine into Angular applications by making the `StateMachine` injectable as a service.
      • @ng-state/store - RxJS and Immer (or ImmutableJs) powered nested state management for Angular applications inspired by NgRx.
      • ng-simple-state-management - Simple state management implementation for Angular applications.
      • fsm-state-manager - A simple, flexible and strongly-typed finite state machine manager for managing state transitions in Angular or any TypeScript-based application.
      • signaltree - A powerful, type-safe, modular signal-based state management solution for Angular applications.
      • angulator - A lightweight Angular [mediator](https://refactoring.guru/design-patterns/mediator) library, designed to simplify communication between different parts of your application using a request/response and notification/handler pattern.
      • ngx-query - A lightweight, observable-based query library that helps you manage server state, caching, and synchronization between your backend and UI.
      • @tanstack/angular-db - Angular hooks for TanStack DB, a reactive client store that lets you build fast, sync‑driven apps with a backend‑agnostic real‑time data layer.
      • usm - A modular state management library compatible with Angular.
      • ngx-mxstore - Simplifies state management by moving logic into pure, testable methods and connecting components to the store via decorators.

    • NGXS

      • Official website
      • Official GitHub repository - NGXS aims to simplify state management with minimal boilerplate and maintenance.
      • actions-executing - This plugin allows you to easily know if an action is being executed and control UI elements or control flow of your code to execute.
      • emitter - New pattern that provides the opportunity to feel free from actions.
      • firestore-plugin - Firestore plugin for NGXS.
      • ngxs-message-plugin - An NGXS plugin which allows you to share state between different browser contexts.
      • ngxs-postmessage-plugin - NGXS plugin for state synchronization across windows or microfrontends using `postMessage`.
      • ngxs-reset-plugin - Reset plugin for NGXS: Effortlessly clears, resets, or overwrites NGXS states respecting the state tree.
      • ngxs-synchronizers - Simplifies synchronizing your NGXS-based application state with external data sources.
      • select-snapshot - Flexibile decorator that allows to get a snapshot of the state.

  • Angular

    • Official Resources

    • CLI Tools

      • Official GitHub repository
      • angular-serve-and-run - Serve your Angular CLI project then run a command on top of it.
      • ngx-crafter - A powerful CLI tool that helps you craft Angular projects with pre-configured folder structures and essential packages.
      • tailwind-init-cli - A one-command setup tool for Tailwind CSS in Angular, React, or Next.js projects!
      • ng new command generator - Generate optimized `ng new` commands.
      • Official website
      • ngx-starter - An `@angular/cli` based starter containing common components and services as well as a reference site.
      • ngx-stylesweep - A CLI tool that removes empty style files from your Angular components.
      • angular-codx-recipe - A [Codx](https://github.com/marmotz-dev/codx) recipe for setting up Angular projects quickly and efficiently.
      • angular-cli-diff - Easily upgrade your Angular CLI applications from one version to another 🚀.
      • angular-cli-ssr-diff - Easily upgrade your Angular CLI SSR applications from one version to another 🚀.
      • angular-parallel-test-runner - CLI to run Angular tests in parallel across projects; uses available CPU cores.
      • dotairc - This tool helps create consistent instructions for AI assistants working with your codebase.
      • firebase-framework-tools - Experimental addon to the [Firebase CLI](https://github.com/firebase/firebase-tools/) to add web framework support.
      • js-stack - Modern CLI for scaffolding production-ready JavaScript full-stack projects, with customization and best-practice presets.
      • kqgen - A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/GraphQL services.
      • lin - Lazy I18N is a CLI tool that translates locale JSONs using LLMs.
      • mantis-cli - M.A.N.T.I.S (MongoDB, Angular, Nx, Tailwind, Ionic, Storybook) is your gateway to a seamless full-stack project launch.
      • mcp-angular-cli - A server offering Angular CLI and workspace automation, enabling LLMs and agents to generate components, add packages, create workspaces, and run custom architect targets.
      • nest-schematics - An Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS.
      • ng-chrome-extension - Easily create Angular Chrome Extensions (manifest v3).
      • ns-gc - A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config.
      • ngx-create - A lightweight CLI for quickly generating Angular projects with optional frameworks like Material, Tailwind, Bootstrap, and NgRx.
      • ngx-devs-cli - Command-line interface (CLI) built in Node.js allow you to automate repetitive tasks and make your life easier when working with Angular projects.
      • ngx-i18n-scan - A CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean.
      • ngx-stats - CLI tool that analyzes Angular projects, quantifying modules, components, directives, pipes, and services to give a clear structural overview for better architectural insight.
      • ngx-ws - Easily split a large `angular.json` into modular, project-local files using the power of [JSON References](https://www.npmjs.com/package/@apidevtools/json-schema-ref-parser), with the convenience of [YAML](https://yaml.org/) and [JSON5](https://json5.org/) formats.
      • prepare-angular-json - A lightweight CLI tool that generates a clean `angular.json` file from a commented `angular.jsonc`.
      • rafacli - CLI tool that generates authentication and CRUD modules for NestJS and Angular, automating boilerplate to streamline development and ensure consistency.
      • angular-v20-bulk-file-refactor - A CLI tool to automate file renaming and content refactoring to match Angular 20 conventions.
      • svger-cli - A lightweight CLI that transforms SVGs into optimized Angular components with zero dependencies.

    • Builders

      • dotenv-run - Seamlessly load environment variables. Supports cli, esbuild, Rollup, Vite, Webpack, Angular, ESM and Monorepos.
      • Angular Builders - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.
      • ngx-build-plus - Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements.
      • ngx-electronify - Angular CLI builder that runs your application in the desktop using Electron.
      • angular-env-builder - Builder to generate `src/environments/environment.ts` file based on your environment variables.
      • ngx-devkit-builders - This package contains Architect builders used to build and test Angular applications and libraries.
      • angular-static-assets-hash - Create a list of Angular static assets and a hash for each file.
      • ngx-schematic-builder - A tool for building Angular schematic projects. Compiles and packages your custom schematics, preparing them for publishing and use.
      • angular-rspack - [Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications.
      • Webpack
      • Timestamp - This is explained in this [article](https://medium.com/angular-in-depth/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811).
      • ng-packagr - Compile and package Angular libraries in Angular Package Format (APF).
      • angular-rspack - [Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications.
      • ng-builder-typescript - A builder for the Angular CLI to build Node.js apps using the TypeScript compiler `tsc` (no Webpack or any other bundler used).
      • esbuild
      • Jest Builder
      • Custom Webpack
      • Custom esbuild
      • Bazel - Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc.

    • Deployment

      • angular-cli-ghpages - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.
      • Genezio - The easiest way to write and host a serverless application.
      • Vercel
      • Zerops - It makes deploying and running Analog apps, both [server side rendered](https://github.com/zeropsio/recipe-analog-nodejs) and [static](https://github.com/zeropsio/recipe-analog-static), a breeze.
      • actions-angular-ci-cd
      • SST - A framework that makes it easy to build and automate modern full-stack applications.
      • Netlify - Angular apps on Netlify gain automatic framework detection and redirects via the [Angular Runtime](https://github.com/netlify/angular-runtime) plugin.
      • ngx-config-orchestrator - Angular library for runtime configuration via external JSON, enabling “Build Once, Deploy Anywhere.”
      • AWS Amplify
      • analog-publish-gh-pages - A GitHub Action for the Deployment of an `Analog.js` app on GitHub Pages.
      • Cloudflare Pages
      • actions-angular-deploy
      • Firebase Hosting

    • Updating Angular

      • npx-app-updater - Alerts users to available updates when a new version is deployed.
      • Angular Caniuse - Track Angular features from preview to stable stages.
      • Official website - Interactive guide to help you migrate from one version of Angular to another.
      • ng update - Use the CLI to update your project or try new Angular features by adding the `--next` flag.
      • migrations - Angular schematics help update projects by enabling conversion to standalone components, new control flow syntax, and more.
      • ng-morph - Code mutations in your project or schematics were never easier than now.
      • ngx-libs - Angular Libraries Support lists community libs support for each Angular version.
      • fast-facts/ng-update - A GitHub Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on `ng update`.
      • ngx-update-app - Angular directive for updating app via service workers.
      • Angular Caniuse - Track Angular features from preview to stable stages.
      • ngx-boomer - This project is a straightforward utility designed to enforce rules that preserve Angular's previous naming conventions in Angular 20.
      • angular-updater - A lightweight solution for managing version control and updates in Angular apps with seamless Service Worker integration.

    • Desktop Applications

      • electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS.
      • angular-electron - Ultra-fast bootstrapping with Angular and Electron.
      • nw.js - Chromium + Node.js runtime for native apps using HTML, JavaScript, and direct Node integration.
      • nw-angular-example - An example of integrating Angular with NW.js.
      • neutralinojs - A lightweight, portable framework for building cross‑platform desktop apps with JavaScript, HTML, and CSS, running on Linux, macOS, Windows, Web, and Chrome.
      • tauri - Create small, fast, secure, cross-platform applications.
      • angular-tauri - Ultra-fast bootstrapping with Angular and Tauri.
      • create-tauri-app - Rapidly scaffold out a new Tauri app project.
      • wails - Build desktop applications using Go & web technologies, including [Angular](https://wails.io/docs/guides/angular/).

  • Angular Pulse

  • Development Utilities

    • Developer Tools

      • ngx-json-reader - Angular 17+ JSON reader/editor with multi-URL comparison and diffing.
      • angular-compile - Angular Dynamic Compile. Convert strings to Angular components.
      • falso - All the Fake Data for All Your Real Needs.
      • ngx-device-detector - An Angular v7+ library to detect the device, OS, and browser details.
      • angular-http-server - Simple http-server for Single Page Apps (SPAs).
      • Nx Console - Spend less time looking up command line arguments and more time shipping incredible products.
      • lbx-change-sets - This package helps you to track changes made on your entities automatically using a base repository class to extend from.
      • ngx-html-syntax - Angular HTML Syntax for [Sublime Text](https://www.sublimetext.com/).
      • Angular Schematics - Ultimate code generation in Visual Studio Code.
      • Angular 17 Snippets - 258 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, NgRx, RxJS, PWA & Testing).
      • VS Code Angular HTML - Syntax highlighting for Angular HTML template files.
      • Angular File Generator - Supercharge your Angular development with intuitive and rapid file generation.
      • Angular Schematics Pro - Ultimate Angular code generation in Visual Studio Code.
      • angular-compiler-output - See the JS output of the Angular compiler for a given Angular template.
      • ngs-json-utils - A lightweight Angular library for easy JSON manipulation—deep clone, serialize, and deserialize with TypeScript support.
      • ngx-error-handling - This library seamlessly manages unhandled RxJS, signal, and classic errors, making them accessible through an Rx subject (ErrorBus).
      • ngx-signal-hub - A lightweight Angular signal hub combining callbacks with reactive signal-based event observation.
      • ngx-offline-indicator - A simple and customizable way to inform users about their internet connection status within their Angular applications.
      • ngx-network-status - A lightweight Angular library to detect actual internet connectivity by pinging a backend endpoint — not just relying on `navigator.onLine`.
      • ng-lens - A Node.js tool that uses `ts-morph` to analyze Angular components and detect service usage patterns from any API library.
      • ngx-compare-object - Angular utility to compare an original object with its modified version.
      • compuse - Analyze Angular component usage across your codebase with a unified API for extracting usage insights.
      • Bugfender - A cloud service to collect logs and Angular errors in Real-Time.
      • Angular Dev Tools - Browser extension for debugging and profiling Angular applications.
      • VS Code NG Language Service - This extension provides a rich editing experience for Angular templates.
      • Redux DevTools - Can be used in combination with `@ngrx/store-devtools` to inspect the state of your NgRx app.
      • Ionic VS Code Extension - Perform various functions that are common to developing an Ionic app, all without leaving your VS Code window.
      • VS Code Angular Snippets - This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.
      • Angular Extension Pack - This extension pack packages some of the most popular VS Code Angular extensions.
      • angular-scaffold - Scaffold an Angular project with all tooling you need for production projects.
      • vscode-angulartools - You can explore an Angular project, enhance documentation, reverse engineer code, and do refactoring with [AngularTools](https://marketplace.visualstudio.com/items?itemName=coderAllan.vscode-angulartools).
      • ngx-schematics-utilities - Useful utilities for Angular Schematics.
      • ngx-dev-toolbar - A powerful development toolbar for Angular applications to improve your developer productivity directly in the browser.
      • ngx-rename - Windows (PowerShell) and Linux (Bash) scripts to rename an Angular project and update config files.
      • manifest - A lightweight Backend-as-a-Service (BaaS) that fits into a single YAML file. This [quick start](https://manifest.build/docs/angular) shows how to use it with Angular.
      • zed-angular - This extension integrates the Angular Language Service into [Zed](https://zed.dev/).
      • i18n-studio - A VS Code extension for Angular i18n that shows translations inline, autocompletes keys, and streamlines multilingual workflows.
      • vscode-angular-auto-import - Automatically suggests and inserts missing Angular component imports based on selectors used in templates.
      • ng-parsel - Parse your Angular code base to JSON abstraction - Great for displaying APIs and running custom analysis.

    • Internationalization

      • angular-i18next - Angular integration for [i18next](https://www.i18next.com/).
      • transloco-keys-manager - Tools to help reduce monotonous work.
      • ngx-easy-i18n-js - The easy internationalization (i18n) library for Angular.
      • doloc - Instant translations in your [Angular](https://doloc.io/getting-started/frameworks/angular/) workflow.
      • rust-ngx-translate-lint - A Rust port of `ngx-translate-lint` for improved performance.
      • angular-ecmascript-intl - Contains pipes to transform internationalization data using Intl.* browser APIs.
      • Crowdin - AI-powered localization software, automating content translation with 600+ apps and [integrations](https://store.crowdin.com/search?query=angular).
      • I18N - Soluling has implemented a collection of internationalization (I18N) APIs for `.NET`, Angular and Delphi.
      • i18n-ally - All in one i18n extension for VS Code.
      • angular-intlayer - This [intlayer](https://github.com/aymericzip/intlayer) package allows you to internationalize your Angular application. It provides context providers and hooks for Angular internationalization.
      • angular-l10n - Angular library to translate texts, dates and numbers.
      • angular-translation-checker - A tool for `ngx-translate` that detects unused or missing keys to keep i18n files clean.
      • i18n-scanner-toolkit - Extract, detect missing translations, and manage multilingual content with CSV export/import.
      • intl-tel-input-ng - An Angular component to easily integrate [intl-tel-input](https://github.com/jackocnr/intl-tel-input).
      • locale-translator - Translate any locale with the provided pipe or service.
      • localess - A powerful translation management tool and content management system built using Angular and Firebase.
      • ng-extract-i18n-merge - Extract and merge i18n xliff translation files for Angular projects.
      • ng-intl - A type-safe, reactive Angular i18n library with lazy-loaded translations, signals, and full TypeScript support.
      • ng-translate-extensions - Angular module extending ng2-translate.
      • ngs-plural - It simplifies the process of generating grammatically correct plural forms based on a numeric count and supports custom language rules.
      • ngx-g11n - Angular helpers for internationalizing and localizing your application.
      • ngx-glagolize - An Angular library for handling translations and localization.
      • ngx-i18n-extract-regex-cli - Tool for extracting translations from Angular app using regex.
      • ngx-i18n-tools - Tools for translating Angular apps, including an Excel/XLIFF converter—[ngx-xlf-xlsx](https://github.com/Ascor8522/ngx-i18n-tools/tree/master/ngx-xlf-xlsx).
      • ngx-merge-json-translations - This builder helps merge the `messages.json` file, after running extract-i18n, into target files using specified locales taking care to delete removed keys and add new ones.
      • ngx-runtime-i18n - Runtime internationalization for Angular — signals-first, SSR-safe, and framework-agnostic core.
      • ngx-signal-i18n - A type-safe, lazy-loaded i18n solution for Angular, built on signals for reactivity and compatible with zoneless.
      • ngx-signal-translate - A signal-driven translation service.
      • ngx-tolgee - Web-based localization tool enabling users to translate directly in the Angular app they develop.
      • ngx-translate - The internationalization (i18n) library for Angular.
      • @OGS-GmbH/ngx-translate - A lightweight Angular i18n library with REST-based setup, dynamic language switching, and flexible translation management.
      • ngx-translate-cut - Angular pipe for cutting translations ✂️ 🌍 (plugin for `@ngx-translate`).
      • ngx-translate-db - A lightweight, efficient Angular translation library that uses IndexedDB for offline storage.
      • ngx-translate-lint - Simple CLI tools for check `ngx-translate` keys.
      • ngx-translate-module-loader - Highly configurable and flexible translations loader for `@ngx-translate/core`.
      • ngx-translate-multi-http-loader - A loader for ngx-translate that loads translations with http calls.
      • ngx-translate-phraseapp - The official library for integrating [Phrase Strings In-Context Editor](https://support.phrase.com/hc/articles/5784095916188-In-Context-Editor-Strings) with `ngx-translate` in your Angular application.
      • ngx-translate-routes - This service translates titles and route paths.
      • ngx-translate-toolkit - An Angular library designed to extend `@ngx-translate/core` and streamline the process of managing translations in large projects.
      • ngx-translate-version - Angular module that provides version to your language files.
      • ruci - A CLI tool that simplifies i18n validation in Angular projects with `ngx-translate`, ensuring accurate, high-quality translations.
      • signal-translate - Translation service that is using signals at its core.
      • tldraw-web-component - Make [tldraw](https://github.com/tldraw/tldraw) work with frameworks other than React; Made primarily to work with Angular.
      • Transifex - You can easily localize Angular components using the [Transifex library extension](https://www.npmjs.com/package/@transifex/angular). This library extends the functionality of [Transifex Native JavaScript SDK](https://developers.transifex.com/docs/javascript-sdk).
      • transloco - The internationalization (i18n) library for Angular.
      • ngx-translate-messageformat-compiler - Compiler for `ngx-translate` that uses [messageformat.js](https://github.com/messageformat/messageformat) to compile translations using ICU syntax for handling pluralization and gender.

    • Accessibility

      • Angular Material CDK - a11y - The a11y package provides a number of tools to improve accessibility.
      • digital.gov - Accessibility for teams guide from USA government.
      • WAI - The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
      • webaim - Web accessibility in mind.
      • easy - Uncomplicated Angular styles with a11y.
      • Official Angular ARIA - A collection of headless, accessible directives that implement common WAI-ARIA patterns.
      • WAVE - Web Accessibility Evaluation Tools.
      • axe Accessibility Linter - Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native.
      • PrimeNG - Accessibility guide from PrimeNG.
      • a11y-libraries - A range of accessibility solutions for Angular.
      • digital.gov - Accessibility for teams guide from USA government.
      • Angular Material CDK - a11y - The a11y package provides a number of tools to improve accessibility.
      • astral-accessibility - An open-source accessibility widget written in Angular.
      • angular-vlibras - An Angular library that integrates VLibras to automatically translate content into Brazilian Sign Language (Libras).
      • a11y-accessibility-first - A WCAG 2.2-compliant Angular template with an accessibility component to boost accessibility.
      • ngx-accessible-ui - Angular 9+ navigation and menu directives compliant with WCAG 2.1 AA and the European Accessibility Act 2025 for inclusive web experiences.

    • AI

      • Official Angular CLI MCP Server Setup
      • Official llms-full.txt file
      • abbi-ng-ai-image-descriptor - Angular web app for AI-generated image descriptions. You need an OpenAI API key to use the tool.
      • AGENT.md - The Universal Agent Configuration File.
      • cursor.directory - The home for Cursor enthusiasts.
      • Frontend AI - Ask for a component or upload an image, and instantly receive ready-to-use code without lifting a finger.
      • Official llms.txt file
      • agent-rules-kit - A CLI tool for AI that installs and configures rules to guide agents in technology stack best practices.
      • ai-friendly-docs - Angular AI-optimized documentation, enhancing accessibility and response quality for Large Language Models.
      • aitools.fyi - AI Tools Built With Angular.
      • Angular code editor rules - Guide for effective AI interaction patterns when working with Angular code.
      • Official AI docs
      • Official Angular Examples Repo - Angular Examples using [GenKit](https://firebase.google.com/docs/genkit) and [Vertex AI](https://cloud.google.com/vertex-ai).
      • angular-material-ai-rules - A collection of configuration rules and usage guidelines for using Angular Material in AI-driven code editors.
      • angular-mcp-server - An MCP server offering Angular documentation access, enabling AI assistants to search and retrieve relevant Angular info.
      • augment code - The first AI coding assistant built for professional software engineers and large codebases.
      • CodeSage AI - Analyzes code quality of React, Vue, and Angular projects using linters and an LLM.
      • context7 - MCP Server with up-to-date code documentation for LLMs and AI code editors.
      • deep-chat - Fully customizable AI chatbot component for your website.
      • Design Shift - Generate Angular components you want from [Uizard](https://uizard.io/) layouts.
      • Figma to Angular - Convert designs to clean Angular code in a click.
      • gitingest - Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM.
      • global seo - Translate Angular app with AI.
      • hashbrown - The [Hashbrown](https://hashbrown.dev/) framework is for building joyful, AI-powered user experiences.
      • mini-bard-palm2-angular - Result from this [step by step guide](https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d#f02a) on how to integrate Google Gemini with Angular.
      • ngx-bob - Angular chat widget with messaging, local history, error handling, commands, and search.
      • ngx-gen-ui - Lightweight Angular directive and service for streaming generative UI content via Firebase AI.
      • PureCode AI - Build Angular application UIs 50% faster with PureCode AI.
      • UI2CODE - UI to Code Converter in seconds with AI.
      • web-codegen-scorer - A tool for evaluating the quality of web code generated by Large Language Models (LLMs).
      • Workik - Free AI-Powered Angular code generator | Your Context-Driven AI Partner!
      • Yes Chat AI - Angular Ninja - Angular Development Assistant.
      • Zipy - AI Angular Code Generator.

    • Generators and Scaffolding

      • abp - Open‑source ASP.NET Core framework for enterprise apps with opinionated architecture.
      • skulljs - Provides a standardized file structure for building web applications using popular JavaScript and TypeScript frameworks.
      • nx - The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It also enables using Angular Devkit builders and schematics in Nx workspaces.
      • goxygen - Generates a Go backend, links a front‑end, and provides Docker files for dev and prod.
      • LymeStack - A full-stack web app template and toolset that helps small teams quickly build and enhance applications.
      • generator-jhipster-ionic - You can use it to generate an Ionic app that talks to a JHipster backend.
      • polyfront-scaffold - A generator that offers a wide range of configuration options to build a flexible, scalable Angular app.
      • orval - Generate, validate, cache and mock in your frontend applications, based on your OpenAPI specification.
      • cem-angular-generator - Generate Angular wrapper libraries from Custom Elements Manifest output.
      • spiderly - `.NET` (C#) code generator that transforms an EF Core model into a fully customizable `.NET` (C#) and Angular web app.
      • angular-sitemap-generator - Generates a `sitemap.xml` file for an Angular project.
      • nx - The Nx Plugin for Angular provides executors, generators, and utilities for managing apps and libraries in Nx.
      • Bootify.io - Generate Spring Boot apps with custom database, Angular frontend and CRUD functionality.
      • JHipster - Open source app generator for Spring Boot and Angular.
      • Node Initializr - Quickly gathers your app’s dependencies and handles much of the initial setup for you.
      • teleport-code-generators - A collection of code generators for modern JavaScript applications.
      • jangular-cli - A Spring Boot + Angular starter kit with JWT auth, Flyway migrations, route protection, and CLI setup.
      • ng-openapi - Angular OpenAPI Client Generator.
      • tmf - A lightweight TypeScript port of Eclipse Modeling Framework (EMF) for model-driven, type-safe data models across Node.js, Java, and Angular/React.

    • Performance

      • ng-queuex - Experimental Angular ecosystem with React-like scheduler and signal-driven directives for fine-grained change detection.
      • ngememoize - Easily boost the performance of your Angular applications by memoizing functions and getters with this lightweight and simple-to-use library.
      • esbuild Bundle Size Analyzer - Visualize the contents of your esbuild bundle.
      • detective - Uses forensic code analysis at the architectural level to reveal hidden patterns within your codebase.
      • hawkeye - A tool that visualizes and optimizes JavaScript bundles, revealing modules, dependencies, and assets affecting performance.
      • microwave - Optimize Angular change detection effortlessly.
      • ng-event-plugins - A tiny library for optimizing change detection cycles for performance sensitive events.
      • ng-reactive-lint - An Angular-specific linter enforcing optimal reactivity patterns with Signals and RxJS.
      • ngx-network-monitor - A lightweight Angular service to monitor network status: online/offline, connection quality (2G/3G/4G/5G), and ping latency.
      • ngx-script-optimizer - A lightweight Angular library designed to supercharge your third-party script handling.
      • ngx-unused - Find declared but unused Angular classes in your codebase.
      • sonda - Universal visualizer and analyzer for JavaScript and CSS.

    • Styling

      • Angular-Material-Tailwind-Integration - A stable, themeable set of CSS custom properties mapping Material Design System tokens to Tailwind CSS utility classes.
      • ngx-mq - A declarative library that uses signals and the native [matchMedia API](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) to manage media queries, with built-in breakpoint presets for Tailwind, Bootstrap, and Angular Material.
      • panda - Easily use Panda, CSS-in-JS Framework, with Angular with its dedicated [integration](https://panda-css.com/docs/docs/installation/angular).
      • Super JSS - Super JavaScript Stylesheets is a tiny Angular runtime library that generates atomic CSS with breakpoints and theming.
      • tokiforge - Framework-agnostic design token engine for React, Vue, Angular, Svelte & vanilla JS.
      • element-identifier - Create reliable, distinct CSS selectors to target DOM elements, and utilize a web component for visual inspection and selection.
      • ngx-angora-css - A JavaScript-based CSS framework that dynamically generates styles on page load.
      • ngx-classed - A library allows you to dynamically add or remove classes based on state.
      • ngx-css - An Angular abstraction for [Squid CSS](https://github.com/squidit/css).

    • Analytics

      • opentelemetry-angular-interceptor - A library to deploy [OpenTelemetry](https://opentelemetry.io/) in your Angular application.
      • ng-webdatarocks - This repository contains the source code of the Angular wrapper for [WebDataRocks](https://www.webdatarocks.com/). Follow this [example](https://github.com/WebDataRocks/pivot-angular) to integrate the WebDataRocks web reporting tool.
      • angular-google-tag-manager - A service library for integrate google tag manager in your Angular project.
      • angulartics2 - Vendor-agnostic analytics for Angular2 applications.
      • @blue-cardinal/ngx-google-analytics - Angular module for injecting Google Analytics script, with safeguards to prevent use in dev environments.
      • clickstream-analytics-on-aws-web-sdk - [Clickstream Web SDK](https://aws-solutions.github.io/clickstream-analytics-on-aws/en/latest/sdk-manual/web/) enables easy collection of browser clickstream data to AWS via the provided data pipeline.
      • litlyx - A dev-friendly, open-source analytics tool for JavaScript frameworks—set up in under 30 seconds with one line of code!
      • @luzmo/ngx-embed - A library for embedding [Luzmo](https://www.luzmo.com/) dashboards in your Angular application.
      • ngx-amplitude - An Angular 18+ library for easy integration of [Amplitude](https://amplitude.com/) analytics, with global init and event logging service.
      • ngx-clarity - A useful Angular library that automatically injects the script tag required to use [Microsoft Clarity](https://clarity.microsoft.com/).
      • ngx-gtm - Angular library that automatically injects the script tag required to use Google Tag Manager (GTM).
      • ngx-material-tracking - Provides GDPR-compliant tracking for Angular sites with built-in Google Analytics, Meta Pixel, and custom options.
      • ngx-matomo-client - Matomo analytics client for Angular applications.
      • ngx-piwik-pro - A dedicated [Piwik PRO](https://piwik.pro/) Angular library for implementing Tag Manager and tracking.
      • ngx-segment-analytics - Provides an API for [Segment](https://github.com/segmentio/analytics-next/).
      • ngx-tableau - A module that allows you to embed a Tableau report in an Angular webapp.
      • oculr-ngx - An analytics library that makes collecting data in an Angular app simple.
      • plausible - Lightweight, open‑source, privacy‑friendly analytics with SPA support—see [SPA support](https://plausible.io/docs/spa-support).
      • rybbit - A privacy-friendly alternative to Google Analytics; see this [guide](https://www.rybbit.io/docs/guides/angular) for Angular integration.
      • Heap - Product analytics for tracking customer journeys, conversion, and retention.
      • ngx-meta-pixel - This package enables you to setup [Meta Pixel](https://www.facebook.com/business/tools/meta-pixel) for your Angular application.

    • SEO

      • unhead - Full-stack `<head>` management for Angular applications.
      • @davidlj95/ngx-meta - Quickly set Angular site metadata (meta tags, Open Graph, X Cards, JSON-LD) with SSR support.
      • ngaox - Boost Angular apps with seamless content integration, optimized SVGs, advanced SEO, and efficient social media management.
      • seo-analyzer - The library for analyze a HTML file to show all of the SEO defects.
      • ngx-seo - Kwerri OSS: samvloeberghs.be + ngx-seo.
      • Angular React SEO - Angular & React Examples SEO (Search engine optimization).
      • seo-manager-pro - A powerful SEO manager for Angular, React, Vue, and Vanilla JS to easily set tags and structured data.

    • Documentation Tools

      • Compodoc - The missing documentation tool for your Angular application.
      • ng-doc - The documentation engine for Angular projects.
      • angular-latest-snippets - Comprehensive Angular v19 [snippets](https://marketplace.visualstudio.com/items?itemName=JMGomes.angular-latest-snippets) for TypeScript and HTML, including support for the latest Angular features.
      • Storybook - The UI development environment you'll love to use.
      • docgeni - A modern, powerful and out of the box documentation generator for Angular components lib and markdown docs.
      • trakk.js - Automatic Documentation Generation / Real-Time Code Execution Flow / Testing / Debugging / Onboarding for Front-End Applications.
      • ng-component-hierarchy-visualizer - An unobtrusive tool that generates Mermaid diagrams of your Angular component hierarchy from route configs.
      • easy-template-x-angular-expressions - Angular expressions support for [easy-template-x](https://github.com/alonrbar/easy-template-x).

  • Security and Authentication

    • Authentication

      • hanko - Follow this [quickstart guide](https://docs.hanko.io/quickstarts/frontend/angular) to integrate [Hanko](https://www.hanko.io/), an open source authentication and user management solution, into your Angular app.
      • @melody-auth/angular - [Melody Auth](https://github.com/ValueMelody/melody-auth) Angular SDK facilitates seamless interaction between Angular applications and the melody auth server. It silently handles authentication state management, redirect flows, token exchange, and authentication validation for you.
      • Agilicus - Single sign-on with MFA for all users, with [integration samples](https://github.com/Agilicus/samples) on the Agilicus Platform.
      • angular-auth-oidc-client - NPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow.
      • angular-oauth2-oidc - Support for OAuth 2 and OpenId Connect (OIDC) in Angular.
      • corbado - [Integrate](https://docs.corbado.com/corbado-complete/frontend-integration/angular) Corbado with Angular to use passkeys for authentication.
      • fingerprint - The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.
      • frontegg-angular - Hosted login SDK for Angular; see the [quickstart](https://developers.frontegg.com/ciam/sdks/frontend/angular/hosted-login).
      • MojoAuth - The Simplest Way to [integrate](https://docs.mojoauth.com/guides/angular) passkeys.
      • msal-angular - MSAL for Angular allows Angular apps to authenticate users via [Azure AD](https://docs.microsoft.com/azure/active-directory/develop/v2-overview), Microsoft accounts, and social providers through [Azure AD B2C](https://docs.microsoft.com/azure/active-directory-b2c/active-directory-b2c-overview#identity-providers), and to acquire tokens for [Microsoft Cloud](https://www.microsoft.com/enterprise) services like [Microsoft Graph](https://graph.microsoft.io).
      • ng-supabase - An Angular component library for your [Supabase](https://supabase.com/) project!
      • angular-authentication - An Angular application that demonstrates best practices for user authentication & authorization flows.
      • angularfire - Angular + Firebase.
      • angularx-social-login - Social login and authentication module for Angular 17.
      • angular2-jwt - Helper library for handling JWTs in Angular apps.
      • appwrite - Integrate your [Angular app](https://appwrite.io/docs/quick-starts/angular) with [Appwrite](https://appwrite.io/) for auth, database, storage, functions, and more.
      • auth0-angular - Auth0 SDK for Angular Single Page Applications.
      • @badisi/ngx-auth - Authentication and authorization support for Angular based desktop and mobile applications.
      • FusionAuth Angular SDK - Angular SDK for login/registration, logout, and refresh token handling.
      • hexaeight-sessions - Session/auth management library for Angular, React, and Vue.
      • keycloak-angular - Easy Keycloak setup for Angular applications.
      • kinde-angular - Angular wrapper around the [Kinde](https://kinde.com/) TypeScript [SDK](https://docs.kinde.com/developer-tools/sdks/backend/typescript-sdk/).
      • lbx-jwt - Provides JWT authentication for loopback applications. Includes storing roles inside tokens and handling refreshing. Built-in reuse detection.
      • Logto - Open‑source Auth0 alternative (OIDC/OAuth2/SAML). Angular [quickstart](https://docs.logto.io/quick-starts/angular#prerequisites).
      • Melody Auth - Its [SDK](https://www.npmjs.com/package/@melody-auth/angular) enables seamless Angular–melody auth integration with automated state, redirects, and token handling.
      • ngx-better-auth - An Angular 20+ wrapper for [Better Auth](https://github.com/better-auth/better-auth). Provides reactive session handling with signals, clean DI provider setup with observables, and modern guards.
      • ngxfire - Zoneless AngularFire replacement.
      • ngx-webauthn - An Angular library offering a type-safe, streamlined abstraction of the native WebAuthn API, with built-in support for standard types and optional presets for common use cases.
      • omni-auth - Angular authentication library providing core functionality for authentication flows, guards, and error handling.
      • otp-angular - A lightweight, highly customizable, and dependency-free OTP (One-Time Password) input component built for Angular 20+ applications.
      • @serhiisol/ngx-auth - Angular 20+ Authentication Module.
      • Supabase - Build a User Management App with Angular.
      • witspry-auth-ng-client - A comprehensive Angular library for OAuth2 authentication with PKCE (Proof Key for Code Exchange) support.
      • zitadel - Secure authentication management for your application. Customize as you grow, with easy APIs and programmable workflows. Focus on growing, your login is in good hands.

    • Payments

      • ngxsmk-stripe - Angular plugin for integrating Stripe payments (one-time & subscriptions) with theme customization, event emitters, and standalone components.
      • adyen-angular-online-payments - Accept payments on your Angular/Express-based website with cards, wallets, and key local payment methods.
      • angular-spotflow-checkout - The [Spotflow](https://www.spotflow.one/) Angular SDK enables users to make payments with a streamlined checkout experience.
      • google-pay-button - Google Pay button - React, Angular, and custom element.
      • izipay - Integrate Izipay into your project with minimal configuration and an integrated proxy.
      • ngx-stripe - Angular bindings for [StripeJS](https://stripe.com/docs/js) and [Stripe Elements](https://stripe.com/docs/stripe-js).
      • ngx-supabase-stripe - Ready‑made Angular components for Supabase + Stripe payments/subscriptions.
      • solidgate - With its Angular SDK, you can add Solidgate Payment Form.

    • Security Best Practices

      • HackTricks - Angular Security Checklist.
      • HackTricks - Angular Security Checklist.
      • Aikido - Secure your code, cloud, and runtime in one central system. Find and fix vulnerabilities automatically.
      • Angular Security - Best Practices.
      • GitHub - Code scanning is available for all public repositories on GitHub.com. You can turn on secret scanning and use Code QL to secure your repos.
      • GitHub Skills - Guided interactive tutorials for Code Security and analysis are available.
      • SafeDep - It continuously scans open source code for vulnerabilities and malware, helping security engineering teams proactively mitigate inherited OSS risks.
      • Snyk - A developer security platform that integrates directly into development tools, workflows, and automation pipelines.
      • Socket - A developer-first security platform that protects your code from both vulnerable and malicious dependencies.

    • Role-Based Access Control

      • casl-angular - Module which integrates isomorphic permissions management library [CASL](https://github.com/stalniy/casl) with Angular.
      • nblocks - A control center for seamless management of Authentication, Payments, Subscriptions, Feature, and Role management.
      • ngx-can-i - A package for Angular developers to help them deal with permissions.
      • ngx-permissions - Permission and roles based access control for your Angular applications(AOT, lazy modules compatible).
      • ngx-role-accessor - Enterprise-grade Angular Role-Based Access Control (RBAC) Library.
      • ngx-smart-permissions - A lightweight Angular library for role and permission-based access control, supporting standalone components and NgModules.
      • permit - An authorization-as-a-service solution that can be used with [Angular](https://www.permit.io/blog/how-to-implement-role-based-access-control-rbac-in-angular).

  • Third Party Components

    • Data Grids

      • ngx-simple-datatables - A lightweight, high-performance Angular data table component with features like virtual scrolling, column freezing, and customizable templates.
      • ngx-flamegraph - Flame graph for stack trace visualization written in Angular.
      • ZingGrid - [ZingGrid](https://github.com/ZingGrid/zinggrid) is a JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can also be used in popular frameworks such as React, Angular, Vue, jQuery, and many more!
      • ZingGrid - A JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can be used in [Angular](https://www.zinggrid.com/docs/integrations/js-frameworks-&-libs/angular) and many more frameworks.
      • cerious-grid - A seriously powerful Angular grid for developers who demand control, flexibility, and performance.
      • handsontable - A popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.
      • ngx-tabulator-tables - Angular wrapper for the [Tabulator](https://tabulator.info/) table library.
      • ngx-panemu-table - An Angular table component. It is designed to be easy to use. Most work will be in TypeScript file, while the HTML file only needs to have a very simple `panemu-table` tag.
      • ngx-s-data-table - An Angular data table module that auto-maps class data with optional custom mappings for flexible rendering.
      • angular2-smart-table - Angular Smart Data Table component.
      • sheetjs - A JavaScript library for reading and writing data from spreadsheets.
      • ag-grid - The best JavaScript Data Table for building Enterprise Applications. Supports React, Angular, Vue and Plain JavaScript.
      • ignite-ui-angular's grid - The data grid, tree grid, hierarchical grid in `Ignite UI` provide excel-style filtering, live-data, sorting, draggable row and other toolbar.
      • active-table - Framework agnostic table component for editable data experience.
      • jsgrids - A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo.
      • jspreadsheet - A lightweight vanilla JS plugin for interactive web tables and spreadsheets. See [docs](https://bossanova.uk/jspreadsheet/docs/getting-started) for details.
      • slickgrid-universal - A monorepo which includes all editors, filters, extensions, and services related to framework agnostic [SlickGrid](https://github.com/6pac/SlickGrid) usage.
      • revogrid - Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.
      • @blueshiftone/ngx-grid - A professional Angular data grid.
      • @guiexpert/angular-table - Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including [Angular](https://gui.expert/getstarted/angular/).
      • activereportsjs/angular-reporting-tool - Angular components for data visualization and reporting. Embed reports with [ActiveReportsJS](https://developer.mescius.com/activereportsjs).
      • mat-datatable - A simple data table with virtual scrolling using Angular Material.
      • @Trixwell/data-grid - An Angular data table component with filtering, sorting, pagination, CSV export, sub-grids, and Material integration.
      • ngx-multi-sort-table - This library features a multiple sortable table based on Angular Material Design, with a focus on server-side loaded and sorted data.
      • ngx-editable-material-table - An editable table, built on top of Angular Material, natively for Angular.
      • ngx-smartgrid - A lightweight and flexible Angular table/grid component designed to work seamlessly across Angular 10 to 20+.
      • ng-virtual-grid - Maximum performance for extremely large grids.
      • ngx-list-manager - An Angular service tool to manage lists efficiently.
      • ngxsmk-datatable - Modern Angular 17+ datatable focused on performance, customization, and developer experience.

    • Form Controls

      • ngxsmk-tel-input - An Angular telephone input component with country dropdown, flags, and robust validation/formatting.
      • gradient-picker - A powerful and beautiful gradient picker.
      • ngx-morse - A simple morse code encoder and decoder 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-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-emoji-mart-next - Customizable Slack-like emoji picker.
      • 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-mat-split-button - Angular Material split button with a primary action and dropdown for secondary options.
      • ng-select2 - This Angular CLI module is a fork of [select2-component](https://github.com/plantain-00/select2-component).
      • ngx-duration-picker - Angular component for ISO_8601 durations.
      • 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.
      • ngxsmk-datepicker - A modern, highly customizable Angular date range picker component.
      • ngx-cron-editor - Graphical Angular 15+ cron builder with reactive forms integration and Material Design styling.
      • ngxsmk-otp-input - Lightweight standalone Angular 17+ OTP/PIN input with SCSS theming, autofill, masking, and reactive forms support.
      • ngx-color - Color Pickers from Sketch, Photoshop, Chrome, GitHub, X, and more.
      • 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-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.
      • 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.
      • 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.
      • 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.

    • Layout Components

      • ngx-zoomable - A zoomable, pannable container component for Angular applications.
      • ngx-bladex - A simplistic blade component for Angular with minimize/maximize and a close button.
      • ngx-swipe-menu - A component to create "swipe left to 'action'" experiences.
      • ng-simple-sidebar - A simple Angular component to generate a sidebar with a hamburger menu.
      • angular-gridster2 - Angular gridster 2.
      • ngx-flex-layout - Port of [Angular Flex Layout](https://github.com/angular/flex-layout) to provide support after EOL.
      • @berg-layout/angular - This is the Angular version of [berg-layout](https://github.com/blidblid/berg-layout).
      • angular-split - Angular split component.
      • overview - A collection of tools to make your Angular views more modular, scalable, and maintainable.
      • ngx-layout - Clone of Angular FlexLayout.
      • angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
      • 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.
      • ngx-van - Tiny HTML nav replacement with desktop nav and built-in mobile sliding side menu—no duplication.
      • berg-layout - This monorepo contains versions of the [Berg Layout for Angular](https://www.npmjs.com/package/@berg-layout/angular), React, and Web Components.
      • static-columns - Define columns with static width with Angular and FlexBox.
      • ng-polymorpheus - Polymorpheus is a tiny library for polymorphic templates in Angular.
      • gui - JSON powered GUI for configurable panels.
      • ngx-material-drawer - Configurable Angular Material Drawer and Toolbar.
      • @marxlnfcs/ngx-grid - Simple Angular Grid Module for modern grid layouts.

    • Loaders

      • ngx-signal-loading-bar - A lightweight, signal-based, zoneless loading bar for Angular.
      • ngx-spinner - A library for loading spinner for Angular.
      • ngx-source - Dynamically load JavaScript and CSS during application execution.
      • angular-busy - Show busy/loading indicators on any element during a promise/Observable.
      • angular-svg-round-progressbar - Angular module that uses SVG to create a circular progressbar.
      • dotglitch-ngx - Highly customizable lazy loader for Angular components.
      • groupix-spinner-library - A lightweight Angular spinner library for seamless loading animations!
      • ng-loading-skeleton - A lightweight and customizable Angular loading skeleton component.
      • ng-overlay-skeleton-loader - A lightweight Angular directive to add customizable skeleton loading states to your components.
      • ngx-fastboot - Dynamic Angular configuration loader that boosts startup performance by compiling configs in a separate chunk.
      • ngx-loader - Basic loader paired with a service for state management.
      • ngx-loader-indicator - Awesome loader for Angular applications. No wrappers only your elements.
      • ngx-loading-bar - Automatic page loading / progress bar for Angular.
      • ngx-loading-buttons - A lightweight Angular library to add a loading spinner to your Angular Material buttons.
      • ngx-loading-overlay - An Angular directive adding a loading overlay to your HTML.
      • ngx-loading-page - Sleek, adaptable loading component with multiple loader styles, dynamic themes, customizable backgrounds, and Bootstrap card design.
      • ngx-progressbar - Nanoscopic progress bar, featuring realistic trickle animations.
      • ngx-skeleton-loader - Make beautiful, animated loading skeletons that automatically adapt to your Angular apps.
      • ngx-spinner-loading - Lightweight, customizable Angular spinner with global, section, inline loaders, HTTP interceptors, and signal-based state.
      • ngxsmk-skeleton-loader - A lightweight skeleton loader featuring SCSS animations and easy theming.
      • ngx-ui-loader - Versatile Angular loader/spinner with foreground/background modes, progress bars, and multi-loader support.
      • nx-svg-loaders - Angular, React, Svelte, Vue SVG loader/spinner collection.
      • skeletonizer - Lightweight, customizable package for creating skeleton views with Vue and Angular adapters.
      • skeleton-styler - A lightweight, framework-agnostic library to generate skeleton loading UIs with customizable styles and animations.
      • square-progress - Square progress bar with animation.

    • Markdown

      • markular - A lightweight Markdown editor for Angular.
      • md-juice - A lightweight, tokenized CSS theme for Markdown HTML output.
      • angular-markdown-editor - Angular Markdown Editor. All-in-one Markdown Editor and Preview.
      • mdbook-angular - A renderer for [mdbook](https://rust-lang.github.io/mdBook/index.html) that turns Angular code samples into running Angular applications.
      • ngx-markdown - Angular library that combines Marked, Prism.js, Emoji-Toolkit, KaTeX, Mermaid and Clipboard.js.
      • ngx-md - Angular directive for parsing markdown content in your web application.
      • ngx-mdx - Take Angular lifecycle to Markdown for a seamless experience.
      • ngx-remark - Render markdown with custom Angular templates.
      • ngx-textile - Use the Textile markup language in your Angular project using [textile-js](https://github.com/borgar/textile-js).

    • Scroll

      • ngx-horizontal-menu-scroll - A lightweight, customizable Angular library for creating beautiful horizontal scrolling menus with smooth navigation controls.
      • ngx-perfect-scrollbar-portable - Angular wrapper library for Perfect Scrollbar.
      • 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.
      • ng-virtual-list - Maximum performance for extremely large lists.
      • 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.

    • UI Libraries

      • ship-ui - A modern, signal-based, zoneless-compatible UI library for Angular. Explore its features and documentation on their [official website](https://www.shipui.com).
      • slateui - A modern, accessible UI component library that provides directive-based components built with Angular primitives, Tailwind CSS, and signals.
      • sbb-angular - Angular Library for SBB.
      • ngx-nighthawk - Comprehensive, user‑friendly components with Bootstrip integration—streamlined Bootstrap for Grid and Utility features.
      • @nexcraft/forge - Framework-agnostic Web Components UI library. Works in Angular via custom elements.
      • zardui - Collection of beautiful, accessible Angular components based on [shadcn-ui](https://github.com/shadcn-ui/ui) and NG‑ZORRO, fully open source and free.
      • Blueprint UI - Accelerate your development with flexible UI components and tools that work everywhere.
      • bryntum - World class web components for calendars, gantt charts, kanban boards, and scheduling.
      • particle-ng - A lightweight, themeable component library offering flexible, high-control alternatives to Angular Material and PrimeNG.
      • Dev Extreme - Feature-Complete 65+ Angular Component Suite.
      • Wijmo 5 - Set of UI components for Angular2.
      • Syncfusion - Its [Essential UI Kit for Angular](https://github.com/syncfusion/essential-ui-kit-for-angular) is compatible with both Tailwind CSS and Bootstrap.
      • ej2-angular-ui-components - Syncfusion Angular UI library with 70+ lightweight, responsive, modular, touch‑friendly components.
      • Nebular - Customizable Angular UI Library based on Eva Design System.
      • NG-ZORRO - An enterprise-class UI components based on Ant Design and Angular.
      • ngx-ui - Style and Component Library for Angular2 and beyond!
      • prime-ng - The Most Complete Angular UI Component Library.
      • Taiga UI - Powerful set of open source components for Angular!
      • ng-devui - Angular UI Component Library based on DevUI Design.
      • ng-aquila - Aquila, an open‑source Allianz GDF component library, offered here as a white‑label variant.
      • enterprise-ng - Angular wrappers for IDS Enterprise components.
      • oblique - Angular framework with Swiss corporate design and ready‑to‑use components for branded business apps.
      • fundamental-ngx - Fundamental Library for Angular is SAP Design System Angular component library.
      • designsystem - Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.
      • ui - Enterprise level Angular UI framework from Alauda Frontend Team.
      • ngx-tethys - Fast and reliable Tethys Design components for Angular.
      • antwerp-ui_angular - Antwerp UI is a component interface library for building user interfaces and responsive web apps.
      • ng-clarity - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
      • ngx-semantic - A new take on an Angular implementation for Semantic UI.
      • ngx-float-ui - Angular wrapper for the [Floating UI](https://floating-ui.com/) library.
      • orchestrator - Extensible orchestrator for UI and forms for Angular.
      • winonang - Winona UI suite: seamless Angular components, optimized for Windows yet fully cross‑platform compatible.
      • carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
      • dyte-io/ui-kit - Dyte UI Kit: prebuilt components for quick video and voice call integration into any app or website.
      • onega-ui - Modern, stylish UI kit with diverse components for building professional, attractive websites.
      • ng-zen - Create customizable, production‑ready Angular UI components seamlessly within your project.
      • ngwr - Angular UI kit to make stylish Angular applications.
      • Windmillcode-Angular-CDK - Provides a collection of reusable UI components, each crafted with attention to detail and performance.
      • ng-vcl - Angular VCL ‒ an Angular component library based on the [VCL](https://vcl.github.io) CSS eco system.
      • ngx-ui - NGXUI from [Omnedia](https://github.com/omnedia): standalone Angular components, blocks, and templates for landing pages and marketing materials.
      • po-angular - Component library based on Angular. Documentation in Portuguese.
      • tableau-ui-angular - A third-party component library that brings Tableau-style components to Angular.
      • @ng-verse/ui - Collection of feature‑rich Angular components, directives, and pipes—no install needed, just copy‑paste. See [docs](https://ui.ngverse.dev/) for more.
      • flexi-ui - [Flexi UI](https://flexi-ui.ecnorow.com/): reusable, customizable, open‑source UI components for modern, visually appealing front‑end applications.
      • @koobiq/angular-components - Open‑source design system for security‑focused products, offering UI patterns, components, tools, resources, and guidelines.
      • Vega - Expedite feature development by leveraging reusable components and styles tailored to your preferred framework.
      • @jean-merelis/angular-components - A library of reusable Angular components and utilities that provides high-quality UI elements for your applications.
      • mantic-ui - Angular components for [Semantic UI](https://semantic-ui.com/) and [Fomantic UI](https://fomantic-ui.com/).
      • kage-ui - Lightweight, flexible Angular library with reusable components inspired by border‑first design systems for scalable, consistent UIs.
      • quix-quang - Angular component and utility library developed by [Quix Srl](https://www.quixconsulting.com/).
      • ngx-vflow - An open source library to build node-based UI with Angular.
      • ngx-nova-ui - A modern Angular 20 UI component library built with signals, standalone components, and a CSS-first theming approach.
      • elementar-ui - Fully open-source Angular UI Components & Admin Panel based on Angular Material and Tailwind CSS.
      • ngx-vant-revive - Angular UI component library implemented according to the [Zan Design System](https://design.youzan.com/) visual specifications.
      • MaxterDev NGX Components - A highly flexible and SCSS-customizable components library for Angular.
      • gcds-components - The `gcds-components-angular` package enables easy integration of [GC Design System](https://design-system.alpha.canada.ca/) web components into Angular.
      • ngx-kit-ui - Modern Angular UI library for mobile and web.

    • Maps

      • angular-yandex-maps - Yandex.Maps Angular components that implement the Yandex.Maps JavaScript API.
      • ngx-mapbox-gl - Angular binding of mapbox-gl-js.
      • cesium-angular-example - A simple web application that demonstrates integration of [Cesium](https://cesium.com) with the LATEST version of Angular.
      • ng-maps - Modular map components for Angular.
      • ngx-leaflet - Core Leaflet package for Angular.
      • ngx-leaflet-markercluster - Provides [leaflet.markercluster](https://github.com/Leaflet/Leaflet.markercluster) integration into Angular projects.
      • 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.

    • QR Codes

      • ngx-scan-detect - Detects barcode or QR code scanning on document and emits the scanned code.
      • ng-qrcode - Easy to use AOT compatible QR code generator for Angular projects.
      • angularx-qrcode - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library.
      • 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.
      • qrcode-angular - A streamlined Angular library that creates verification QR codes for [Self.xyz](https://self.xyz/).

    • Media

      • ngx-video-timeline - Video playback progress bar component.
      • @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.
      • byteark-player-angular - Player Container from [ByteArk](https://www.byteark.com/).
      • rm-ng-video-player - An advanced, feature-rich Angular video player with YouTube-style controls and Apple-inspired glassmorphism design.
      • angular-audio-context - An Angular wrapper for the Web Audio API's AudioContext.
      • silicon-audio-wave - Very simple audio wave system from Silicon.
      • 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-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.
      • 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.

    • Mixed Utilities

      • ngx-utility - Various helpers for forms, zones, DOM manipulation, HTTP requests, and more.
      • ngify - Use Angular features outside of Angular.
      • ngx-security - A modular Angular library for authentication, roles, and permissions management.
      • ng-util - A set of Angular 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.
      • spartan - Cutting-edge tools powering Angular full-stack development.
      • angular-ru-sdk - Set of toolchains for common interaction patterns, abstracting Angular core functionalities without presentation bias.
      • dfts-common - Collection of TypeScript and Angular libraries (QR Code, Bootstrap table and 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/).
      • @studiohyperdrive/ngx-tools - A mono-repo providing several of the Angular based packages created and maintained by the [Studio Hyperdrive](https://studiohyperdrive.be/) team.
      • 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.
      • @everllence/ngx-tools - This repository contains a collection of libraries is designed to elevate your Angular development experience.
      • ngx-oneforall - An Angular library with reusable pipes, directives, services, decorators, constants, enums, and more.
      • angular-signal-generators - Angular Signal Generators streamline development with signals and utilities for faster, cleaner code.
      • 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.
      • rxap - A collection of modules and tools that reduce web and cloud app development effort.
      • 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.
      • @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.

    • Forms

      • 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.
      • ngx-currency - Currency mask module for Angular.
      • angular-imask - Angular input mask.
      • @paddls/ngx-form - Model based typed reactive forms made easy.
      • ngx-enhancy-forms - Fancy enhanced Angular forms.
      • @TanStack/form - With TypeScript support, headless UI, and framework-agnostic design, it streamlines cross-framework form handling.
      • @klubinskak/ngx-smart-forms - Smart, Signal-powered form state utilities for Angular 17+.
      • 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-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-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.
      • 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).
      • @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.
      • @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.
      • ngx-vest-forms - A lightweight, type-safe adapter linking Angular template-driven forms with [Vest.js](https://vestjs.dev/) for complex, async validation.

    • DOM

      • ngx-mutation-observer - Get Angular 8+ events fired when an element is mutated in the DOM.
      • angular-paginator - Pagination Component for Angular applications.
      • ngx-sharebuttons - Angular share buttons.
      • ngx-highlightjs - Instant code highlighting, auto-detect language, super easy to use!
      • 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-signal-combinators - Composable boolean helpers for Angular signals, enabling cleaner reactive template logic.
      • ngx-annotate-text - An Angular library for visualizing and annotating text, ideal for tasks like named entity recognition and part of speech tagging.
      • ngx-resize-observer - Angular 8+ module for detecting when elements are resized.
      • 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-fade - An Angular component for smooth fade-and-slide viewport transitions using the Intersection Observer API.
      • ng-helpers - A collection of useful components, directives and pipes for Angular.
      • ngx-ellipsis - Multiline text with ellipsis for Angular 9+.
      • 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.
      • ng-lock - Angular decorator to lock a function and user interface while a task is running.

    • 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-signal-pipes - Transform Angular signals with functional pipes.
      • 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.
      • memoize-pipe - A universal pipe for memoizing computations in Angular templates.
      • ngx-number-to-words - Angular pipe to convert numbers into words, ideal for invoices, reports, and financial apps.
      • 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.

    • Router

      • ngx-quicklink - Quicklink prefetching strategy for the Angular router.
      • 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.
      • ui-router - State-based routing in Angular is enabled through [UI-Router for Angular](https://ui-router.github.io).
      • ngx-route-manager - A simple library to store all route urls used in the application.
      • storybook-addon-angular-router - A simple plugin to make working with the Angular router in [Storybook](https://storybook.js.org/) easier.
      • olt-ngx-breadcrumbs - Angular Library for generating breadcrumbs based on the routing state.
      • xng-breadcrumb - Zero‑config, lightweight, configurable, reactive breadcrumbs for Angular 6+.
      • angular-router-menus - Typed, customizable Angular route‑based menus with multi‑navigation, nested dropdowns, and injection‑token access.
      • ngx-back-button - A library for handling proper Angular back button capability.
      • ngx-foresight - An Angular integration of [ForesightJS](https://foresightjs.com/) for intelligent router preloading based on user intent.
      • ngx-hover-preload - Preload Angular lazy-loaded routes on mouse over.
      • ngx-href - A directive that allows href to understand Angular's router while retaining its default functionality.
      • ngx-multi-level-push-menu - A modern, accessible Angular component for responsive multi-level push menus with extensive customization options.
      • 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`.
      • ngx-route-breadcrumbs - Angular library that simplifies creating breadcrumbs based on routing URLs and parameters.

    • Tooltips

      • popover - Angular popover component.
      • helipopper - A powerful tooltip and popover for Angular applications.
      • 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).
      • 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.
      • angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
      • ngx-overlay - Lightweight Angular library for modern CSS/HTML overlays—modals, tooltips, and popups—browser‑compatible and elegant.

    • UI Library and Framework Ionic

      • Official GitHub repository
      • ionic-adv-tooltip - Media rich tooltips and popovers for Ionic Angular that render templates, images, videos, or live previews on any host.
      • Official website
      • ionic-insta-api-wrapper - Lightweight Ionic/Cordova library for fetching Instagram content (Stories, Reels, posts, profiles) with login and cookie support.
      • Ionic Academy - The fastest way to learn Ionic.
      • Elite Ionic - Advanced training for Angular developers who want to create NEXT LEVEL native web applications.
      • Ionic Themes - Tutorials and templates.
      • Ionic Start - Build web and native mobile applications with Ionic whilst learning modern reactive development with Angular.
      • awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
      • ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
      • ionic-angular-collect-icons - Library to group ionIcons and auto‑generate export files, simplifying addIcons() management in small projects.
      • IDEA-Ionic8-extra - [IDEA's](https://www.iter-idea.com/) extra components and services built on Ionic 8, and distributed with different NPM packages.
      • ionic-component-snippets - Repository of unofficial Ionic demos and libraries that can still benefit developers and their apps.
      • ionic-header-parallax - This directive enables a parallax effect on `ion-header` elements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down.
      • ionic-state - Provides utilities for working with state in Ionic applications.
      • simplici-auth-angular-ionic - Powerful Angular library for seamless social auth in Ionic/Angular apps, supporting major providers with web/mobile compatibility via Capacitor or Cordova.
      • ionx-search-select - Modern Angular/Ionic search & select with standalone components, signals, and full `ControlValueAccessor` support.

    • Calendars

      • schedule-x - Material design event calendar.
      • angular-calendar - A flexible calendar component for Angular 15+ that can display events on a month, week, or day view.
      • ngx-resource-calendar - Angular resource calendar library.
      • ngx-strip-calendar - Strip calendar component for Angular 17+.
      • timegrid-angular - Angular wrapper for the [HexaFlexa](https://hexaflexa.com/) Timegrid web component.
      • angular-calendar-timeline - Angular 13+ timeline component for tasks or events in day, week, and month views, supporting SSR without large dependencies like jQuery or Moment.js.
      • @pyas/connect-angular - A plugin wrapper around the [Pyas Connect](https://github.com/brutforce-tech/pyas-connect) Web Component, exposing PyasConnect as a first-class Angular component.
      • daypilot-lite-angular - Angular version of JavaScript/HTML5 event calendar/scheduler components that can display day/week/month calendar views.
      • fullcalendar-angular - The official Angular component for FullCalendar.
      • ngx-calendario - An Angular library for displaying customizable calendars with event support.
      • ngx-calendar-view - A responsive Angular calendar component library with day/week/month views, drag-and-drop events, mobile swipe support, and built-in dark mode.
      • ngx-calendar-widget - A lightweight, customizable, and feature-rich calendar widget designed to simplify event management and scheduling in your Angular applications.

    • Captcha

      • @semantic-components/re-captcha - Angular 19+ integration of Google's reCAPTCHA using **signal inputs** and **standalone components**.
      • altcha - GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter.
      • angular-yandex-smart-captcha - This library integrates Yandex SmartCaptcha into Angular forms for easy CAPTCHA protection.
      • go-captcha-angular - A simple, easy-to-use, interactive, and secure behavioral verification code that implements verification modes such as text/graphic clicking, sliding/dragging, and rotation.
      • ng-cloudflare-turnstile - An intuitive, lightweight and easy to integrate [Cloudflare turnstile](https://developers.cloudflare.com/turnstile/) component for Angular.
      • ng-hcaptcha - Provides an easy to use component for [hCaptcha](https://hcaptcha.com/).
      • ng-recaptcha-2 - Angular 18 fork of [ng-recaptcha](https://github.com/DethAriel/ng-recaptcha). Alternatively, you create your own service that implements Google's reCAPTCHA with the help of this [article](https://ben-5.azurewebsites.net/2024/9/5/google-recaptcha-v3-with-angular/#google_vignette).
      • ngx-captcha - reCaptcha components for Angular.
      • ngx-captcha-kit - This kit simplifies CAPTCHA implementation with a single component and service, ensuring compatibility with Angular 20+ features like Signals and zoneless change detection.
      • ngx-dice-captcha - A dynamic 3D CAPTCHA library featuring dice-based interaction and lifelike physics powered by Three.js and Cannon-es.
      • ngx-easy-captcha - Easy captcha implementation for both Google Recaptcha and Cloudflare Turnstile.
      • ngx-numeric-captcha - A modern, lightweight Angular CAPTCHA library featuring multiple verification challenges.
      • ngx-turnstile - Cloudflare Turnstile for Angular.
      • ngx-slider-recaptcha - Customizable Angular library that provides a slider-based CAPTCHA component to help secure forms from spam and bot submissions.
      • trustcaptcha-angular - This library helps you [integrate](https://docs.trustcaptcha.com/en/frontend/integration?frontend=angular) [Trustcaptcha](https://www.trustcaptcha.com/en) into your Angular frontend applications.
      • yandex-smart-captcha - An Angular library for integrating [Yandex SmartCaptcha](https://yandex.cloud/en/services/smartcaptcha) with support for standard/invisible captchas, reactive forms, and modern signals/effects.

    • Charts

      • org-chart - Highly customizable org chart. Integrations available for Angular, React, and Vue.
      • ngx-graph - Graph visualization library for Angular.
      • ngx-hierarchy - Angular component module for vertical or horizontal hierarchy/tree view with flexible dynamic template design and controls.
      • amcharts5 - The newest, fastest, and most advanced amCharts charting library for JavaScript and TypeScript apps. Check out the [Angular integration guide](https://www.amcharts.com/docs/v5/getting-started/integrations/angular/) to get started. Additionally, older versions are still being updated to support newer releases of Angular.
      • angular-google-charts - A wrapper for the Google Charts library written in Angular.
      • ngx-echarts - Angular directive for [Apache ECharts](https://github.com/apache/incubator-echarts).
      • ngx-interactive-org-chart - Modern Angular organizational chart component with interactive panning and zooming.
      • @cubejs-client/ngx - Along with [@cubejs-client/core](https://www.npmjs.com/package/@cubejs-client/core), you can [integrate](https://cube.dev/docs/product/apis-integrations/javascript-sdk/angular) Cube.js in Angular.
      • ngx-charts - Declarative Charting Framework for Angular2 and beyond!
      • ag-charts - Fully-featured and highly customizable JavaScript charting library.
      • Foblex - Angular Powered Flow-Chart Library.
      • highcharts-angular - Official minimal [Highcharts](https://www.highcharts.com/) integration for Angular.
      • ng-apexcharts - Angular wrapper for ApexCharts to build interactive visualizations.
      • ng-chartist - Angular component for [Chartist.js](https://github.com/chartist-js/chartist).
      • ng-draw-flow - A library for creating interfaces based on displaying data as nodes.
      • ng2-charts - Beautiful charts for Angular2 based on Chart.js.
      • ngu-flow - Angular flow diagram library.
      • ngx-flexmonster - A powerful and fully customizable JavaScript component for web reporting and data visualization.
      • ngx-gantt - A modern and powerful gantt chart component for Angular.
      • ngx-lightweight-charts - An easily extendable Angular wrapper for [Trading View Lightweight Charts](https://www.tradingview.com/lightweight-charts/).
      • ngx-recharts - Build composable charts with Angular components using the same API as [Recharts](https://recharts.org/).
      • ngx-simple-charts - Angular 17+ library for D3 based line, bar, donut and date/timeline charts with multiple entry points. A configurable service for token handling is provided.
      • pioneer-charts - An Angular library for creating responsive, customizable charts using D3.js—supports bar, line, pie, and more.
      • sequential-workflow-designer - Customizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies.
      • systelab-charts - Systelab Angular Chart services.
      • unovis - Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.

    • 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-draggable-dom - Angular attribute directive that causes any element to become a draggable element.
      • ng-dnd - Drag and Drop for Angular.
      • Angular Material 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.
      • 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-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.

    • File Upload

      • filestack-angular - Integrate [Filestack](https://www.filestack.com/) into your Angular app for a faster, safer, and more reliable file upload experience.
      • ngx-dropzone-wrapper - Angular wrapper library for [Dropzone](https://www.dropzone.dev/).
      • 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-image-upload - A lightweight, customizable library for image uploads with preview, validation, and smooth animations.
      • ngx-flow - Angular7+ wrapper for [flow.js](https://github.com/flowjs/flow.js) for file upload.
      • 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.
      • ng2-file-upload - Easy to use file upload directives.
      • ngx-uploadx - Angular Resumable Upload Module.
      • Uppy - A sleek, modular JavaScript file uploader that [integrates seamlessly with Angular](https://uppy.io/docs/angular/).
      • ngx-custom-material-file-input - File input management for Angular Material.
      • ngxf-uploader - File uploader for Angular 18+.
      • ngx-file-preview - A powerful preview tool for many file types.
      • 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.

    • UI Libraries built on Material

      • Angular Material - Material Design components for Angular.
      • nmce - Suite of Angular Material extensions with reusable code and UI enhancements for complex, data‑rich business apps.
      • Covalent - Teradata UI Platform built on Angular Material.
      • Angular Material Dev UI - One place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.
      • angular-ui-plusify - Includes Datetime Picker and Markdown Editor, with plans to expand into a full Angular UI toolkit.
      • MDBootstrap - Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation.
      • IgniteUI Angular - Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids, charts, and more.
      • Alyle UI - Minimal Design, a set of components for Angular 16+.
      • angular-jqwidgets - Advanced Angular Components with Material Design.
      • @ng-matero/extensions - Angular Material Extensions Library.
      • angular-material-css-vars - Little library to use CSS variables with Angular Material.
      • ngx-components - Useful components and utility functions for Angular.
      • ngx-material-auth - A library for Angular which provides functionality around the frontend part of authentication and authorization.
      • ngx-material-navigation - Creates material navigation elements like combined navbar and sidenav or footers, automatically shifting items based on breakpoints.
      • ngx-material-entity - With `NgxMaterialEntity` you can create entities and define how to display them directly on their properties. It can even generate complete and highly customizable CRUD-Tables.
      • ngx-core-business - Actively developed Angular library on `@angular/material`, offering reusable, enterprise‑grade components and utilities for scalable apps.
      • c3-components - An open-source component library that extends the `@angular/material` library.
      • simplematcomponents - Set of Angular components that fit into or use Angular Material Design.

    • Form Validation

      • ngx-reactive-forms-utils - Provides easy validation error display and custom validators.
      • ngx-formcontrol-errors - A directive for showing errors in Angular form controls.
      • ngx-validator-pack - A collection of validators designed
      • ngx-error-msg - The error message mapping library for Angular.
      • ng-error-tooltips - Angular reactive forms library that shows error tooltips for user-friendly validation messages.
      • ngx-cross-field-validation - Angular library providing conditional, equality, inequality, and sequence-based validations on form controls.
      • ngx-valdemort - Simpler, cleaner Angular validation error messages.
      • validointi - This is a library to help you validate your template driven forms.
      • angular-reactive-validation - This library simplifies Reactive Forms validation by eliminating the need for extensive HTML.
      • ngx-reactive-form-class-validator - A lightweight library for dynamically validate Angular reactive forms using [class-validator](https://github.com/typestack/class-validator) library.
      • ngx-forms-validator - A forms validator library for Angular.
      • ngx-control-message - A library for binding a message to a synchronous or asynchronous form control validator.
      • safari-numfix - A lightweight utility to safely handle paste and keydown events on number input fields in Safari.
      • ngx-input-errors - Angular Reactive Forms library that auto-displays validation errors with multi-language and custom message support.
      • error-message - Lightweight Angular library for flexible, standardized validation error display and management.
      • ng-reactive-form-validate - Angular library for streamlined form validation with customizable messages, Transloco integration, and styled error labels.
      • angular-password-checker - Protect your users from re-using a password known to be hacked with this simple Angular directive.
      • translation-validation - Automatic validation messages for Angular forms in any language.
      • polish-validators - A validation library designed for Polish-specific formats, also available as an Angular wrapper via [ngx-polish-validators](https://www.npmjs.com/package/ngx-polish-validators).
      • ngx-mat-errors - Offers a simple and adaptable approach to presenting error messages within a `MatFormField`.
      • oop-validator - Powerful, flexible validation library for any UI framework—Vue, React, Angular, and more—for complete front-end validation.

    • Icons

      • angular-svg-icon - Angular component and service for inlining SVGs allowing them to be easily styled with CSS.
      • angular-remix-icon - Angular wrapper for Remixicon icon library.
      • angular-techs-logos - Library of tech related icons.
      • primeicons - The default icon library of PrimeNG with over 250 open source icons developed by PrimeTek.
      • Semantic Icons - A collection of free and open source icons ready for use in your Angular projects using the component attribute selector and the SVG tag.
      • ng-hero-icons - Use [Heroicons](https://heroicons.com) in your Angular application.
      • angular-line-awesome - Angular Line Awesome is an Angular component to manage [Line Awesome](https://icons8.com/line-awesome) icons.
      • ngx-fast-svg - SVGs, fast and developer friendly in Angular.
      • ngxi - Comprehensive SVG icon set for Angular with seamless integration of thousands of popular icons.
      • chill-wind-icons - Dynamic Angular icon library with native Tailwind CSS support, tree-shakeable icon data, and built from Iconoir SVGs.
      • angular-fontawesome - Official Angular component for Font Awesome 5+.
      • ng2-fontawesome - A small directive making font awesome even easier to use.
      • ng-icons - The ultimate icon library for Angular.
      • @ngneat/svg-icon - A lightweight library that makes it easier to use SVG icons in your Angular Application.
      • Angular-Svg-Sprite - Simplify Angular SVG icon usage with flexible, manageable SVG sprites.
      • ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons.
      • angular-tabler-icons - This package allows you to use the [Tabler Icons](https://tabler.io/icons) in your Angular applications.
      • ngx-x-browser-svg-mask - Directive to easily achieve cross browser compliance while creating SVG masks.
      • coolshapes - An Angular library aiming at allowing developers to use cool-looking abstract shapes with little grainy gradients from [coolshapes](https://coolshap.es/).
      • lucide - Open-source icon library with 1000+ SVGs, featuring an [official Angular package](https://lucide.dev/guide/packages/lucide-angular) for easy integration.
      • @ngverse/icons - Angular library that allows you to use popular open-source icons as regular components.
      • angular-phosphor-icons - Set of components designed for utilizing [Phosphor Icons](https://phosphoricons.com/) in Angular via directives.
      • ic-on - The future of iconing.
      • @TSB04/svg-icon - Framework-agnostic, customizable, lightweight SVG icon package for React, Vue, Angular, and more.

    • 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.
      • focusly - A lightweight Angular library that brings intuitive, keyboard-driven navigation to web applications.
      • 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.

    • Editor Components

      • ngx-quill-wrapper - Angular wrapper library for [Quill](http://quilljs.com/).
      • acrodata/code-editor - CodeMirror 6 wrapper for Angular.
      • ngx-monaco-editor - Monaco Code Editor for Angular.
      • ngx-tiptap - Angular bindings for [tiptap v2](https://tiptap.dev/).
      • quill-table-better-dooooit - A module that enhances the table functionality of `Quill`.
      • ckeditor - Plugin for Angular.
      • Angular-JSON-Tree-Editor-Component - Angular JSON Tree Editor Component that actually works.
      • angular2-froala-wysiwyg - Angular wrapper for Froala WYSIWYG HTML Editor.
      • ngx-aztreya-editor - A lightweight, customizable Angular Rich Text Editor component with built-in toolbar, headings, text formatting, and alignment options.
      • 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.
      • code-editor - Code editor component for Angular applications.
      • 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.
      • 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-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-wysicat - Block‑editing and advanced formatting on top of Quill; plugins for structured documents.
      • ng-diagram - A robust Angular library for building interactive diagrams, Node-based editors, and visual programming interfaces.

    • Notifications

      • angular-notification - A singleton, global Angular service to programmatically show notifications.
      • OneSignal - Integrate OneSignal into Angular apps with [onesignal-ngx](https://github.com/OneSignal/onesignal-ngx) for push and in‑app messaging.
      • angular-bootstrap-toast-service - Angular project for sending Bootstrap based toast notifications including Vercel deployment.
      • alert-bar-library - Display contextual messages (success, info, warning, error) with clean, accessible styles that match modern web apps with this library.
      • angular-toaster - Updated fork of [Angular2-Toaster](https://github.com/Stabzs/Angular2-Toaster).
      • grand-notifications - Beautiful, customizable toast notifications with artistic animations.
      • hot-toast - Smoking hot toast notifications for Angular.
      • ng-fast-toast - Fast, lightweight Angular 18+ library for effortless alerts/notifications, Ionic-compatible, Tailwind-styled, using Shadow DOM.
      • ng-toast-service - Simple, customizable Angular notification service with slide‑in alerts and configurable behavior.
      • ngx-alertifying - Customizable, responsive Angular alert component for stylish, accessible feedback across devices and contexts.
      • ngx-french-toast - Lightweight, customizable Angular 14+ toast library for informative messages, feedback, and dynamic component support.
      • ngx-modern-alerts - Flexible Angular system for banner and floating alerts with hub, timeouts, custom actions, and more.
      • ngx-notifications - Simple notifications module for Angular.
      • ngx-notifier - A Simple Notification Service for Angular applications.
      • ngx-popify - Toast notifications for Angular 16+ built using reactive signals and easily integrated via a view component.
      • ngx-sonner - An opinionated toast component for Angular. A port of @emilkowalski's sonner.
      • ngx-sweetalert2 - Declarative, reactive, and template-driven SweetAlert2 integration for Angular.
      • ngx-toastr - Notifications/Toastr.
      • ngx-toastr-notifier - Lightweight, customizable Angular 20+ toast notifications with Material design and flexible APIs, replacing `toastr`.
      • notifyx - A simple, customizable toast library for JavaScript/TypeScript with zero dependencies.
      • toastify - Lightweight and customizable toast notifications for web applications.
      • web-notifier - Lightweight, flexible web notification library with simple RxJS‑based API for browser notifications.
      • mk-magic-messages-library - Easily display animated success, info, warning, and error alerts in your Angular 20+ application.

    • Modals

      • angular-confirmation-capture - A singleton, global Angular service to programmatically show a confirmation box to capture an user's consent.
      • up-window-angular - An Angular library designed to create dynamic, customizable modals and window-based components for web applications.
      • ngx-awesome-popup - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).
      • ngx-side-page - Versatile Angular library for slide‑out side panels with smooth, service‑based animations, like Material dialogs for side pages.
      • dialog - A simple to use, highly customizable, and powerful modal.
      • ngx-modal-ease - A versatile Angular library providing a lightweight, simple, and performant modal.
      • 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.
      • angular-anchored-floating-box - Singleton Angular service to render floating boxes anchored to elements with `TemplateRef` or component content.

    • Directives

      • ngx-nullish - Angular Structural Directive, which replaces `*ngIf` with Nullish Coalescing operator.
      • @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).
      • ng-click-outside - Angular directive for handling click events outside of an element.
      • ngx-cut - Angular directive for cutting texts with responsive options.
      • ngx-fixed-footer - Angular directive that adds a fixed footer without overlap.
      • ng-for-track-by-property - Angular global `trackBy` property directive with strict type checking.
      • ng-let - Structural directive for sharing data as local variable into HTML component template.
      • ngx-app-version - Angular directive for writing version into DOM.
      • ngx-autofocus - A powerful, flexible Angular directive for automatic element focusing.
      • ngx-clamp - Angular directive for multi-line or height-based text clamping with legacy-browser support.
      • ngx-copypaste - A pure and awesome copy paste directive for Angular.
      • 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.
      • ngx-if-platform - Directive for conditional display based on platform.
      • ngx-nullable - This library provides a way to make properties nullable in Angular templates.
      • ngx-overflow-reveal - An Angular directive that elegantly reveals truncated text on hover.
      • ngx-repeat - Angular directive for repeating HTML element by count.
      • ngx-responsive-if - An Angular structural directive for conditional rendering based on media queries.
      • ngxsmk-button-spinner - Angular 17+ directive to show a loading spinner inline or centered on any button.
      • ngxture - A lightweight and modular Angular library that provides ready-to-use animations and gesture directives.

    • Images

      • cloudinary - Angular SDK from Cloudinary.
      • ngx-blurhash-render - Lightweight Angular 15+ library for rendering image blurhash, requiring [blurhash](https://www.npmjs.com/package/blurhash) dependency.
      • ngx-broken-img - Angular directive to fix broken url in img. If image url returns 404, a placeholder is used to fill img's src.
      • ngx-easy-image-drawing - Angular library for easy image drawing on a canvas.
      • ngx-image-compression - A lightweight image compression and conversion library for Angular.
      • ngx-img-cropper - Image cropping tool for Angular.
      • ng-cropper - Angular image cropper built on `CropperJS` with customizable interface and optional toolbar for seamless cropping.
      • ngx-advanced-img - Angular attribute directives suite that provides various HTML img feature extensions.
      • ngx-annotorious - Angular wrapper for [Annotorious V3](https://annotorious.dev/), a library that adds annotations to images.
      • ngx-avatars - Spiritual successor to [ngx-avatar](https://github.com/HaithemMosbahi/ngx-avatar).
      • ngx-image-cropper - An image cropper for Angular.
      • ngx-image-hero - Hero animation package for smooth, clickable image zoom into immersive view.
      • ngx-lightbox - A [lightbox2](https://github.com/lokesh/lightbox2) implementation port to use with Angular >= 18 (zoneless).
      • ngx-pinch-zoom - This module enables image zooming and positioning through touch screen gestures.
      • ngx-ratio-image - An Angular library to show an image with variable ratio in container with a fixed ratio.
      • ngx-smart-cropper - Angular standalone image uploader with crop, resize, drag-and-resize, grid overlays, and aspect ratio support.
      • unpic - Angular directive for responsive, high-performance images with automatic srcset, sizing, and CDN/CMS URL detection.

    • Carousels

      • @daelmaak/ngx-gallery - Small, performant, responsive, dependency free, easy to use Angular 8+ gallery.
      • ngx-owl-carousel-o - `owl-carousel` for Angular >=6.
      • angular2-image-gallery - Image Gallery built with Angular 17+, Node.js and GraphicsMagick.
      • ngx-stories - An Angular component to render Instagram like stories.
      • carousel-library - A versatile Angular library providing a feature-rich, simple, and performant carousel component.
      • ngx-simple-gallery - A lightweight gallery library for Angular 18 that presents all images as thumbnails, expanding them to full size upon clicking or tapping.
      • embla-carousel-angular - Angular wrapper for [Embla Carousel](https://github.com/davidjerleke/embla-carousel).
      • ngu-carousel - Angular Universal carousel.
      • ngx-slider - Self-contained, mobile friendly slider component for Angular based on [angularjs-slider](https://github.com/angular-slider/angularjs-slider).
      • @MurhafSousli/ngx-gallery - Angular Gallery, Carousel and Lightbox.
      • ng-image-slider - Angular Image Slider with Lightbox.
      • ngx-slick-carousel - Angular 17+ wrapper for slick plugin.
      • ngx-splide - Splide.js integration to Angular.
      • egjs-flicking - Flicking Angular Quick Start.
      • ngx-drag-scroll - A lightweight responsive Angular carousel library.
      • ngx-darkbox-gallery-library - A highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+).
      • slidecontent-angular - A simple content slide developed in Angular with navigation buttons and transition animations.
      • ngx-hm-carousel - A light carousel for Angular 18+, supports mobile touch with [HammerJs](https://hammerjs.github.io/).
      • @vinlos/ngx-gallery - A simple native gallery component for Angular 16+.
      • ngx-cdk-lightbox - Tailored CDK-based solution for rendering an image gallery with lightbox functionality in Angular.

    • Dates

      • ngx-vertical-timeline - An Angular component for creating a responsive vertical timeline.
      • mat-datetimepicker - Material datetimepicker for `@angular/material`.
      • ngx-mat-timepicker - A true material timepicker.
      • date-interceptors - This library provides a robust solution for converting date and duration strings from JSON payloads into native Date objects and Duration objects, respectively.
      • @asadi/angular-date-components - A comprehensive Angular library of date-related components designed to meet the needs of applications that require localization based on various calendar systems.
      • ngx-date-fns - [Date-fns](https://date-fns.org/) pipes for Angular.
      • ngx-datetime-range-picker - Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly levels.
      • angular-datepicker - Highly configurable date picker built for Angular applications.
      • ngx-multiple-dates - Multiple dates picker based on Angular Material.
      • ng-datetime - Angular library containing components used for handling datetime.
      • time2blocks-ngx - Angular lib to identify which time is associated with a Blockchain block in the past (and format it).
      • dhutaryan/ngx-mat-timepicker - Material timepicker based on material design.
      • ngx-timeline - A simple component library to add an animated timeline view.
      • ngx-prayertimes-api - An Angular API client for [Prayer Times API](https://aladhan.com/prayer-times-api).
      • frxjs-Ngx-Timeline - This library allows you to integrate a timeline in your Angular app.
      • ngx-daterangepicker-pro - A powerful, customizable Angular date range picker built with Angular 17+ and [Day.js](https://github.com/iamkun/dayjs).
      • ngx-custom-daterangepicker - An Angular Material date range picker with configurable options, supporting advanced features and straightforward integration.
      • angular-material-jalali-datepicker-adapter - A comprehensive Angular library that provides Jalali (Persian/Solar Hijri/Shamsi) date adapter for Angular Material datepicker component.
      • ngx-timeago - Dynamic timestamp rendering in Angular.
      • ngx-chronica - A comprehensive Angular library providing six specialized date and time picker components that fill critical gaps in the Angular ecosystem.

    • Visual Effects

      • ngx-color-scheme - Add dark mode to your Angular applications with ease.
      • ngx-lamp - A simple component library to create a lamp.
      • angular-game-of-life - Background component playing Conway's Game of Life for Angular 19+.
      • angular-tag-cloud-module - With this module, you can generate word clouds / tag clouds.
      • ng-whiteboard - Lightweight Angular whiteboard component.
      • ngx-analog-clock - Customizable analog clock for your Angular app.
      • ngx-countdown - Simple, easy and performant countdown.
      • ngx-font-picker - Google fonts font picker widget for Angular.
      • ngx-gauge - A highly customizable Gauge component for Angular apps and dashboards.
      • ngx-globe - A simple component library to create a container with an animated globe.
      • ngx-gooey - The gooey effect for Angular, used for shape blobbing / metaballs.
      • ngx-neon-underline - An Angular library that provides a glowing neon underline effect for your components.
      • ngx-parallax-stars - Angular library to create beautiful stars with parallax effect.
      • ngx-waterbox - An isometric water box component.

    • JSON Forms

      • json-forms-zorro-wrapper - Ng Zorro wrapper for json forms library.
      • DynamicAngularForm - Create dynamic form by passing a JSON with associated values.
      • ngx-formly - JSON powered / Dynamic forms for Angular.
      • formio - JSON powered forms for Angular.
      • fluent-form - Building dynamic form in Angular with Fluent API or JSON.
      • jsonforms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
      • 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/).
      • dynamic-forms - Angular project for dynamic forms based on JSON.
      • ngx-formwork - Framework for Angular Reactive Forms built from JSON or TypeScript configuration.
      • ngx-formbar - A highly flexible framework for generating declarative reactive forms.

    • Animations

      • ngx-aurora - An Angular library for a customizable, animated aurora background with gradient effects and two animation styles.
      • ngx-starry-sky - An Angular library that creates a beautiful starry sky background with optional shooting star effects.
      • ngx-connection-beam - An Angular component that dynamically renders animated connection lines between two elements.
      • ngx-countUp - Animates a numerical value by counting to it.
      • ngx-dom-confetti - Celebrate success with dom confetti on Angular projects!
      • ngx-gsap - A lightweight, customizable Angular animation library powered by GSAP that's declarative and easy to use.
      • ngx-confetti-explosion - Confetti in Angular.
      • ngx-lottie - Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+.
      • angular-animations-explorer - A resource to showcase the different animations that you could do with Angular.
      • ngx-notation-reveal - Angular component to add rough notation animation when element is visible.
      • ngx-typed2 - An Angular Typing Animation Library.
      • ngx-count-animation - A package that elegantly animates number changes, creating a visually engaging transition from one value to another, perfect for counting or displaying real-time data updates.
      • ng-auto-animate - Angular Directive (library) for FormKit's [Auto Animate](https://auto-animate.formkit.com).
      • layout-projection - Beautify the Web with awesome layout animations.
      • ngx-easy-view-transitions - Angular library for easier use of the View Transitions API.
      • ngx-typed-writer - A Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly).
      • ngx-number-ticker - A simple number ticker effect to animate counting.
      • ngx-word-rotation - An Angular library designed to facilitate word rotation animations within Angular applications.
      • ngx-word-morph - An Angular library designed to facilitate word morphing animations within Angular applications.
      • ngx-cryptic-text - An Angular library that provides a cryptic text animation effect. The component animates text by randomly switching letters until the correct characters appear.
      • ngx-word-pullup - An Angular library that provides a smooth pull-up animation effect for words. This component is designed to sequentially pull up and reveal words with a customizable delay.
      • ngx-typewriter - A lightweight and easy-to-use library for creating typewriter effects. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations.
      • ngx-gradient-text - An Angular library for smooth, animated text gradients with customizable color transitions.
      • ngx-shiny-text - An Angular library that provides a shimmering text animation effect.
      • ngx-ripple - A customizable ripple effect component for interactive, engaging backgrounds or containers.
      • ngx-shine-border - An Angular library that provides a dynamic and customizable animated border effect for Angular components.
      • ngx-border-beam - This component allows you to create a glowing, animated border that can be customized in terms of colors, border radius, and animation duration.
      • ngx-dotpattern - An Angular library that provides a customizable dot pattern background effect for your Angular components.
      • ngx-meteors - An Angular library that adds a mesmerizing meteor shower animation effect to your components.
      • ngx-background-beams - An Angular component that generates dynamic animated background beams with customizable gradients and motion paths.
      • ngx-particles - An Angular library for interactive particle animations that respond to mouse movements, creating customizable backgrounds.
      • ngx-spotlight - An Angular library for SVG spotlight effects that highlight page sections with customizable colors and animations.
      • ngx-animated-counter - BugSplat's library provides simple count up and count down number animations.
      • ngx-dotlottie-web - Angular JavaScript library for rendering Lottie and dotLottie animations in Node.js and web environments.
      • afnaan-ngx-custom-cursor - A customizable animated cursor for Angular applications. Enhance user experience with a stylish and interactive cursor effect.
      • @ramiz4/typing-text - Angular directive for animated typing effects — smooth, customizable, and standalone.

    • Cookies

      • ngx-cookieconsent - Cookie Consent module for Angular.
      • ngx-cookie-service - Angular service for cookies. Originally based on the [ng2-cookies](https://github.com/BCJTI/ng2-cookies) library.
      • ngx-cookie-consent - Angular multi-language module to display a cookie consent banner without other dependencies.
      • cookieconsent - Simple cross-browser cookie-consent plugin written in vanilla js that can be added to [Angular](https://cookieconsent.orestbida.com/essential/getting-started.html#angular).
      • ngx-cookie-ssr - A straightforward cookie service for Angular 19 applications, inspired by ngx-cookie-service.
      • ngx-gdpr-cookie-consent - A beautiful Cookie consent library, easy to use.

    • Loggers

      • pretty-html-log - Module for pretty-printing ComponentFixtures, DebugElements, NativeElements, or HTML strings in Jest Angular tests.
      • 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.
      • 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.

    • Viewers

      • ngx-json-treeview - A collapsible JSON tree view for Angular.
      • ngx-omniview - An all-in-one content viewer for Angular that seamlessly displays raw string inputs as Plain Text, HTML, Markdown, LaTeX, MathJax, JSON, and more—using just a single component.
      • file-viewer - A powerful, universal file previewer library for Angular applications with support for PDF, images, documents, spreadsheets, and more.
      • json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences!
      • ng-pdf-renderer - A modern, zero-configuration PDF viewer for Angular applications with intelligent auto-fit, text selection, and responsive design.
      • ng2-pdf-viewer - PDF viewer component.
      • ng2-pdfjs-viewer - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).
      • ngx-diff - Angular component library for displaying diffs of text.
      • ngx-extended-pdf-viewer - A full-blown PDF viewer for Angular 16, 17, and beyond.
      • ngx-gist - An Angular Material and highlightjs styled display box for GitHub gist and local code snippets.
      • ngx-imageviewer - Generate a image/pdf viewer using canvas.
      • ngx-json-diff-viewer - Angular component for visually displaying the differences between two JSON objects.
      • ngx-json-schema-viewer - JSON Schema Viewer in Angular.
      • ngx-profile-comparison - A high-quality, production-ready Angular component library that visually compares two user profiles by highlighting their similarities and differences.
      • ngx-serial-console - Angular component and service to monitor output from a serial device.
      • ngx-treeview2 - An Angular treeview component with checkbox.
      • ngx-universal-viewer - An Angular component for viewing PDFs, Word, Excel, and PowerPoint files in continuous scroll or page-by-page modes.
      • ngx-voyage - File Explorer for Angular and PrimeNG.
      • pdf-viewer-kit - A modern, high-performance, framework-agnostic, lightweight PDF viewer and annotation library built on top of [pdf.js](https://github.com/mozilla/pdf.js).

    • UI Libraries built on Tailwind CSS

      • semantic-components - Modular Angular CDK + Tailwind UI elements with semantic HTML, full accessibility, and lightweight flexibility.
      • angular-superui - Comprehensive Angular UI library with 50+ production‑ready components, built on Tailwind CSS v4, TypeScript, and Angular 17+ Signals.
      • Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
      • FlyonUI - [Integrate](https://flyonui.com/framework-integrations/angular/) FlyonUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently.
      • Galaxy UI - Universal Component Library that brings beautiful, accessible components to Angular.
      • koala-ui - A modern and accessible component library designed to speed up interface development.
      • Metronic - Comprehensive Tailwind CSS UI toolkit for building modern, scalable web applications efficiently.
      • ngx-tw - A comprehensive component library built with Tailwind CSS, providing a modern and customizable set of UI components for Angular applications.
      • nicacoder-ng - Centralized Angular library of customizable components to accelerate development and ensure project consistency.
      • Preline UI - [Preline](https://github.com/htmlstreamofficial/preline) is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
      • PrimeBlocks - Professionally designed UI blocks tailored for rapid application development.
      • Rectangle UI - A code-first UI component library for Angular.
      • seacotools - A library designed for modern Angular applications, offering a suite of reusable UI components and services compatible with Tailwind CSS.
      • simui - Beautiful Angular UI components built with Tailwind CSS and Spartan.
      • synerity-ui - Enterprise‑grade Angular 20+ library with 90+ accessible, performant Tailwind‑styled components for modern apps.
      • Tailkit UI - Carefully crafted, customizable, fully responsive Tailwind CSS components, templates, and tools for your projects.
      • tailwind-ng - Open‑source library integrating Tailwind CSS with Angular for seamless, scalable, and joyful UI development.
      • zapui - Build scalable Angular apps with a Tailwind-powered design system from [zap:ui](https://zapui.togethercreative.co.uk/).

    • UX Components

      • angular-shepherd - Angular Service wrapping the site tour library [Shepherd](https://github.com/shepherd-pro/shepherd).
      • 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 17+ standalone library for spotlight focus and guided product tours with keyboard navigation, auto-advance, theming, and a11y.

    • CSV

      • impler - Using [Angular package](https://www.npmjs.com/package/@impler/angular) you can embed CSV Excel Importer into your application with just few lines of code.
      • ng2csv - Angular service for saving data to CSV file.
      • ngx-csv-parser - CSV Parser for Angular by Developers Hive.
      • ngx-export-as - Angular 2+ / Ionic 2+ HTML/table element to export it as JSON, XML, PNG, CSV, TXT, MS-Word, Ms-Excel, and PDF.
      • rm-ng-export-to-csv - A lightweight and customizable Angular library to export JSON data to CSV files with auto-download support. Ideal for charts, tables, reports, and dashboards.

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

    • Storage

      • rxdb - An abstraction layer for [IndexedDB](https://rxdb.info/articles/angular-indexeddb.html).
      • 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.
      • 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).

    • UI Libraries built on Bootstrap

      • angular-bootstrap-md - Material Design for Bootstrap 5 & Angular 17.
      • ng-bootstrap-addons - Adds UI components not available in `ng-bootstrap` (e.g., input/form controls).
      • ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).
      • design-angular-kit - A toolkit based on Bootstrap Italia
      • ngx-bootstrap-components - Standalone Angular components with Bootstrap integration, built for signals and OnPush strategy.
      • yoozsoft - Widgets built using Bootstrap 5, CSS, and NG Bootstrap 17 with APIs designed for the Angular ecosystem.
      • ngx-gccb - Angular 19+ library with easy‑to‑use shared components, directives, pipes, and services. See [showcase](https://ngx-gccb.netlify.app/) for code snippets.
      • Elementar UI - Fully open-source Angular UI Components & Admin Panel based on Material 3 and Tailwind.
      • ez-nav - A config-driven, responsive Angular navigation bar that integrates seamlessly with Bootstrap layouts.

    • UI Primitives

      • ng-primitives - A low-level UI component library with a focus on accessibility, customization, and developer experience.
      • primitives - Angular port of [Radix UI](https://www.radix-ui.com/) Primitives. Accessible. Customizable.
      • ngbase - Lightweight Angular UI primitives with unstyled directives and components, customizable for any design system.
      • vacui-ui - A headless Angular library of utility-first, primitives, low-level directives as foundational elements.
      • ngx-headless - A collection of standalone, accessible Angular primitives inspired by [Headless UI](https://headlessui.com) & [FormKit](https://formkit.com).

  • Site Templates

    • Free Templates

      • BoilerPlate-FirebaseAngular - Starting point for apps built using `.NET`, Angular, and Firebase.
      • spike-angular-free - Spike is the most powerful & comprehensive free Angular admin template based on Material Angular.
      • template-angular - Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling.
      • Colorlib
      • HTMLrev
      • angular-starter-kit - Angular project template with Prettier, Linter, Git-Hooks and VS Code settings.
      • angular-sample-app - A sample Angular app integrating [Descope](https://www.descope.com) with login, user dashboard, and dynamic navigation.
      • nx-starter - Nx powered starter project for Angular with SpartanUI.
      • angular-material-tailwind-playwright-starter - Angular 19 with Material, Tailwind, Jest, Playwright, and NGXS.
      • serene - A modern starter-kit for full-stack web development using Spring Boot and Angular. Inspired by Laravel Breeze, it provides a clean, secure, and minimalist foundation.
      • angular-realworld-example-app - Angular codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.
      • angular.ng - An open-source productivity dashboard built with Angular and Supabase.
      • angluar-crm - Angular CRM template with contact management, deal tracking, and analytics.
      • ng-matero - Angular Material admin dashboard template.
      • coreui-free-angular-admin-template - CoreUI Angular is free Angular admin template based on Bootstrap 5.
      • sakai-ng - Free Angular Admin Template by PrimeNG.
      • devextreme-angular-template - Responsive Application Layout Templates​ based on DevExtreme Angular Components.
      • QuickApp - ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development.
      • material-pro-angular-lite - MaterialPro Angular Lite is high quality free Angular Material template / theme from WrapPixel. You can download and use for Personal as well as Commercial Projects.
      • Flexy-admin-angular-lite - Flexy is the Most Powerful & Comprehensive free Angular admin template based on Material Angular.
      • angular-quickstart - A bare-bones Angular template to get you deployed to Netlify fast!
      • angular-nest - Simple web app template with Angular + NestJS + ng-openapi-gen.
      • angular-ngrx-frontend - Angular NgRx powered frontend template for Symfony (or similar) backend.
      • Threejs - New Three.js starter app.
      • zen - Nest + Prisma + Apollo + Angular Full Stack GraphQL Starter Kit.
      • tailkit-starter-kit-angular - Angular Starter Kit for using `Tailkit UI` components out of the box in your project.
      • angular-tailwind - Angular & Tailwind CSS Admin Dashboard Starter Kit.
      • fractal-boilerplate-lua-angular - Basic Angular & Lua - FiveM Boilerplate: A streamlined starter kit for web and in-game development with hot builds and utility scripts.
      • angular-and-firebase-template - An opinionated full-stack starting point for building a web app, using Angular and Firebase.
      • berry-free-angular-admin-template - Berry is a free Angular + Bootstrap 5 admin dashboard with customizable, feature-rich pages for optimal UX.
      • gradient-able-free-admin-template - Gradient able free Bootstrap, Angular, React admin template.
      • mantis-free-angular-admin-template
      • datta-able-free-angular-admin-template
      • sanity-template-angular-clean - A clean Angular SPA that gets content from [Sanity](https://www.sanity.io/).
      • angular-templates - A set of Angular templates for common web apps.
      • LightNap - A full-stack SPA starter kit with `ASP.NET` Core Identity, JWT management, and admin identity features.
      • ngx-package-starter - An Angular library NPM starter (or example) project to ease setup of Angular libraries as NPM packages from your GitHub repo.
      • @cristobalgvera/angular-template - Project to easily start an Angular project using Server Side Rendering, Angular Material, and Tailwind CSS. It also includes development tools to easy your workflow.
      • angular-boilerplate - Angular 18 + Bootstrap/Material + NgRx + Spring Boot starter with modular architecture and ngx-datatable.
      • Angspire - Angular + `.NET` monorepo template with built-in auth, themes, and a scalable foundation for faster development.
      • keycloakify-starter-angular-vite - Angular and Vite Starter for [Keycloakify 11](https://www.keycloakify.dev/).
      • @rainerhahnekamp/angular-starter - A starter project for a modern Angular 19 application.
      • extreme-angular - A starter template with pre-configured dev tools that enforce best practices for creating clean, maintainable, and accessible web apps.
      • @wlucha/angular-starter - Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material, & Prettier.
      • angular-clean-architecture - An Angular scaffold with a clean architecture that is easy to understand.
      • dataclouder-template-angular - A ready-to-use Angular/Ionic template with Firebase Authentication integration.
      • angular-tailwind-e-commerce-template - A responsive Angular + Tailwind CSS e-commerce template with sleek, customizable design for minimalist online shops.
      • ngx-lib-starter-kit - An Angular library boilerplate with pre-configured structure for scalable, maintainable development.
      • tailwind-angular-starter - Free and open-source starter project to help you get started with Angular, Tailwind CSS, and the [Flowbite UI components](https://github.com/themesberg/flowbite-angular).
      • ngx-app-starter-kit - A modern Angular 18+ starter kit with Docker, devcontainer, and Angular Material integration for rapid, scalable web app development.
      • signal-admin - Angular 20 admin panel (Material + Tailwind) with responsive layout, sidebar, user management, and UI components.
      • ngXpress - The Full-Stack Angular Starter Kit (SSR, Zoneless, Express 5, Prisma, better-auth, Tailwind CSS 4).
      • spartan-stack-starter - An Opinionated Template Project Starter using Spartan Stack.
      • jet - Angular starter-kit for building quality web apps fast.
      • free-angular-tailwind-dashboard - Free, open-source Angular + Tailwind CSS admin dashboard with essential UI components and pre-built pages for a sleek, modern interface.
      • hanko-angular-express-starter - Starter integrating Hanko authentication with Angular and Express.
      • ng-ultimate-base - Angular 20 template with Angular Material UI, Tailwind CSS, i18n, ESLint, Prettier, Husky, and CI/CD.
      • angular-dev-enhanced - A ready-to-use Angular starter with Vite, Vitest, ESLint, and Prettier—perfect for clean, modern development.

    • Paid Templates

      • Admin Mart
      • Angular-Templates
      • NgFast - The Angular boilerplate for building SaaS, landing pages, and web apps fast—turning your ideas into income.
      • Nzoni - Launch your SAAS in days with Angular.
      • Theme Forest
      • Vortex - A high-performance web application template built with Angular and Java, designed to deliver seamless user experiences and powerful backend solutions.
      • Wrap Pixel

  • Architecture and Advanced Topics

    • GraphQL

      • buoy - A GraphQL client for Angular built on top of Apollo.
      • apollo-dynamic-angular - Variant of Apollo Angular that allows dynamic selection sets for queries, mutations and subscriptions via a decorated schema.
      • takeshape - It's easy to build a GraphQL API using TakeShape. Follow this [guide](https://app.takeshape.io/docs/get-started/client/angular) to integrate with Angular.
      • ngx-graphql-client - A typed GraphQL client for Angular applications with full TypeScript support.
      • apollo-angular - A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.
      • apollo-orbit - A fully-featured GraphQL client for Angular with modular state management.
      • graphql-code-generator - Code generator for GraphQL schemas and operations, with flexible plugin support.
      • hasura - Real world GraphQL tutorials for frontend developers with deadlines!
      • tailcall - This comprehensive guide dives into five powerful approaches for integrating GraphQL into your Angular applications.

    • HTTP

      • angular-odata - A fluent API for querying, creating, updating and deleting OData resources in Angular.
      • ngx-http-resilience - Angular HttpInterceptors that provide resiliency capabilities.
      • convoyr - Modular HTTP extensions for Angular.
      • ngx-http-retry - An Angular service that provides HTTP methods (GET, POST, PUT, DELETE) with built-in retry logic using RxJS's `retry` operator.
      • ngx-suspense-of - Angular directive that adds suspense to your app.
      • ngx-drupal8-rest - Drupal 8 rest module for Angular applications.
      • ngx-http-helper - A lightweight library to easily call your APIs and add JWT token or API key on each header request.
      • luminara - A modern, universal HTTP client built on native fetch, designed for reliable, scalable, and clear architecture.
      • cashew - A flexible and straightforward library that caches HTTP requests in Angular.
      • angular-http-cache-interceptor - Angular HTTP cache interceptor.
      • @ngify/http - Reactive Angular HTTP client with typed responses, streamlined errors, and request/response interception.
      • ng-http-loader - Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar.
      • ng-memento - Makes your application faster by preventing the same HTTP requests from being called again in your Angular project.
      • ngx-http-request-state - An Angular library for wrapping HttpClient responses with loading & error information.
      • ngs-request-tracker - A library for tracking, storing, and displaying statistics on all HTTP requests.
      • ngx-pwa - Provides additional functionality around Angular PWA's. Most notably being able to cache and sync POST/PATCH/DELETE Requests.
      • ngx-repository - Easily create a strongly typed data client (HTTP REST or Firestore) in your Angular project.
      • ngx-sse-client - A simple **SSE** (Server Sent Events) client for Angular applications to replace the use of `EventSource`.
      • @connectrpc/connect-web - [Connect](https://connectrpc.com/) provides cross-platform API libraries. [@connectrpc/connect](https://www.npmjs.com/package/@connectrpc/connect) offers type-safe Protobuf APIs in TypeScript, and [@connectrpc/connect-web](https://www.npmjs.com/package/@connectrpc/connect-web) adds browser support. See the [Angular example](https://github.com/connectrpc/examples-es/tree/main/angular).
      • ng-httpclient-easy-network-stub - An easy class to mock a lot of network requests from the Angular HttpClient.
      • simply-direct - A fullstack communication library that bridges Angular and NestJS through real-time, bidirectional communication powered by WebSockets.
      • ngx-signal-pagination - Pagination for Angular, powered by signals.
      • ng-http-caching - Cache for HTTP requests in Angular application.
      • ng-rest-client - This library simplifies HTTP requests by letting developers define RESTful API clients with method decorators.
      • ng-error-handling - An Angular module designed for managing HTTP API error responses.
      • active-connect - A connection framework for Node.js, Angular, and WebSockets that simplifies real-time client–server communication with decorators and utilities.
      • ngx-http - A lightweight Angular library that enhances HTTP functionalities by providing types, static values, and utility functions.
      • @angular-experts-io/resource - The missing create, update, delete (CUD) support for Angular resource.
      • ng-speed-test - A light weight Angular 2+ library for checking internet speed.
      • ngx-interceptors - Library with common HTTP interceptors for Angular applications.
      • ngx-hal - A datastore library with support for handling [HAL-formatted](http://stateless.co/hal_specification.html) HTTP requests.
      • trpc-angular - This repository offers two tRPC-based Angular packages: `@heddendorp/trpc-link-angular` for HttpClient, and `@heddendorp/tanstack-angular-query` for reactive data fetching.
      • my-http-resource - A reactive Angular HttpClient wrapper that streamlines requests by managing state, URL parameters, and configuration.

    • Feature Flags

      • angular-unleash-proxy-client - Angular wrapper for [unleash](https://www.getunleash.io/) and [unleash-proxy-client-js](https://github.com/Unleash/unleash-proxy-client-js).
      • @devcycle/openfeature-angular-provider - [DevCycle](https://docs.devcycle.com/sdk/client-side-sdks/angular/) supports the OpenFeature Angular SDK.
      • @openfeature/go-feature-flag-web-provider - [GO Feature Flag](https://gofeatureflag.org/) provider allows you to [connect](https://gofeatureflag.org/docs/sdk/client_providers/openfeature_angular) to your GO Feature Flag instance with the `@openfeature/web-sdk`.
      • ngx-growthbook - An Angular wrapper for [GrowthBook](https://www.growthbook.io/), providing feature flags and A/B testing capabilities with full TypeScript support.
      • Flagsmith - Ship Faster and Control Releases with Feature Flag Management.
      • ngx-version-view - A powerful Angular library that enables version-aware component rendering for seamless feature toggling based on application versions.
      • @statsig/angular-bindings - The [Statsig](https://www.statsig.com/) Angular bindings package provides a `StatsigService` that can be injected into your components. See the [Statsig docs](https://docs.statsig.com/client/javascript-sdk/Angular/) for more details.
      • @configcat/js-sdk - ConfigCat SDK for JavaScript provides easy integration for your application to [ConfigCat](https://configcat.com/).
      • @configcat-labs/feature-flags-in-angular-sample-app - Example app that uses ConfigCat.
      • flagpole - Angular SDK for the [Flagpole](https://useflagpole.dev/) feature flag management system.
      • ngx-feature-proxy - Angular feature flag library with Unleash; reactive and type-safe flag management with minimal setup.
      • OpenFeature Angular SDK - [OpenFeature](https://openfeature.dev/) is a vendor-agnostic, community-driven API specification for feature flagging.
      • featurit-sdk-angular - Angular wrapper of the JavaScript client for the [FeaturIT](https://featurit.com/) Feature Flag management platform.

    • Module Federation

      • ngx-remote-component - An Angular library for loading remote components dynamically in Nx workspaces.
      • module-federation-plugin - Plugin integrating Module Federation with Angular CLI for loading micro frontends or plugins.
      • Vite-module-federation-angular-test - Tests [Module Federation Vite](https://github.com/module-federation/vite) with Angular and AnalogJS (via [@brandonroberts/angular-vite](https://github.com/brandonroberts/angular-vite)); explores SSR with an AnalogJS host (plugin SSR support may vary).
      • mfe-crossframework - Module Federation project with Angular Host, Cross-framework remotes and without Nx.
      • npm-mfe-live-reload - This tool auto-reloads the shell in development mode when remote microfrontends change.
      • @module-federation/core - Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications.
      • ng-dynamic-mf - Truly dynamic modules at runtime with Module Federation.
      • webpack-module-federation-with-angular - Guide to learn about Webpack Module Federation with several Angular code demos.

    • Micro-Frontends

      • angular-microfrontend-demo - Module Federation Vite + Angular is now possible.
      • ngx-mfe - Angular library for working with micro-frontends in Webpack 5 and plugin ModuleFederation.
      • ngx-mf-remote-loader - SSR-compatible dynamic remote module loader for Angular + Nx Micro Frontends.
      • backbase-micro-frontends - Proof of concept showcasing how legacy apps (widgets) can work together with newer apps (journeys) via Module Federation.
      • micro-frontends-mindmaps - A mindmap summarizing micro-frontends concepts.

    • Monorepos

      • Moon - A Rust-based build and monorepo management tool for the web.
      • Nx - A build system with integrated tools and advanced CI features for maintaining and scaling monorepos locally and in CI.
      • Turbo - Turbopack (Rust bundler) and Turborepo (build system/monorepo tools) for JavaScript and TypeScript.

    • Server-Side Rendering

      • Official website - Documentation for the new SSR package built into the framework.
      • angular-prerender - A command line tool to prerender Angular Apps.
      • analogjs - Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications.
      • ngx-ssr-code-remover - Post processor to remove SSR Code from bundles when served.
      • treaty - The meta framework for Angular. An alternative to Analog.
      • analog-stuff - Extra stuff for AnalogJS including `agx-remark-rehype`.
      • ngx-trpc - Angular tRPC client with SSR, RxJS, Signals and Subscriptions Support.
      • ngx-sitemaps - Generate sitemaps from Angular prerendered routes.

  • Testing

    • E2E

      • webdriverio - Next-gen browser and mobile automation test framework for Node.js.
      • playwright-ng-schematics - Adds Playwright Test to your Angular project.
      • Puppeteer Angular Schematic - Adds [Puppeteer-based](https://github.com/puppeteer/puppeteer) e2e tests to your Angular project.
      • ngx-playwright - Tools to run Playwright e2e tests in an Angular workspace.
      • cypress-harness - This library provides Cypress support to Component Test Harnesses.
      • testcafe - A user-friendly end-to-end testing solution.
      • Cypress - End to End and Component Testing for Angular.
      • Puppeteer Angular Schematic - Adds [Puppeteer-based](https://github.com/puppeteer/puppeteer) e2e tests to your Angular project.
      • playwright-ng-schematics - Adds Playwright Test to your Angular project.
      • lib-e2e-cypress-for-dummys - An Angular library that automatically records the Cypress commands needed to test your application while you browse and use the interface.
      • playwright-coverage - Report coverage on Playwright tests using v8 coverage, without requiring any instrumentation.
      • Cypress to Playwright - A curated collection of resources that can help you to migrate your test suite from Cypress to Playwright.
      • Playwright Chrome Recorder - Export Chromium recorder tab data to Playwright tests. This gives you a nice starting point that you can refine to modern Playwright.
      • playwright-mcp - A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright.

    • Component

      • ngx-speculoos - Simpler, cleaner Angular unit tests.
      • @jscutlery/playwright-ct-angular - Playwright Angular component testing.
      • Vitest - A Vite-native testing framework.
      • Angular Testing Library - Extends DOM Testing Library by introducing APIs tailored for testing Angular components.
      • angular-unit-test-helper - Helper functions to help write unit tests in Angular using mocks and spies.
      • nightwatch-plugin-angular - Official [Nightwatch](https://nightwatchjs.org/) plugin which adds component testing support for Angular apps. It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+.
      • Meticulous AI - Cover the 1000s of edge cases of your application - without writing or maintaining a single test.
      • Jasmine - Simple JavaScript testing.
      • karma-image-snapshot - Karma Jasmine matcher that performs image comparisons based on [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot) for visual regression testing.
      • docker-ng-cli-karma - Angular Docker image capable of running Karma with Chrome.
      • angular-testing-kit - A set of convenient utilities to make Angular testing with Jasmine and Karma simpler.
      • Jest - A delightful JavaScript testing framework with a focus on simplicity.
      • jest-preset-angular - Jest configuration preset for Angular projects.
      • jest-preview - Debug your Jest tests. Effortlessly.
      • jest-marbles - Helpers library for marbles testing with Jest.
      • jest-codemods - Codemods for migrating to Jest.
      • ts-jest - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.
      • Early AI - Save time, enhance code coverage, and ensure quality with Early's automatically generated, verified, and validated unit tests. Works with Jest and Vitest.
      • swc-angular - This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest.
      • swc-angular-plugin - SWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn't support Angular so you need this plugin.
      • wdio-harness - WebdriverIO support for Angular component test harnesses.
      • testronaut - By removing mocks and guesswork, [Testronaut](https://testronaut.github.io/testronaut/) enables developers to visually inspect output and write precise tests with Playwright’s robust API.

    • Helpers

      • stryker-js - Mutation testing for JavaScript and friends.
      • qc-auto-package - Effortless, reliable test IDs for Angular — managed by testers, independent of code.
      • ngx-testing-tools - Provides high-level utilities and reduces boilerplate for testing Angular applications.
      • spectator - A Powerful Tool to Simplify Your Angular Tests.
      • msw - Seamless REST/GraphQL API mocking library for browser and Node.js.
      • shallow-render - Angular testing made easy with shallow rendering and easy mocking.
      • @storybookjs/testing-angular - Testing utilities that allow you to reuse your stories in your unit tests.
      • ngx-testbox - A comprehensive testing utility library for Angular applications that simplifies test writing and improves test reliability. You will find this library useful for unit, integration, and e2e testing.
      • ng-mocks - Angular testing library for mocking components, directives, pipes, services and facilitating TestBed setup.
      • ng-mocks-sandbox - A repo with guides and examples for unit tests in Angular applications using ng-mocks.
      • Auto-create and -update tests tool - Automate Angular unit test and boilerplate with this schematic.
      • spectacular - Offers test harnesses for Angular applications and libraries.
      • Angular Material CDK Testing - `@angular/cdk/testing` provides infrastructure to help with testing Angular components.
      • ngx-page-object-model - This library simplifies Angular UI component testing using the Page Object Model (POM), separating test logic from DOM manipulation for better abstraction.
      • ngtx - A**ng**ular **T**esting E**x**tensions is a small set of functions that make your life easier when testing Angular components.
      • ng-automocks - It simplifies Angular testing by auto-generating mocks for components, directives, pipes, modules, and services using Jest, removing manual stubbing.
      • jest-angular-test-verifier - Jest reporter that verifies Angular components, services, directives, and other file types have matching test files.
      • ngx-api-mocks-interceptor - A powerful Angular HTTP interceptor for mocking API responses with support for dynamic data generation, path matching, response delays, and simulated file operations.
      • testing-library-queries - Streamlines DOM querying with a composable, chainable API, TypeScript support, CSS selector helpers, concise syntax, reusable query logic, and framework-agnostic compatibility.
      • ArchUnitTS - Enforce architecture rules, detect circular dependencies, and validate code standards in JS/TS projects with easy setup and seamless test framework integration.

    • Guides

  • Underlying Technologies

    • RxJS

      • subscribable-things - A collection of reactive wrappers for various browser APIs.
      • observable-webworker - Simplified API for working with Web Workers with RxJS.
      • rxjs-broker - An RxJS message broker for WebRTC DataChannels and WebSockets.
      • fork-join-settled - RxJS library which is analog of [Promise.allSettled()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled) method.
      • Official website - Reactive Extensions Library for JavaScript.
      • effects - A framework-agnostic RxJS effects implementation.
      • eslint-plugin-rxjs-x - Fork of [eslint-plugin-rxjs](https://github.com/cartant/eslint-plugin-rxjs) adding ESLint flat config support with breaking changes and improvements.
      • learn-rxjs - Clear examples, explanations, and resources for RxJS.
      • ng-event-bus - RxJS-based message bus service for Angular.
      • ng-rxjs-safe-subscribe - Implementation of Angular's repeatable OnDestroy pattern.
      • ngx-device-permission - Angular library for handling device permissions (camera, microphone, geolocation, etc.) in a reactive way using RxJS.
      • ngx-observable-lifecycle - Library for observing the lifecycle of an (Ivy compiled) Angular component.
      • ngx-operators - RxJS operators for Angular.
      • ngx-rxjs-zone-scheduler - A library for Angular providing RxJS schedulers to run some kind of work inside or outside of `NgZone`.
      • ngx-safe-subscribe - Easy way to automatically unsubscribe from RxJS observables in Angular components.
      • operators - This package regroups a couple of RxJS operators meant to simplify some common patterns.
      • redux-observable - RxJS middleware for action side effects in Redux using "Epics".
      • rx-computed - The async RxJS-based version of signals' `computed()`.
      • @mrOranger/RxJs - Theory with examples about the Reactive Programming paradigm, using the library RxJS.
      • rxjs-challenge - A set of little RxJS puzzles to practice your Observable skills.
      • rxjs-collection - RxJS enhanced Array, Map, WeakMap, Set, and WeakSet.
      • rxjs-common - A collection of useful RxJS operators.
      • rxjs-conduit - RxJS ReplaySubjects with with additional features to make reactive programming easier.
      • rxjs-course - RxJS course from Angular University.
      • rxjs-typewriter - Lightweight NPM library for typewriter effects using RxJS for smooth, customizable animations.
      • rxvisualizer - RxJS Marble Diagram Visualizer from `Angular Space`.
      • subsiphon - Lightweight utility for managing multiple RxJS subscriptions with indexed/named keys and simple cleanup methods.
      • until-destroy - RxJS operator that unsubscribe from observables on destroy.

    • TypeScript

      • tsconfig - SmartRecruiters' tsconfig contains all strict rules and improves your project type-safety.
      • transform.tools - Save a lot of time typing API responses with this JSON to TypeScript converter.
      • typescript-challenges - A set of challenges helping you understand TypeScript.
      • Official website
      • Official TypeScript REPL
      • Official GitHub repository
      • DefinitelyTyped GitHub repository - The repository for high quality TypeScript type definitions.
      • guardz - Lightweight, zero-dependency TypeScript type guards for runtime validation with structured error handling.
      • mutates - Powerful TypeScript AST mutation toolset, forked from `ng-morph`, enabling extensive project-wide transformations beyond Angular.
      • ngx-exhaustive-check - Angular utility for ensuring exhaustive checks on TypeScript discriminated unions, enhancing type safety and reliability.
      • ngx-mf - Bind your model types to Angular FormGroup type.
      • quicktype - Generate types and converters from JSON, Schema, and GraphQL.
      • Sheriff - Lightweight Modularity for TypeScript Projects.
      • superstruct - A simple and composable way to validate data in JavaScript (and TypeScript).
      • Total TypeScript Book - The companion repository for the upcoming Total TypeScript book.
      • trpc - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
      • ts-essentials - All essential TypeScript types in one place.
      • ts-pattern - The exhaustive Pattern Matching library for TypeScript, with smart type inference.
      • ts-serializer - Serialize your models into strongly typed TypeScript classes.
      • typebox - JSON Schema Type Builder with Static Type Resolution for TypeScript.
      • typebuddy - Finally make sense of your complex types.
      • type-challenges - Collection of TypeScript type challenges with online judge.
      • type-fest - A collection of essential TypeScript types. Either add the package as a dependency or copy-paste the needed types.
      • typehero - Connect, collaborate, and grow with a community of TypeScript developers.
      • valibot - The modular and type safe schema library for validating structural data.
      • zod - TypeScript-first schema validation with static type inference.

  • Learning Resources

  • Framework Interoperability

    • External Integration

      • ngx-notion-cms - Render your Notion content through your Angular application as a CMS.
      • DataDog - With the Datadog Angular integration, you can resolve performance issues quickly.
      • Elastic - Real User Monitoring JavaScript agent with Angular applications.
      • Partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
      • Bit - Leverage Bit to build composable software.
      • Pega - Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system.
      • Postcat - A lightweight, extensible API tool based on Angular and Electron.
      • GoodData - Integrate GoodData Visualizations into your Angular application.
      • Strich - A JavaScript library for real-time, multi-format barcode scanning directly in the web browser.
      • stream-chat-angular - Angular Chat SDK ➜ Stream Chat. Build a chat app with ease.
      • foblex2D - Angular library for 2D geometry with utilities for points, lines, vectors, shapes, and transformations, used in `Foblex Flow`.
      • Bloomreach Angular SDK - Provides simplified headless integration with [Bloomreach Content](https://www.bloomreach.com/en/products/content) for Angular-based applications.
      • ng-storyblok - A simple way to integrate [Storyblok](https://www.storyblok.com/) into your Angular application.
      • ngx-wagmi - An essential toolkit to connect your Angular app to the Blockchain, bringing powerful wallet and contract interactions to your fingertips.
      • Otter - Highly modular Angular framework with units for localization, testing, customization, and CMS-driven dynamic configuration.
      • HyperFormula - A headless spreadsheet built in TypeScript, serving as both a parser and evaluator of spreadsheet formulas. It can be integrated into your browser.
      • fusio-sdk-javascript-angular - This SDK enables Angular apps to integrate with [Fusio](https://www.fusio-project.org/), used by projects like the [backend](https://github.com/apioo/fusio-apps-backend) and [developer](https://github.com/apioo/fusio-apps-developer).
      • limitless-angular - A collection of powerful Angular libraries designed to enhance the Angular ecosystem and help developers build better applications with a focus on `Sanity.io` integration.
      • angular-rsocket - Connect to an [RSocket](https://rsocket.io/) server, handle streams/messages, and manage tokens via a provider.
      • angular-twitter-timeline - Angular Public Twitter Timeline Widget.
      • ngx-signalr-websocket - A lightweight ASP.NET SignalR client for Angular.
      • Sentry - A developer-first error tracking and performance monitoring platform.
      • @elastic/apm-rum-angular - Elastic APM Real User Monitoring for Angular applications.

    • Wrappers

      • ngx-filesize - Angular wrapper for [filesize.js](https://filesizejs.com/).
      • ngx-chessground - Angular wrapper for [chessground](https://github.com/ornicar/chessground).
      • ngx-xapi - Lightweight Angular wrapper for [xAPI](https://xapi.com/).
      • chat-widget-adapters - Angular wrapper for the [LiveChat](https://developers.livechat.com/) Chat Widget (JavaScript API).
      • ngx-open-web-ui-chat - Angular component library for embedding [Open WebUI](https://openwebui.com/) chat with Socket.IO streaming, conversation history and markdown support.
      • angular-calendly - A modern Angular library that provides standalone components for embedding [Calendly](https://calendly.com/) scheduling widgets.
      • angular-email-editor - Drag-n-drop email editor by [Unlayer](https://unlayer.com/embed) as an Angular wrapper component.
      • angular-three - Angular Renderer for [THREE.js](https://github.com/mrdoob/three.js).
      • ckeditor4-angular - An official CKEditor 4 rich text editor component for Angular 2+.
      • ckeditor5-angular - An official CKEditor 5 rich text editor component for Angular 2+.
      • cytoscape-angular - A production-ready Angular library providing sophisticated graph visualization capabilities using [Cytoscape.js](https://js.cytoscape.org/).
      • d3-cloud-angular - D3 Cloud component for Angular built upon [d3-cloud](https://github.com/jasondavies/d3-cloud).
      • gojs-angular - A set of Angular components to manage [GoJS](https://gojs.net/latest/index.html) Diagrams, Palettes, and Overviews.
      • lyne-angular - Angular wrapper for the [Lyne Web Components](https://github.com/sbb-design-systems/lyne-components).
      • @interopio/ng - [IO Connect](https://interop.io/) Angular wrapper to simplify initializing and using IO Connect libraries in projects.
      • ng-elementum - A modern fork of `@angular/elements` that enhances the integration of Angular components with the Web Components standard.
      • ngx-barcode6 - An Angular component for Angular 9+ for creating 1-D barcodes based on [JsBarcode](https://github.com/lindell/JsBarcode).
      • ngx-d3 - A [D3](https://d3js.org/) wrapper service for Angular applications inspired by [d3-ng2-service](https://github.com/tomwanzek/d3-ng2-service).
      • ngx-fabric-wrapper - Angular wrapper library for [Fabric](http://fabricjs.com/).
      • ngx-grapesjs - Angular wrapper library for [GrapesJS](https://grapesjs.com).
      • ngx-katex - A simple Angular wrapper for [KaTeX](https://github.com/KaTeX/KaTeX).
      • ngx-kel-agent - Client library for Angular applications to integrate with [kel-agent](https://github.com/k0swe/kel-agent).
      • ngx-neoline - Angular wrapper for [NeoLine](https://tutorial.neoline.io/) N3 dAPI, detecting provider, awaiting READY, and exposing typed methods.
      • ngx-pendo - A simple wrapper to load Pendo in Angular.
      • ngx-pocketbase - PocketBase Angular SDK for interacting with the [PocketBase API](https://pocketbase.io/docs). Based on the [PocketBase JavaScript SDK](https://github.com/pocketbase/js-sdk).
      • ngx-sentry - Angular wrapper for [Sentry JavaScript SDK](https://github.com/getsentry/sentry-javascript).
      • ngx-serializer - Angular wrapper of `@paddls/ts-serializer` library.
      • ngx-socket-io - [Socket.IO](https://socket.io/) module for Angular.
      • ngx-surreal - Lightweight Angular wrapper for the [SurrealDB](https://surrealdb.com/) JavaScript SDK.
      • ngx-tagify - Angular library that wraps [Tagify](https://github.com/yaireo/tagify/).
      • ngx-three - Use [Three.js](https://threejs.org) with your Angular project in a declarative way.
      • ngx-three-globe - An Angular library that provides an interactive, 3D globe visualization built using `Three.js`.
      • ngx-virtual-select - Component to integrate [Virtual Select](https://github.com/sa-si-dev/virtual-select) in Angular.
      • ngx-viz - Simple Angular [viz.js](https://viz-js.com/) wrapper to render [DOT graphs](https://graphviz.org/doc/info/lang.html).
      • ngx-webdatarocks - Angular wrapper for [WebDataRocks](https://www.webdatarocks.com/). Follow this [example](https://github.com/WebDataRocks/pivot-angular) to integrate the WebDataRocks web reporting tool.
      • ngx-xyflow - Angular wrapper of [xyflow](https://github.com/xyflow/xyflow).
      • seatsio-angular - Angular wrapper for rendering [Seats.io](https://www.seats.io/) seating charts.
      • zag-angular - Angular wrapper for [zag](https://github.com/chakra-ui/zag).

    • Cross-Framework Integration

      • ngx-reactify - Library to make running Angular and React applications together easy.
      • ngx-react - Embed React components or apps into Angular projects.
      • ng-react-bridge - A lightweight Angular package that enables developers to seamlessly render React components inside Angular components using a directive.
      • gong - Full‑stack framework with Go (Gin, Gorm, pure SQLite) backend and Angular Material frontend.
      • Stencil - Generate Angular component wrappers for your web components.
      • detector - A zero-dependency, TypeScript-first library for fast, universal detection of platforms, frameworks, browsers, and capabilities.
      • @retejs/angular-plugin - Angular plugin with a classic preset of node, connection, socket, and control components, built on [Rete.js](https://retejs.org/).
      • zero-angular - Angular bindings for [Zero](https://zero.rocicorp.dev/).

  • External Lists

  • Angular-Inspired Solutions

    • Wrappers

      • named-slots - Declarative "holes" for React components, inspired by slots in Vue, Svelte, Angular, and WebComponents.
      • react-di-lite - Lightweight, hierarchical dependency injection for React inspired by Angular’s services.
      • ts-react-directives - A small React/TypeScript library designed to mimic Angular directives.
      • needle-di - A lightweight, type-safe Dependency Injection (DI) library for JavaScript and TypeScript projects.
      • angular-style-injector - A lightweight dependency injection container inspired by Angular's Injector.
      • arky-js - Annotation-based framework for AWS Lambda/API Gateway, inspired by Angular/NestJS, with decorators for modules, controllers, and services.
      • css-fx-layout - A responsive SCSS flexbox library inspired by Angular Flex-Layout.
      • di - This library is a lightweight dependency injection library, similar to [InversifyJS](https://github.com/inversify/InversifyJS) and [typedi](https://github.com/typestack/typedi).
      • flexdi - Flexible, lightweight DI library for React, React Native, and Vue3, inspired by NestJS and Angular.
      • fornax - Lightweight, opinionated Bun-powered full‑stack framework for SPAs with custom components, routing, and flexible styling.
      • friendly-di - A lightweight and high-performance inversion of control (IoC) container inspired by NestJS and Angular.
      • GameEngine - A TypeScript game engine inspired by Angular.
      • gapi - Inspired by Angular and intended to provide complex Node.js GraphQL Backend applications with minimum effort.
      • GTPL - TypeScript library for reactive templates using Direct DOM and Proxy, inspired by Vue, Angular AOT, and JSX, in a compact 9KB package.
      • indulgent - A lightweight set of TypeScript utilities designed for web development, free of external dependencies and optimized for solid runtime performance.
      • ioc - A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
      • Lua-Generate - A CLI tool to generate boilerplate code inspired by ng tool from Angular.
      • npm-clang-format-node - Node wrapper for LLVM Clang's clang-format and git-clang-format native binaries inspired by [clang-format](https://github.com/angular/clang-format).
      • obfetch - A HttpClient base on RxJS and fetch API inspired by Angular `httpClient`.
      • ozean - A modern, simple, and high-performance web framework built on the Bun runtime. It provides a development experience and architecture that should be familiar to Angular users.
      • prang - A framework that looks like Angular, smells like Angular, but is actually Vue.
      • PrasthuthTS - TypeScript framework inspired by Angular with modular components, two‑way binding, flexible routing, and strong typing.
      • ReactiveForms - Retrieve form input values using the DOM and implement form validation, drawing inspiration from Angular's Reactive Forms approach.
      • @joanpablo/reactive_forms - A Dart library using a model-driven approach for forms and validations, inspired by Angular's Reactive Forms.
      • reaktiv - Reactive Signals for Python with first-class async support, inspired by Angular's reactivity model.
      • sio - Silicia Framework: a fresh approach built upon Ionic, designed to streamline the development of hybrid applications and websites.
      • UnReact.js - A modern framework combining the best of Angular and React for enhanced component communication.
      • use-vue-service - Lightweight Vue 3 state management with dependency injection, inspired by Angular services.
      • vyuha - A Node.js Template Engine Inspired by EJS, Angular, and Laravel Blade.
Programming Languages
TypeScript 1,148 JavaScript 57 HTML 44 SCSS 19 CSS 7 C# 5 Rust 4 Go 4 Shell 3 Vue 2
Categories
Third Party Components 853 Table of contents 438 Development Utilities 210 Learning Resources 128 Angular 107 Angular Pulse 94 Architecture and Advanced Topics 79 Framework Interoperability 69 Site Templates 65 State Management 62 Testing 60 Security and Authentication 58 Underlying Technologies 54 Angular-Inspired Solutions 29 External Lists 4
Sub Categories
Angular 258 Third Party Components 180 Wrappers 71 Free Templates 58 UI Libraries 57 Form Controls 48 Mixed Utilities 48 Internationalization 46 Blogs 39 Developer Tools 39 Google Developer Experts on X 38 Animations 36 Authentication 34 AI 33 HTTP 33 Forms 32 CLI Tools 31 Other State Libraries 29 Data Grids 29 YouTube Channels 29 RxJS 28 Editor Components 27 Scroll 26 Charts 26 TypeScript 26 Loaders 25 Icons 24 Official Resources 23 Notifications 23 NgRx 23 External Integration 23 Layout Components 22 Component 22 Form Validation 21 Analytics 21 Helpers 20 Dates 20 Carousels 20 Generators and Scaffolding 19 Viewers 19 DOM 19 Builders 19 Directives 19 UI Libraries built on Material 18 Community 18 Training 18 UI Libraries built on Tailwind CSS 18 Drag and Drop 18 UI Library and Framework Ionic 17 Images 17 File Upload 16 Accessibility 16 Captcha 16 Books 16 Router 15 Media 15 E2E 14 Visual Effects 14 Angular Team on X 14 Feature Flags 13 Deployment 13 Pipes 12 Calendars 12 Storage 12 Modals 12 Updating Angular 12 QR Codes 12 Performance 12 Maps 11 JSON Forms 11 NGXS 10 Markdown 9 UI Libraries built on Bootstrap 9 Styling 9 Desktop Applications 9 Angular Experts on X 9 GraphQL 9 Security Best Practices 9 Cheat Sheets 8 Cross-Framework Integration 8 Module Federation 8 Exercises 8 Tooltips 8 Payments 8 Server-Side Rendering 8 Podcasts 8 Documentation Tools 8 Keyboard Mouse 7 Loggers 7 Paid Templates 7 Certification Programs 7 Role-Based Access Control 7 SEO 7 UX Components 7 Cookies 6 Newsletters 6 UI Primitives 5 CSV 5 Micro-Frontends 5 Guides 4 Style Guides 3 Monorepos 3 Printing 3 Bluesky 1
Keywords
angular 679 typescript 193 javascript 75 angular2 63 ngx 55 rxjs 43 react 42 library 39 ui 29 angular-components 28 components 25 material 25 vue 25 i18n 24 angular-library 24 angular-material 24 angular-cli 23 testing 20 angular17 20 ngrx 20 tailwindcss 19 component 19 npm 18 frontend 18 admin-dashboard 17 state-management 17 ng 16 bootstrap 16 jest 15 svelte 15 icons 15 forms 15 angular5 14 svg 14 angular18 14 angular4 14 template 13 internationalization 13 material-design 13 css 13 nextjs 13 translation 13 ionic 13 nx 12 state 12 signals 12 nodejs 12 charts 12 redux 12 angular7 12