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: 6 days 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.
      • ng-zen - A versatile Angular library and CLI tool offering UI-kit Angular schematics for streamlined integration into projects. The tool is currently in the Alpha phase.
      • 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.
      • @marxlnfcs/ngx-grid - Angular library to create a simple grid layout.
      • 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.
      • ng-bootstrap - Angular widgets built from the ground up using only Bootstrap 5 CSS with APIs designed for the Angular ecosystem.
      • 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.

  • Development Utilities

    • AI

      • PureCode AI - Build Angular application UIs 50% faster with PureCode AI.
      • 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.
      • deep-chat - Fully customizable AI chatbot component for your website.
      • Official AI docs
      • angular-mcp-server - A Model Context Protocol (MCP) server that provides comprehensive access to Angular documentation, enabling AI assistants to search and retrieve Angular-related information with intelligent relevance scoring.
      • context7 - MCP Server with up-to-date code documentation for LLMs and AI code editors.
      • Official Angular CLI MCP Server Setup
      • Official llms.txt file
      • 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.
      • agent-rules-kit - A CLI tool that facilitates the installation and configuration of rules for Cursor AI, the AI-powered IDE. The rules help AI agents better understand the structure, patterns, and best practices of different technology stacks.
      • Angular code editor rules - Guide for effective AI interaction patterns when working with Angular code.
      • gitingest - Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM.
      • 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.
      • UI2CODE - UI to Code Converter in seconds with AI.
      • Workik - Free AI-Powered Angular code generator | Your Context-Driven AI Partner!
      • web-codegen-scorer - A tool for evaluating the quality of web code generated by Large Language Models (LLMs).
      • Figma to Angular - Convert designs to clean Angular code in a click.
      • Yes Chat AI - Angular Ninja - Angular Development Assistant.
      • Zipy - AI Angular Code Generator.
      • aitools.fyi - AI Tools Built With Angular.
      • global seo - Translate Angular app with AI.
      • augment code - The first AI coding assistant built for professional software engineers and large codebases.
      • Official Angular Examples Repo - Angular Examples using [GenKit](https://firebase.google.com/docs/genkit) and [Vertex AI](https://cloud.google.com/vertex-ai).
      • Design Shift - Generate Angular components you want from [Uizard](https://uizard.io/) layouts.
      • CodeSage AI - Analyzes code quality of React, Vue, and Angular projects using linters and an LLM.
      • hashbrown - The [Hashbrown](https://hashbrown.dev/) framework is for building joyful, AI-powered user experiences.
      • ai-friendly-docs - This repository offers Angular documentation specifically optimized for AI, making it highly accessible to Large Language Models (LLMs) and enhancing their response quality.
      • angular-material-ai-rules - A collection of configuration rules and usage guidelines for using Angular Material in AI-driven code editors.
      • ngx-bob - Angular-based chat interface featuring a floating widget, message exchange, local chat history, error handling, special commands, and search integration.

    • 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).
      • Angular File Generator - Supercharge your Angular development with intuitive and rapid file generation. Create components, services, modules, and more with just a few clicks - compatible with Angular 16-20.
      • Angular Schematics Pro - Ultimate Angular code generation in Visual Studio Code.
      • vscode-angular-auto-import - Automatically suggests and inserts missing Angular component imports based on selectors used in templates.
      • ngx-html-syntax - Angular HTML Syntax for [Sublime Text](https://www.sublimetext.com/).
      • VS Code NG Language Service - This extension provides a rich editing experience for Angular templates.
      • VS Code Angular Snippets - This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.
      • 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).
      • ng-parsel - Parse your Angular code base to JSON abstraction - Great for displaying APIs and running custom analysis.
      • ngs-json-utils - A lightweight utility library for Angular applications that provides easy-to-use functions for working with JSON objects. It includes methods for deep cloning, serialization, and deserialization of JSON data, designed specifically for Angular projects with TypeScript support.
      • ngx-schematics-utilities - Useful utilities for Angular Schematics.
      • angular-scaffold - Scaffold an Angular project with all tooling you need for production projects.
      • ngx-error-handling - This library seamlessly manages unhandled RxJS, signal, and classic errors, making them accessible through an Rx subject (ErrorBus).
      • Angular Extension Pack - This extension pack packages some of the most popular VS Code Angular extensions.
      • VS Code Angular HTML - Syntax highlighting for Angular HTML template files.
      • Nx Console - Spend less time looking up command line arguments and more time shipping incredible products.
      • Ionic VS Code Extension - Perform various functions that are common to developing an Ionic app, all without leaving your VS Code window.
      • 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).
      • lbx-change-sets - This package helps you to track changes made on your entities automatically using a base repository class to extend from.
      • ngx-compare-object - Angular utility to compare an original object with its modified version.
      • i18n-studio - Powerful Angular internationalization (i18n) extension for VS Code that displays translations inline, provides autocompletion for i18n keys in TypeScript and HTML files, and offers quick access to translation files. Streamline your multilingual development workflow.
      • ngx-dev-toolbar - A powerful development toolbar for Angular applications to improve your developer productivity directly in the browser.
      • Redux DevTools - Can be used in combination with @ngrx/store-devtools to inspect the state of your NgRx app.
      • 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.
      • Angular Dev Tools - Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications.
      • ngx-signal-hub - A lightweight, reactive signal hub service for Angular applications built using signals. It offers a hybrid approach, allowing both traditional callback-based subscriptions and efficient signal-based observation of the latest event state.
      • ngx-offline-indicator - A library designed to provide developers with 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`.
      • zed-angular - This extension integrates the Angular Language Service into [Zed](https://zed.dev/).
      • ng-lens - This Node.js utility uses `ts-morph` to statically analyze Angular TypeScript components and identify service usage patterns from any specified API library.
      • angular-compiler-output - See the JS output of the Angular compiler for a given Angular template.
      • ngx-rename - This repository contains PowerShell and Bash scripts to rename an Angular project folder and update relevant files, such as `angular.json`, `package.json`, `tsconfig.json`, and other configuration files.

    • Internationalization

      • angular-i18next - Angular integration for [i18next](https://www.i18next.com/).
      • 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.
      • angular-ecmascript-intl - Contains pipes to transform internationalization data using Intl.* browser APIs.
      • i18n-ally - All in one i18n extension for VS Code.
      • transloco-keys-manager - Tools to help reduce monotonous work.
      • ngx-tolgee - Web-based localization tool enabling users to translate directly in the Angular app thezy develop.
      • 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.
      • ngx-translate-toolkit - An Angular library designed to extend `@ngx-translate/core` and streamline the process of managing translations in large projects.
      • angular-l10n - Angular library to translate texts, dates and numbers.
      • angular-translation-checker - A comprehensive tool for analyzing translation keys in Angular projects using `ngx-translate`. Detect unused translations, missing keys, and keep your i18n files clean.
      • I18N - Soluling has implemented a collection of internationalization (I18N) APIs for `.NET`, Angular and Delphi.
      • 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).
      • ng-extract-i18n-merge - Extract and merge i18n xliff translation files for Angular projects.
      • 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-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.
      • 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).
      • ngx-signal-i18n - This package provides a typesafe and lazy-loaded internationalization (i18n) solution for Angular applications, built on top of signals for improved reactivity. Compatible with zoneless.
      • ngx-translate - The internationalization (i18n) library for Angular.
      • @OGS-GmbH/ngx-translate - A lightweight, REST-based Angular i18n library designed for seamless internationalization with minimal setup. It supports dynamic language switching & flexible translation management via RESTful APIs.
      • ngx-translate-cut - Angular pipe for cutting translations ✂️ 🌍 (plugin for `@ngx-translate`).
      • 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.
      • 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-routes - This service translates titles and route paths.
      • transloco - The internationalization (i18n) library for Angular.
      • ng-intl - Type-safe, reactive Angular i18n library. Lazy-loaded translations, signal-based reactivity, full TypeScript support. Efficient, flexible, and scalable internationalization for Angular projects.
      • ngx-easy-i18n-js - The easy internationalization (i18n) library for Angular.
      • signal-translate - Translation service that is using signals at its core.
      • ngx-i18n-tools - A collection of tools to help with the translation of Angular applications, including an Excel and XLIFF converter, [ngx-xlf-xlsx](https://github.com/Ascor8522/ngx-i18n-tools/tree/master/ngx-xlf-xlsx).
      • ngx-translate-db - A lightweight, efficient Angular translation library that uses IndexedDB for offline storage.
      • ngx-glagolize - An Angular library for handling translations and localization.
      • locale-translator - Translate any locale with the provided pipe or service.
      • ngx-i18n-extract-regex-cli - Tool for extracting translations from Angular app using regex.
      • ngx-translate-version - Angular module that provides version to your language files.
      • ngx-translate-lint - Simple CLI tools for check `ngx-translate` keys.
      • localess - A powerful translation management tool and content management system built using Angular and Firebase.
      • ng-translate-extensions - Angular module extending ng2-translate.
      • Crowdin - Localization software enhanced by AI, built to support teams and businesses. Automate the translation of your content with 600+ apps and [integrations](https://store.crowdin.com/search?query=angular).
      • tldraw-web-component - Make [tldraw](https://github.com/tldraw/tldraw) work with frameworks other than React; Made primarily to work with Angular.
      • ngx-signal-translate - A signal-driven translation service.
      • doloc - Instant translations in your [Angular](https://doloc.io/getting-started/frameworks/angular/) workflow.

    • Analytics

      • ngx-clarity - A useful Angular library that automatically injects the script tag required to use [Microsoft Clarity](https://clarity.microsoft.com/).
      • angular-google-tag-manager - A service library for integrate google tag manager in your Angular project.
      • angulartics2 - Vendor-agnostic analytics for Angular2 applications.
      • ngx-matomo-client - Matomo analytics client for Angular applications.
      • ngx-tableau - A module that allows you to embed a Tableau report in an Angular webapp.
      • clickstream-analytics-on-aws-web-sdk - [Clickstream Web SDK](https://aws-solutions.github.io/clickstream-analytics-on-aws/en/latest/sdk-manual/web/) can help you easily collect click stream data from browser to your AWS environments through the data pipeline provisioned by this solution.
      • litlyx - The easiest dev-centric analytics tool. `Litlyx` is an open-source analytics solution for any JavaScript framework. Setup takes less then 30 seconds and just one line of code!
      • ngx-amplitude - A library that provides an easy-to-use interface for integrating [Amplitude](https://amplitude.com/) analytics into your Angular 18+ standalone applications. It includes a global initialization module and a service for logging events.
      • ngx-segment-analytics - Provides an API for [Segment](https://github.com/segmentio/analytics-next/).
      • plausible - Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics. Works without any extra configuration on [single page applications](https://plausible.io/docs/spa-support).
      • rybbit - A privacy-friendly alternative to Google Analytics. This [guide](https://www.rybbit.io/docs/guides/angular) walks you through integrating it with Angular.
      • @blue-cardinal/ngx-google-analytics - This package provides a module that injects the Google Analytics tag manager script into your Angular project. It provides some guardrails against including the tag manager script in a dev environment.
      • @luzmo/ngx-embed - A library for embedding [Luzmo](https://www.luzmo.com/) dashboards in your Angular application.
      • oculr-ngx - An analytics library that makes collecting data in an Angular app simple.
      • ngx-gtm - Angular library that automatically injects the script tag required to use Google Tag Manager (GTM).
      • ngx-material-tracking - Provides GDPR-compliant tracking functionality for Angular websites. Google Analytics and Meta Pixel are supported out of the box, but you are also able to build your own tracking.
      • ngx-meta-pixel - This package enables you to setup [Meta Pixel](https://www.facebook.com/business/tools/meta-pixel) for your Angular application.
      • ngx-piwik-pro - Dedicated [Piwik PRO](https://piwik.pro/) library that helps with implementing Piwik PRO Tag Manager and the Piwik PRO tracking client in Angular applications.
      • 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.

    • Generators and Scaffolding

      • Node Initializr - Quickly gathers your app’s dependencies and handles much of the initial setup for you.
      • abp - Open-source web application framework for `ASP.NET Core`. Offers an opinionated architecture to build enterprise software solutions with best practices on top of `.NET`.
      • generator-jhipster-ionic - You can use it to generate an Ionic app that talks to a JHipster backend.
      • teleport-code-generators - A collection of code generators for modern JavaScript applications.
      • ng-openapi - Angular OpenAPI Client Generator.
      • LymeStack - A full-stack web app template and toolset that helps small teams quickly build and enhance applications.
      • jangular-cli - Comprehensive Full-Stack Starter Kit: Powered by Spring Boot and Angular, featuring JWT-based authentication, seamless Flyway migrations, robust route protection, and a command-line interface for quick project initialization.
      • skulljs - Provides a standardized file structure for building web applications using popular JavaScript and TypeScript frameworks.
      • goxygen - This generates back-end Go code, connects it with front-end components, provides a Dockerfile for the application, and creates `docker-compose` files that run in development and production environments.
      • 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.
      • polyfront-scaffold - A generator that offers a wide range of configuration options to build a flexible, scalable Angular app tailored to your development needs.
      • spiderly - `.NET` (C#) code generator that transforms an EF Core model into a fully customizable `.NET` (C#) and Angular web app.
      • tmf - A lightweight TypeScript port of Eclipse Modeling Framework (EMF), this tool enables model-driven development with type-safe, reflective data models that integrate effortlessly across Node.js, Java, and Angular/React frontends.
      • orval - Generate, validate, cache and mock in your frontend applications, based on your OpenAPI specification.

    • Performance

      • microwave - Optimize Angular change detection effortlessly.
      • sonda - Universal visualizer and analyzer for JavaScript and CSS.
      • 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.
      • detective - Uses forensic code analysis at the architectural level to reveal hidden patterns within your codebase.
      • ng-queuex - An experimental ecosystem for Angular that introduces a React-inspired concurrent scheduler and a set of signal-driven structural directives for fine-grained, isolated change detection.
      • ngememoize - Easily boost the performance of your Angular applications by memoizing functions and getters with this lightweight and simple-to-use library.
      • hawkeye - A powerful tool designed to help developers visualize and optimize their JavaScript bundles. With our intuitive interface, you can gain deep insights into your project's bundle structure, identifying large modules, dependencies, and assets that may be impacting performance.
      • ngx-script-optimizer - A lightweight Angular library designed to supercharge your third-party script handling.
      • esbuild Bundle Size Analyzer - Visualize the contents of your esbuild bundle.
      • ngx-unused - Find declared but unused Angular classes in your codebase.
      • ng-event-plugins - A tiny library for optimizing change detection cycles for performance sensitive events.

    • SEO

      • ngaox - Take Your Angular App Development to the Next Level with Ngaox: Seamless Content Integration, SVG Icon Optimization & Inlining, Advanced SEO & Social-Media Management, and More.
      • Angular React SEO - Angular & React Examples SEO (Search engine optimization).
      • seo-analyzer - The library for analyze a HTML file to show all of the SEO defects.
      • ngx-seo - Kwerri OSS: samvloeberghs.be + ngx-seo.
      • unhead - Full-stack `<head>` management for Angular applications.
      • seo-manager-pro - A powerful SEO Manager for Angular, React, Vue, and Vanilla JS projects. Easily set meta tags, Open Graph tags, Schema.org structured data, canonical URLs, robots meta, and more!

    • Accessibility

      • axe Accessibility Linter - Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native.
      • Angular Material CDK - a11y - The a11y package provides a number of tools to improve accessibility.
      • PrimeNG - Accessibility guide from PrimeNG.
      • astral-accessibility - An open-source accessibility widget written in Angular.
      • ngx-accessible-ui - Accessible Navigation & Menu Directives for Angular 9+. Directives comply with WCAG 2.1 Level AA and the European Accessibility Act 2025, ensuring a highly inclusive web experience.
      • digital.gov - Accessibility for teams guide from USA government.
      • WAVE - Web Accessibility Evaluation Tools.
      • WAI - The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
      • webaim - Web accessibility in mind.
      • angular-vlibras - An Angular library that integrates the VLibras accessibility widget into your Angular applications. VLibras provides automatic translation of digital content into the Brazilian Sign Language (Libras), increasing accessibility for users.
      • a11y-accessibility-first - An Angular template compliant with WCAG 2.2, incorporating an accessibility component to enhance overall accessibility in your project.
      • easy - Uncomplicated Angular styles with a11y.

    • Documentation Tools

      • Compodoc - The missing documentation tool for your Angular application.
      • ng-doc - The documentation engine for Angular projects.
      • 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 - A non invasive tool to generate Mermaid representations of your Angular component hierarchy representation based on the route configurations.
      • 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. This extension was created to bridge the gap in resources for Angular's newest capabilities, most existing code snippets are quite outdated.
      • easy-template-x-angular-expressions - Angular expressions support for [easy-template-x](https://github.com/alonrbar/easy-template-x).
      • Storybook - The UI development environment you'll love to use.

    • Styling

      • Angular-Material-Tailwind-Integration - A stable, themeable set of CSS custom properties mapping Material Design System tokens to Tailwind CSS utility classes.
      • 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).
      • 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, runtime styling library for Angular. It generates atomic CSS as you use it, supports responsive breakpoints and theming, and gives you a minimal, ergonomic API.
      • 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.

  • Testing

    • E2E

      • playwright-coverage - Report coverage on Playwright tests using v8 coverage, without requiring any instrumentation.
      • webdriverio - Next-gen browser and mobile automation test framework for Node.js.
      • 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. Ideal for developers who want to speed up E2E test creation without writing them manually.
      • playwright-ng-schematics - Adds Playwright Test to your Angular project.
      • playwright-mcp - A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.
      • Puppeteer Angular Schematic - Adds [Puppeteer-based](https://github.com/puppeteer/puppeteer) e2e tests to your Angular project.
      • 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.
      • cypress-harness - This library provides Cypress support to Component Test Harnesses.
      • testcafe - A user-friendly end-to-end testing solution. Free and open-source test runner. Powerful desktop app.
      • ngx-playwright - Tools to run Playwright e2e tests in an Angular workspace.
      • Cypress - End to End and Component Testing for Angular.

    • Component

      • Meticulous AI - Cover the 1000s of edge cases of your application - without writing or maintaining a single test.
      • jest-preset-angular - Jest configuration preset for Angular projects.
      • ngx-speculoos - Simpler, cleaner Angular unit tests.
      • 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.
      • angular-unit-test-helper - Helper functions to help write unit tests in Angular using mocks and spies.
      • 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.
      • 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.
      • angular-testing-kit - A set of convenient utilities to make Angular testing with Jasmine and Karma simpler.
      • docker-ng-cli-karma - Angular Docker image capable of running Karma with Chrome.
      • 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+.
      • 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.
      • Angular Testing Library - Extends DOM Testing Library by introducing APIs tailored for testing Angular components.
      • Jasmine - Simple JavaScript testing.
      • 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.
      • @jscutlery/playwright-ct-angular - Playwright Angular component testing.
      • wdio-harness - WebdriverIO support for Angular component test harnesses.
      • Vitest - A Vite-native testing framework.
      • Jest - A delightful JavaScript testing framework with a focus on simplicity.

    • Helpers

      • ngx-page-object-model - This library streamlines the process of writing unit tests for Angular UI Components by utilizing the Page Object Model (POM) design pattern. By adopting the POM design pattern, you can create an additional layer of abstraction, effectively separating your test logic from the DOM manipulation logic.
      • stryker-js - Mutation testing for JavaScript and friends.
      • 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.
      • Angular Material CDK Testing - `@angular/cdk/testing` provides infrastructure to help with testing Angular components.
      • 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.
      • 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.
      • ngx-testing-tools - Provides high-level utilities and reduces boilerplate for testing Angular applications.
      • ngtx - A**ng**ular **T**esting E**x**tensions is a small set of functions that make your life easier when testing Angular components.
      • Auto-create and -update tests tool - Automate Angular unit test and boilerplate with this schematic.
      • spectacular - Offers test harnesses for Angular applications and libraries.
      • @storybookjs/testing-angular - Testing utilities that allow you to reuse your stories in your unit tests.
      • ng-automocks - It simplifies Angular testing by automatically generating mock components, directives, pipes, modules, and services using Jest's module mocking, eliminating the need for manual stubbing or complex workarounds.
      • 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

  • Angular

    • Deployment

    • Official Resources

    • CLI Tools

      • angular-v20-bulk-file-refactor - A CLI tool to automate file renaming and content refactoring to match Angular 20 conventions.
      • Official GitHub repository
      • angular-serve-and-run - Serve your Angular CLI project then run a command on top of it.
      • mantis-cli - M.A.N.T.I.S (MongoDB, Angular with Analog, Nx, Tailwind CSS, Ionic, Storybook) is not just a CLI tool; it's your passport to a seamless full-stack project launch.
      • 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.
      • ng-chrome-extension - Easily create Angular Chrome Extensions (manifest v3).
      • 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.
      • dotairc - This tool helps create consistent instructions for AI assistants working with your codebase.
      • lin - Lazy I18N is a CLI tool that translates locale JSONs using LLMs.
      • ns-gc - A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config.
      • angular-cli-diff - Easily upgrade your Angular CLI applications from one version to another 🚀.
      • nest-schematics - A powerful Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules following hexagonal architecture principles in NestJS applications.
      • ngx-i18n-scan - A powerful CLI tool for scanning Angular source code and managing i18n translation keys. It automatically extracts keys from your project and keeps your translation files (like en.json) clean and updated.
      • 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.
      • mcp-angular-cli - A Model Context Protocol server that provides Angular CLI and workspace automation capabilities. This server enables LLMs and agents to interact with Angular projects, generate components/services, add packages, create new workspaces, and run custom architect targets via the Angular CLI.
      • angular-parallel-test-runner - A command-line tool designed to run Angular tests in parallel across multiple projects. It utilizes the concurrency capabilities of your machine, maximizing the efficiency of running tests by leveraging multiple CPU cores.
      • 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.
      • angular-cli-ssr-diff - Easily upgrade your Angular CLI SSR applications from one version to another 🚀.
      • firebase-framework-tools - Experimental addon to the [Firebase CLI](https://github.com/firebase/firebase-tools/) to add web framework support.
      • Official website
      • rafacli - A command-line tool designed to generate authentication and CRUD modules (and more soon) for NestJS and Angular applications. It streamlines the development process by automating boilerplate code creation, reducing repetitive tasks, and ensuring consistency across projects.
      • kqgen - A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/GraphQL services.
      • ngx-stats - A CLI tool for Angular project analysis that quantifies modules, components, directives, pipes, and services, offering a clear structural overview to help developers better understand architectural choices and app organization.
      • ngx-create - A lightweight CLI for quickly generating Angular projects with optional frameworks like Material, Tailwind, Bootstrap, and NgRx.
      • angular-codx-recipe - A [Codx](https://github.com/marmotz-dev/codx) recipe for setting up Angular projects quickly and efficiently.
      • js-stack - Modern CLI for scaffolding production-ready JavaScript full-stack projects, with customization and best-practice presets.
      • prepare-angular-json - A lightweight CLI tool that generates a clean `angular.json` file from a commented `angular.jsonc`.

    • Builders

      • angular-static-assets-hash - Create a list of Angular static assets and a hash for each file.
      • 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.
      • ng-packagr - Compile and package Angular libraries in Angular Package Format (APF).
      • ngx-devkit-builders - This package contains Architect builders used to build and test Angular applications and libraries.
      • angular-env-builder - Builder to generate `src/environments/environment.ts` file based on your environment variables.
      • Custom Webpack
      • Jest Builder
      • Bazel - Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc.
      • Timestamp - This is explained in this [article](https://medium.com/angular-in-depth/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811).
      • esbuild
      • Custom esbuild
      • angular-rspack - [Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications.
      • 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.
      • 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).

    • Desktop Applications

      • angular-electron - Ultra-fast bootstrapping with Angular and Electron.
      • angular-tauri - Ultra-fast bootstrapping with Angular and Tauri.
      • create-tauri-app - Rapidly scaffold out a new Tauri app project.
      • nw.js - An app runtime based on Chromium and Node.js. You can write native apps in HTML and JavaScript with NW.js. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all web technologies.
      • nw-angular-example - An example of integrating Angular with NW.js.
      • tauri - Create small, fast, secure, cross-platform applications.
      • wails - Build desktop applications using Go & web technologies, including [Angular](https://wails.io/docs/guides/angular/).
      • electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS.
      • neutralinojs - A lightweight and portable desktop application development framework. It lets you develop lightweight cross-platform desktop applications using JavaScript, HTML and CSS. Apps built with Neutralinojs can run on Linux, macOS, Windows, Web, and Chrome.

    • Updating Angular

      • 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.
      • ngx-boomer - This project is a straightforward utility designed to enforce rules that preserve Angular's previous naming conventions in Angular 20.
      • npx-app-updater - When a new version of your application is deployed, this library will trigger a user notification to inform them that updates are available.
      • 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-updater - A flexible and lightweight solution for managing version control and update alerts in Angular apps, featuring seamless integration with service workers.
      • Angular Caniuse - Track Angular features from preview to stable stages.
      • Angular Caniuse - Track Angular features from preview to stable stages.
      • migrations - Angular offers schematics to help update your project for you. You can convert your project to standalone components, the new control flow syntax, and more by using one of the Angular built-in schematics.
      • ng update - Use the CLI to update your project or try new Angular features by adding the `--next` flag.
      • Official website - Interactive guide to help you migrate from one version of Angular to another.

  • Framework Interoperability

    • External Integration

      • ng-storyblok - A simple way to integrate [Storyblok](https://www.storyblok.com/) into your Angular application.
      • Bloomreach Angular SDK - Provides simplified headless integration with [Bloomreach Content](https://www.bloomreach.com/en/products/content) for Angular-based applications.
      • Postcat - A lightweight, extensible API tool based on Angular and Electron.
      • angular-twitter-timeline - Angular Public Twitter Timeline Widget.
      • Otter - A highly modular framework whose goal is to provide a common platform to accelerate and facilitate the development on Angular web applications. It is split into several units to cover different aspects of these applications (localization, testing, customization, etc.). Also, to customize an application, metadata can be extracted from the application source code and injected into a CMS to manage dynamic configuration.
      • 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.
      • ngx-notion-cms - Render your Notion content through your Angular application as a CMS.
      • @elastic/apm-rum-angular - Elastic APM Real User Monitoring for Angular applications.
      • stream-chat-angular - Angular Chat SDK ➜ Stream Chat. Build a chat app with ease.
      • Sentry - A developer-first error tracking and performance monitoring platform.
      • Strich - A JavaScript library for real-time, multi-format barcode scanning directly in the web browser.
      • HyperFormula - A headless spreadsheet built in TypeScript, serving as both a parser and evaluator of spreadsheet formulas. It can be integrated into your browser.
      • DataDog - With the Datadog Angular integration, you can resolve performance issues quickly.
      • Elastic - Real User Monitoring JavaScript agent with Angular applications.
      • Pega - Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system.
      • GoodData - Integrate GoodData Visualizations into your Angular application.
      • Partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
      • Bit - Leverage Bit to build composable software.
      • angular-rsocket - This service allows you to easily connect to an [RSocket](https://rsocket.io/) server, handle streams and messages, and manage authentication tokens flexibly via a token provider.
      • foblex2D - An Angular library for 2D geometric computations, providing classes and utilities for manipulating points, lines, vectors, rectangles, arcs, and transformations. Used in `Foblex Flow` for 2D geometric operations.
      • fusio-sdk-javascript-angular - This SDK library provides a flexible way to build Angular apps using [Fusio](https://www.fusio-project.org/) as a backend. It is used by many Fusio related apps, i.e. the [backend](https://github.com/apioo/fusio-apps-backend) and [developer](https://github.com/apioo/fusio-apps-developer) app.
      • ngx-signalr-websocket - A lightweight ASP.NET SignalR client for Angular.
      • ngx-wagmi - An essential toolkit to connect your Angular app to the Blockchain, bringing powerful wallet and contract interactions to your fingertips.

    • Wrappers

      • ngx-tagify - Angular library that wraps [Tagify](https://github.com/yaireo/tagify/).
      • ngx-xapi - Lightweight Angular wrapper for [xAPI](https://xapi.com/).
      • ngx-katex - A simple Angular wrapper for [KaTeX](https://github.com/KaTeX/KaTeX).
      • ngx-viz - Simple Angular [viz.js](https://viz-js.com/) wrapper to render [DOT graphs](https://graphviz.org/doc/info/lang.html).
      • ckeditor5-angular - An official CKEditor 5 rich text editor component for Angular 2+.
      • ckeditor4-angular - An official CKEditor 4 rich text editor component for Angular 2+.
      • gojs-angular - A set of Angular components to manage [GoJS](https://gojs.net/latest/index.html) Diagrams, Palettes, and Overviews.
      • ngx-grapesjs - Angular wrapper library for [GrapesJS](https://grapesjs.com).
      • ngx-three - Use [Three.js](https://threejs.org) with your Angular project in a declarative way.
      • ngx-serializer - Angular wrapper of `@paddls/ts-serializer` library.
      • ngx-fabric-wrapper - Angular wrapper library for [Fabric](http://fabricjs.com/).
      • ngx-sentry - Angular wrapper for [Sentry JavaScript SDK](https://github.com/getsentry/sentry-javascript).
      • angular-three - Angular Renderer for [THREE.js](https://github.com/mrdoob/three.js).
      • ngx-kel-agent - Client library for Angular applications to integrate with [kel-agent](https://github.com/k0swe/kel-agent).
      • seatsio-angular - Angular wrapper for rendering [Seats.io](https://www.seats.io/) seating charts.
      • 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-surreal - Lightweight Angular wrapper for the [SurrealDB](https://surrealdb.com/) JavaScript SDK.
      • ngx-three-globe - An Angular library that provides an interactive, 3D globe visualization built using `Three.js`.
      • ngx-pendo - A simple wrapper to load Pendo in Angular.
      • ngx-filesize - Angular wrapper for [filesize.js](https://filesizejs.com/).
      • lyne-angular - Angular wrapper for the [Lyne Web Components](https://github.com/sbb-design-systems/lyne-components).
      • @interopio/ng - This [IO Connect](https://interop.io/) Angular wrapper aims to facilitate Angular developers in initializing the IO Connect JavaScript libraries and using IO Connect functionalities in their projects.
      • ngx-chessground - Angular wrapper for [chessground](https://github.com/ornicar/chessground).
      • ngx-socket-io - [Socket.IO](https://socket.io/) module for 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-barcode6 - An Angular component for Angular 9+ for creating 1-D barcodes based on [JsBarcode](https://github.com/lindell/JsBarcode).
      • ngx-xyflow - Angular wrapper of [xyflow](https://github.com/xyflow/xyflow).
      • d3-cloud-angular - D3 Cloud component for Angular built upon [d3-cloud](https://github.com/jasondavies/d3-cloud).
      • 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.
      • ng-elementum - A modern fork of `@angular/elements` that enhances the integration of Angular components with the Web Components standard.
      • ngx-neoline - Angular wrapper for [NeoLine](https://tutorial.neoline.io/) N3 dAPI: detects provider, waits for READY, and exposes typed read/write/event methods.
      • zag-angular - Angular wrapper for [zag](https://github.com/chakra-ui/zag).
      • angular-email-editor - Drag-n-drop email editor by [Unlayer](https://unlayer.com/embed) as an Angular wrapper component.
      • cytoscape-angular - A production-ready Angular library providing sophisticated graph visualization capabilities using [Cytoscape.js](https://js.cytoscape.org/).
      • ngx-virtual-select - Component to integrate [Virtual Select](https://github.com/sa-si-dev/virtual-select) in Angular.

    • Cross-Framework Integration

      • zero-angular - Angular bindings for [Zero](https://zero.rocicorp.dev/).
      • ng-react-bridge - A lightweight Angular package that enables developers to seamlessly render React components inside Angular components using a directive.
      • Stencil - Generate Angular component wrappers for your web components.
      • gong - A framework for full stack development based on Go and Angular. The Go back-end uses Gin, Gorm, and SQLite (a pure Go SQLite, no CGO needed). The Angular front-end uses Angular Material.
      • ngx-react - Embed React components or apps into Angular projects.
      • ngx-reactify - Library to make running Angular and React applications together easy.
      • @retejs/angular-plugin - This Angular plugin includes a classic preset featuring visual components for nodes, connections, sockets, and input controls. It is built on [Rete.js](https://retejs.org/), a customizable, TypeScript-first framework designed for creating processing-oriented, node-based editors.
      • detector - A zero-dependency, TypeScript-first library for fast, universal detection of platforms, frameworks, browsers, and capabilities.

  • 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 - A lightweight Angular library that lets you manage NgRx store state without writing actions, reducers, or effects manually, with built-in support for syncing to session and local storage.
      • Official GitHub repository - Reactive State for Angular.
      • Official website
      • ngrx-course - Angular University Complete Guide.
      • ngrx-store-localstorage - Simple syncing between `@ngrx/store` and local storage.
      • 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`.
      • 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.
      • easy-ngrx-distinct-selector - Provides functions to easily create `@ngrx/store` selectors with equal functions for arguments and result values.
      • 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 hides most of NgRx from the developer for CRUD operations while still using NgRx under the hood and allowing you to use it with existing NgRx code.
      • ngrx-hateoas - A library to bring hypermedia json into the NgRx Signal Store following the HATEOAS approach.
      • ngrx-http-tracking - This NgRx library is aimed at slotting into your pre-existing NgRx stores to reduce the amount of boilerplate code you need to write and make handling the loading, success, and error states of HTTP requests significantly easier.

    • Other State Libraries

      • ngx-simple-signal-store - A simple way to create signal stores with a read-only interface.
      • @tethys/store - A mini, yet powerful state management library for Angular.
      • 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.
      • ngx-signal-state - Opinionated simple state management for Angular.
      • ngx-collection - Collection State Management Service for Angular.
      • xstate - Actor-based state management & orchestration for complex app logic.
      • signalstory - A state management library based on Angular signals. It offers a range of architectural options, from simple repository-based state management (signal-in-a-service) to orchestrating decoupled commands, handling side effects through encapsulated objects, and facilitating inter-store communication using an event-driven approach.
      • 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).
      • 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.
      • ngx-sherlock - An Angular tooling library to be used with the [@politie/sherlock](https://github.com/politie/sherlock) distributed reactive state management library.
      • ng-simple-state-management - Simple state management implementation for Angular applications. This project provides several libraries for additional functionality.
      • angular-redux - Unofficial Angular bindings for [Redux](https://redux.js.org/).
      • ng - An Angular-specific extension of [@bitfiber/rx](https://github.com/bitfiber/rx) built on top of RxJS, designed to manage reactive state, asynchronous workflows, and events in Angular applications. It provides a structured approach to handling complex data flows using emitters, states, groups, and stores, allowing seamless integration of various reactive sources like emitters, states, and observables.
      • 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.
      • @ng-state/store - RxJS and Immer (or ImmutableJs) powered nested state management for Angular applications inspired by NgRx. It is simple, fast, reliable with no boilerplate. Supports signals and injectable actions.
      • ngx-statewise - A state management solution for Angular applications, offering a lighter and easier-to-use alternative to libraries like NgRx or NGXS, while maintaining a clear and predictable architecture for managing your application's state.
      • signaltree - A powerful, type-safe, modular signal-based state management solution 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.
      • 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

      • emitter - New pattern that provides the opportunity to feel free from actions.
      • select-snapshot - Flexibile decorator that allows to get a snapshot of the state.
      • 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.
      • ngxs-synchronizers - Simplifies synchronizing your NGXS-based application state with external data sources.
      • ngxs-reset-plugin - Reset plugin for NGXS: Effortlessly clears, resets, or overwrites NGXS states respecting the state tree.
      • ngxs-message-plugin - An NGXS plugin which allows you to share state between different browser contexts.
      • firestore-plugin - Firestore plugin for NGXS.
      • Official website
      • Official GitHub repository - NGXS tries to make things as simple and accessible as possible with less boilerplate and code to maintain.
      • ngxs-postmessage-plugin - NGXS plugin for state synchronization across windows or microfrontends using `postMessage`.

  • Angular Pulse

  • Third Party Components

    • Layout Components

      • angular-split - Angular split component.
      • ngx-zoomable - A zoomable, pannable container component for Angular applications.
      • ng-polymorpheus - Polymorpheus is a tiny library for polymorphic templates in Angular.
      • gui - JSON powered GUI for configurable panels.
      • ngx-flex-layout - Port of [Angular Flex Layout](https://github.com/angular/flex-layout) to provide support after EOL.
      • ngx-van - Tiny replacement for HTML nav element with mobile side nav menu built-in. Good old nav element on desktop, sliding side nav on mobile. No duplication.
      • ngx-bladex - A simplistic blade component for Angular with minimize/maximize and a close button.
      • overview - A collection of tools to make your Angular views more modular, scalable, and maintainable.
      • ngx-layout - Clone of Angular FlexLayout.
      • angular-gridster2 - Angular gridster 2.
      • angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
      • static-columns - Define columns with static width with Angular and FlexBox.
      • ngx-gridpattern - A simple component library to create a container with an pattern background.
      • ngx-retro-grid - This component creates a 3D perspective grid with customizable colors, rotation, and smooth animation, perfect for adding a nostalgic or futuristic visual effect to your application.
      • ngx-flickering-grid - A simple component library to create a container with an animated grid pattern background.
      • ngx-bottom-sheet - A highly customizable and lightweight Angular service that provides a mobile-friendly bottom sheet component.
      • 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.
      • @berg-layout/angular - This is the Angular version of [berg-layout](https://github.com/blidblid/berg-layout).
      • berg-layout - This monorepo contains versions of the [Berg Layout for Angular](https://www.npmjs.com/package/@berg-layout/angular), React, and Web Components.
      • ngx-material-drawer - Configurable Angular Material Drawer and Toolbar.

    • Data Grids

      • ngx-simple-datatables - A lightweight, high-performance Angular data table component with features like virtual scrolling, column freezing, and customizable templates.
      • jspreadsheet - A lightweight vanilla JavaScript plugin for creating interactive web-based tables and spreadsheets, [Jspreadsheet](https://bossanova.uk/jspreadsheet/docs/getting-started) is compatible with other spreadsheet software and designed to deliver a seamless experience.
      • 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.
      • ngx-flamegraph - Flame graph for stack trace visualization written in Angular.
      • 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+.
      • 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.
      • slickgrid-universal - A monorepo which includes all editors, filters, extensions, and services related to framework agnostic [SlickGrid](https://github.com/6pac/SlickGrid) usage.
      • 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!
      • 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-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.
      • angular2-smart-table - Angular Smart Data Table component.
      • revogrid - Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.
      • activereportsjs/angular-reporting-tool - A set of Angular components used for data consolidation and visualization. [ActiveReportsJS](https://developer.mescius.com/activereportsjs) is a solution used by Angular developers to embed reporting within web applications.
      • 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-grid - A professional Angular data grid.
      • ngx-tabulator-tables - Angular wrapper for the [Tabulator](https://tabulator.info/) table library.
      • ngx-list-manager - An Angular service tool to manage lists efficiently.
      • ngx-s-data-table - An Angular module for a data table that automatically maps data from a specified class. It also allows users to provide custom mappings for greater flexibility in rendering data.
      • mat-datatable - A simple data table with virtual scrolling using Angular Material.
      • @guiexpert/angular-table - Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including [Angular](https://gui.expert/getstarted/angular/).
      • @Trixwell/data-grid - An Angular component that renders data in a highly customizable and interactive data table. It supports features such as filtering, sorting, pagination, CSV export, expandable sub-grids, and integration with Angular Material components.
      • ng-virtual-grid - Maximum performance for extremely large grids.

    • Forms

      • ngx-form-m3 - Persian form library for Angular and Material 3.
      • tripetto - Tripetto's FormBuilder SDK contains fully customizable components for equipping apps and websites with a comprehensive form building and deploying solution. Follow this [quickstart](https://tripetto.com/sdk/docs/getting-started/usage-with-angular/) to use FormBuilder with Angular.
      • ngx-custom-controls - Angular library, which provides a powerful base directive (`BaseCvaImplementationDirective<T>`) that implements both `ControlValueAccessor` and `Validator` interfaces, making it easy to create custom form controls with built-in validation support for template-driven and reactive forms.
      • reactive-form-extensions - This project improves Angular's ReactiveForms with useful features like trimming inputs, showing error messages, and changing CSS classes based on validation rules, all without extra dependencies and with less code.
      • 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-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.
      • @paddls/ngx-form - Model based typed reactive forms made easy.
      • ngx-enhancy-forms - Fancy enhanced Angular forms.
      • ngx-vest-forms - A lightweight, type-safe adapter between Angular template-driven forms and [Vest.js](https://vestjs.dev/) validation. Build complex forms with unidirectional data flow, sophisticated async validations, and zero boilerplate.
      • ngx-currency - Currency mask module for Angular.
      • ngx-super-forms - This library adds some much-needed features on top of Angular forms and Reactive forms, to make it more developer friendly.
      • lite-form - A comprehensive Angular library that provides lightweight, customizable form components with built-in validation, styling, and animations.
      • angular-imask - Angular input mask.
      • ngx-formidable - A powerful Angular component library for building rich, validated forms.
      • @luistabotelho/angular-signal-forms - Simple Angular library to implement forms with signals.
      • @TanStack/form - Designed with first-class TypeScript support, headless UI components, and a framework-agnostic design, it streamlines form handling and ensures a seamless experience across various front-end frameworks.
      • @klubinskak/ngx-smart-forms - Smart, Signal-powered form state utilities for Angular 17+.
      • @pixelbyaj/ngx-form - ISO20022 Angular Forms utilizing XSD and XML to facilitate the design of ISO20022 XSD in HTML forms. Additionally, these forms aid in structuring MX messages for HTML representation.
      • ngx-forms-core - This library provides strictly typed versions of the Angular form system. The classes extend the Angular form system and provide several tools to improve type strictness.
      • ngx-focus-entities - Library for generating reactive Angular forms from a Focus4 representation generated with [TopModel](https://github.com/klee-contrib/topmodel).
      • ngx-form-object - An abstraction on top of Angular's reactive forms. It generates a form from a given model and automatically handles creation of nested forms (HasOne and HasMany model relationships).
      • ngxAccessor - This library introduces an innovative method for interacting with Angular forms and signals. While Angular 19 supports Template Driven Forms and Reactive Forms, this library offers a third approach, seamlessly integrating signals while remaining adaptable to other state management solutions.
      • angular-template-signal-forms - A modern Angular form library built from the ground up with Signals — flexible, type-safe, and fully themeable.
      • piying-view - A strongly typed frontend form solution; an alternative to `ngx-formly` and Angular's official form framework.
      • 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.

    • 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-countries-dropdown - Angular library with customizable countries dropdown component with flags, dial code, language and currency details.
      • ng-select2 - This Angular CLI module is a fork of [select2-component](https://github.com/plantain-00/select2-component).
      • ngx-color-picker - Color picker widget.
      • angular-colorful - A tiny color picker component for modern Angular apps.
      • ng-select - All in One UI Select, Multiselect and Autocomplete.
      • file-input-accessor - Angular directive that provides file input functionality in Angular forms.
      • ngx-filesaver - Simple file save with [FileSaver.js](https://github.com/eligrey/FileSaver.js).
      • ngx-bar-rating - Angular Bar Rating.
      • angular-code-input - Robust and tested code (number/chars) input component for Angular 7 - 16+ projects. Ionic 4 - 7+ is supported, can be used in iOS and Android. Clipboard events are supported.
      • 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.
      • ngx-duration-picker - Angular component for ISO_8601 durations.
      • ngx-virtual-select-field - This package replicates the Angular Material Select component with virtual scroll capabilities with help of cdk-virtual-scroll.
      • ng-country-select - A smart, multilingual country search with flags and codes.
      • ngx-np-datepicker - An Angular datepicker component that supports the Nepali calendar (Bikram Sambat). It allows users to pick Nepali dates easily, supports form integrations, and is ideal for applications needing a native Nepali date experience.
      • ngx-multi-select-input - A modern, customizable Angular standalone component for multi-term input with chips, autocomplete dropdown, and beautiful color support. Perfect for tag editors, search bars, and more!
      • rm-ng-star-rating - A fully customizable and feature-rich Angular standalone component for advanced star ratings with precision and responsive design.
      • ngx-otp-input - One time password input library for Angular.
      • ngx-morse - A simple morse code encoder and decoder for Angular.
      • 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-show-hide-password - Add split input button to password or text input. Toggles input type between "text" and "password".
      • ngx-color - Color Pickers from Sketch, Photoshop, Chrome, GitHub, X, and more.
      • ngx-input-color - `ngx-input-gradient` and `ngx-input-color` are powerful, customizable Angular components for color and gradient picking. They support multiple color formats, real-time preview, inline and input modes, and seamless integration with Angular forms.
      • ngx-phone-field - An Angular directive that provides international phone input with country flag dropdowns. It integrates with Angular forms, supporting both Reactive Forms and Template-Driven Forms.
      • ngx-rabe-star - An Angular library that provides a customizable star rating component for your Angular application.
      • 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-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-mat-table-multi-sort - Add multi-sort capability to an Angular Material table.
      • ngx-emoji-mart-next - Customizable Slack-like emoji picker.
      • ngx-mat-split-button - A split button component for Angular Material. Split buttons (also known as "split button dropdowns" in Bootstrap) have a primary action button with a conjoined dropdown toggle that opens a menu for secondary actions.
      • ng-otp-input - A fully customizable, one-time password (OTP) input component for the web built with Angular.
      • ngx-pwd - Password Strength Meter and Generator.
      • ngxsmk-datepicker - A modern, highly customizable Angular date range picker component.
      • ngx-country-selector - A sleek, customizable Angular Material country selector offering accessible dropdowns with flags, codes, local names, and more.
      • angular-datepicker2 - Lightweight Angular 16+ datepicker with standalone support, range and multi-date selection, and customizable templates—no external dependencies.
      • ngx-phone - Angular international phone number input component with automatic country detection, real-time formatting, validation, and seamless support for both reactive & template-driven forms.
      • ngx-phone-country-input - A comprehensive Angular library providing phone input and country selection components with full 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.

    • Loaders

      • ngx-signal-loading-bar - A lightweight, signal-based, zoneless loading bar for Angular.
      • 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-progressbar - Nanoscopic progress bar, featuring realistic trickle animations.
      • ngx-skeleton-loader - Make beautiful, animated loading skeletons that automatically adapt to your Angular apps.
      • ngx-source - Dynamically load JavaScript and CSS during application execution.
      • ngx-spinner-loading - A lightweight, customizable Angular loading spinner package that supports global, section-based, inline loaders, and automatic HTTP integration via interceptors. Built with Angular standalone components and signal-based state.
      • 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.
      • ngx-fastboot - A dynamic configuration loader for Angular applications. It optimizes the startup performance by loading configurations in a separate chunk during compilation.
      • groupix-spinner-library - A lightweight Angular spinner library for seamless loading animations!
      • nx-svg-loaders - Angular, React, Svelte, Vue SVG loader/spinner collection.
      • ngx-spinner - A library for loading spinner for Angular.
      • dotglitch-ngx - Highly customizable lazy loader for Angular components.
      • square-progress - Square progress bar with animation.
      • ng-loading-skeleton - A lightweight and customizable Angular loading skeleton component.
      • skeletonizer - A lightweight package that provides a simple way to create skeletonized views for your application. It has adapters for Vue and Angular and is highly customizable and easy to use.
      • ngx-loading-page - A sleek, adaptable loading page component featuring various loader styles, dynamic themes, customizable backgrounds, and a responsive card design built with Bootstrap.
      • ng-overlay-skeleton-loader - A lightweight Angular directive to add customizable skeleton loading states to your components.
      • ngxsmk-skeleton-loader - A lightweight skeleton loader featuring SCSS animations and easy theming.
      • skeleton-styler - A lightweight, framework-agnostic library to generate skeleton loading UIs with customizable styles and animations.
      • ngx-loader - Basic loader paired with a service for state management.
      • ngx-ui-loader - A versatile and customizable loader/spinner for Angular, offering foreground and background modes, progress bars, and multi-loader capabilities.

    • Markdown

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

    • Mixed Utilities

      • ngx-primeng-toolkit - A comprehensive TypeScript utility library for Angular component state management, including PrimeNG table helpers, `ng-select` integration, data storage, and HTTP caching utilities with NgRx signals.
      • ngx-utility - Various helpers for forms, zones, DOM manipulation, HTTP requests, and more.
      • angular-ru-sdk - A set of tool chains that implement common interaction patterns while being unopinionated about their presentation. It represents an abstraction of the core functionalities found in Angular.
      • ngx-common - A collection of useful features to enhance your Angular apps.
      • rx-angular - RxAngular offers a toolkit for handling fully reactive apps with the main focus on runtime 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 - Reactive components made easy! Lithium provides utilities that enable seamless reactive state and event interactions for Angular components.
      • rxweb - Tons of extensively featured packages for Angular, Vue and React Projects.
      • ngspot - Collection of awesome Angular libraries.
      • ts-cacheable - A popular platform-agnostic caching library.
      • ngxtension-platform - Utilities for Angular.
      • ngify - Use Angular features outside of Angular.
      • 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.
      • ngx-lift - This project has been crafted to enhance and simplify your Angular development experience. In the dynamic web development landscape, Angular stands out as a robust framework, and `ngx-lift` and `clr-lift` complement it by offering a collection of utilities, operators, and components.
      • 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.
      • 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-kit - Utilities for Angular Framework.
      • ng-tool-collection - Useful Tools written in Angular.
      • reactive-kit - A lightweight set of utilities that make reactive Angular apps more enjoyable and less boilerplate-heavy. Works great alongside `ngxtension`.
      • angular-toolbox - A library that provides useful tools for Angular apps development.
      • ngx-oneforall - An Angular library with reusable pipes, directives, services, decorators, constants, enums, and more.
      • mmstack - A monorepo for mmstack libraries.
      • @tomaszatoo/ngx-libs - Repository for some useful Angular libraries, such as [ngx-timer](https://www.npmjs.com/package/@tomaszatoo/ngx-timer).
      • ngx-signals-plus - Additional Signals to improve developer experience.
      • firestitch - A wide range of open-source Angular solutions is available from [Firestitch](https://firestitch.com/).
      • @shanieMoonlight/moonlight-repo - This monorepo contains a collection of open source Angular libraries and utilities developed by SpiderBaby, along with demo applications showcasing their usage.
      • @jchpro/ng - Monorepo of various libraries for Angular. Visit [example page](https://ng.jchpro.pl/) for more info.
      • xprng - Micro packages of simple and smart components for Angular.
      • yaagoub - Accelerate your development with decorators, directives, icons, services, and OAuth 2.0.
      • angular-signal-generators - Streamline your development with Angular Signal Generators, a library of signals and utilities designed to replace common patterns for faster, cleaner code.
      • nxt-components - A collection of various Angular components.
      • @studiohyperdrive/ngx-tools - A mono-repo providing several of the Angular based packages created and maintained by the [Studio Hyperdrive](https://studiohyperdrive.be/) team.
      • @everllence/ngx-tools - This repository contains a collection of libraries is designed to elevate your Angular development experience.
      • rxap - Reactive Application Platform, or RxAP for short, is a collection of software modules and tools. With the help of RxAP, the development effort of web and cloud applications can be significantly reduced.
      • ng-util - A set of Angular utilities.
      • fireng - A collection of Angular libraries to simplify responsive development using signals.
      • spartan - Cutting-edge tools powering Angular full-stack development.
      • @ibenvandeveire opensource - A monorepo hosting multiple packages—both Angular and non-Angular—developed and maintained by [Iben Van de Veire](https://github.com/IbenTesara).
      • @farfadev/ngx-lib - A repository of Angular libraries—including components, services, and more—commonly used across [Farfadev](https://github.com/farfadev) applications, but available for use in any other app.
      • ngx-security - A modular Angular library for authentication, roles, and permissions management.

    • Scroll

      • ngx-horizontal-menu-scroll - A lightweight, customizable Angular library for creating beautiful horizontal scrolling menus with smooth navigation controls.
      • ngx-scroll-top - Configurable, lightweight back to top button for Angular projects.
      • ngx-ui-scroll - Virtual/infinite scroll for Angular.
      • ngx-page-scroll - Animated scrolling functionality for Angular written in pure TypeScript.
      • ngx-scroll-animations - This minimalistic Angular directive, free from external dependencies, empowers you to effortlessly implement CSS animations on elements. These animations trigger when an element comes into view through scrolling on the page. It seamlessly integrates with your choice of CSS animations.
      • 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 - A JavaScript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
      • 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 - This component offers a custom scrollbar with smooth scrolling functionality and allows for full control over its appearance through styling.
      • simplebar - Custom scrollbars vanilla JavaScript library with native scroll, done simple, lightweight, easy to use and cross-browser.
      • ngx-responsive-virtual-scroll - A fast and lightweight virtual scrolling solution for Angular that supports single column lists, responsive grid lists, and view caching.
      • ngx-virtual-scroller-flexible - A ultra-fast and flexible virtual scroller, which can render an unlimited set of items with different heights perfectly.
      • ngx-perfect-scrollbar-portable - Angular wrapper library for Perfect Scrollbar.
      • ng-virtual-list - Maximum performance for extremely large lists. It is based on algorithms for virtualization of screen objects.
      • 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.
      • 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.
      • horizontal-scroller - Infinite horizontal scroller for Angular apps using Tailwind.
      • usal - Framework agnostic ultimate scroll animation library.

    • 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.
      • mantic-ui - Angular components for [Semantic UI](https://semantic-ui.com/) and [Fomantic UI](https://fomantic-ui.com/).
      • Nebular - Customizable Angular UI Library based on Eva Design System.
      • ej2-angular-ui-components - Syncfusion Angular UI Components library has been built from the ground up to be lightweight, responsive, modular and touch friendly. It offers 70+ UI components that every applications will ever need.
      • 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.
      • ng-devui - Angular UI Component Library based on DevUI Design.
      • ng-aquila - Aquila is an open-source component library provided by the Allianz Global Digital Factory (GDF). We use this library internally with Allianz branding. Here we provide a white label variant of these components.
      • Taiga UI - Powerful set of open source components for Angular!
      • enterprise-ng - Angular wrappers for IDS Enterprise components.
      • oblique - An Angular front-end framework Tailored for your swiss branded business web application, Oblique provides a standardized corporate design look and feel as well as a collection of ready-to-use Angular components.
      • 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.
      • sbb-angular - Angular Library for SBB.
      • 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.
      • winonang - Part of the Winona UI suite, aimed at providing seamless UI components for Angular developers. Our goal is to ensure that these components work flawlessly on Windows, but they are designed to be cross-platform compatible as well.
      • carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
      • onega-ui - A modern and stylish UI kit that offers a wide range of UI components and elements to create professional and attractive websites.
      • 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) is a collection of standalone components that you can simply install and use in your Angular projects. It primarily features components, blocks, and templates geared towards creating landing pages and user-facing marketing materials.
      • tableau-ui-angular - A third-party component library that brings Tableau-style components to Angular.
      • quix-quang - Angular component and utility library developed by [Quix Srl](https://www.quixconsulting.com/).
      • @koobiq/angular-components - An open-source design system for designers and developers, focused on designing products related to information security. Gives you access to a broad range of UI patterns, UI components, design tools, resources, and content guidelines to accelerate collaboration.
      • kage-ui - A lightweight, flexible Angular component library inspired by border-first design systems. It offers a clean set of reusable UI components to help developers build scalable and consistent user interfaces effortlessly.
      • ngx-vflow - An open source library to build node-based UI with Angular.
      • Syncfusion - Its [Essential UI Kit for Angular](https://github.com/syncfusion/essential-ui-kit-for-angular) is compatible with both Tailwind CSS and Bootstrap.
      • orchestrator - Extensible orchestrator for UI and forms for Angular.
      • dyte-io/ui-kit - Dyte's UI Kit is a prebuilt design library of UI components that makes it easy to integrate video and voice calls into any app or website within minutes.
      • po-angular - Component library based on Angular. Documentation in Portuguese.
      • @ng-verse/ui - A collection of feature-rich Angular components, directives, and pipes. Unlike traditional UI libraries, it requires no installation—just copy and paste what you need into your project. Check the [docs](https://ui.ngverse.dev/) for more.
      • 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.
      • ngx-nighthawk - It offers a comprehensive set of components that are highly configurable and user-friendly. This package integrates the best open-source tools, such as Bootstrip — a streamlined version of Bootstrap that focuses solely on Grid and Utility features.
      • @nexcraft/forge - Framework-agnostic Web Components UI library. Works in Angular via custom elements.
      • zardui - A collection of beautiful and accessible components for Angular based in [shadcn-ui](https://github.com/shadcn-ui/ui) and NG-ZORRO. Fully open source and free.
      • Vega - Expedite feature development by leveraging reusable components and styles tailored to your preferred framework.
      • 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.
      • flexi-ui - [Flexi UI](https://flexi-ui.ecnorow.com/) provides a collection of reusable, visually appealing, and functional UI components to help you create modern and impressive front-end applications effortlessly. The library is fully customizable and open-source, making it accessible for everyone to use and contribute.
      • @jean-merelis/angular-components - A library of reusable Angular components and utilities that provides high-quality UI elements for your applications.
      • 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 simplifies integration of [GC Design System](https://design-system.alpha.canada.ca/) web components into Angular by providing wrappers that optimize change detection and support ngModel and reactive forms.
      • particle-ng - A lightweight, themeable component library offering flexible, high-control alternatives to Angular Material and PrimeNG.
      • ngx-kit-ui - Modern Angular UI library for mobile and web.

    • JSON Forms

      • jsonforms-angular-seed - Angular-based JSON Forms seed app.
      • jsonforms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
      • 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.
      • ng-formworks - An Angular [JSON Schema](https://json-schema.org/) Form builder, similar to, and mostly API compatible with, [Angular Schema Form](http://schemaform.io/examples/bootstrap-example.html), [React JSON Schema Form](https://rjsf-team.github.io/react-jsonschema-form/), and [JSON Form](https://ulion.github.io/jsonform/playground/).
      • DynamicAngularForm - Create dynamic form by passing a JSON with associated values.
      • dynamic-forms - Angular project for dynamic forms based on JSON.
      • json-forms-zorro-wrapper - Ng Zorro wrapper for json forms library.
      • ngx-formwork - This package provides a framework for creating Angular Reactive Forms, based on a configuration. This configuration can come from a server in the form of JSON or directly from an object written in TypeScript.

    • Animations

      • ngx-countUp - Animates a numerical value by counting to it.
      • ngx-dotlottie-web - Angular JavaScript library for rendering Lottie and dotLottie animations in Node.js and web environments.
      • 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-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 that provides a dynamic gradient animation effect for text. This component allows you to display text with a smooth, animated gradient that transitions between two customizable colors.
      • ngx-ripple - This component creates an expanding ripple effect with customizable color, border, and animation duration. Perfect for adding an interactive and engaging effect to backgrounds or containers in your application.
      • 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-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-aurora - An Angular library that creates a mesmerizing aurora background effect. This component provides an animated, gradient-based light effect with customizable inversion and two different animation styles.
      • ngx-spotlight - An Angular library that creates a spotlight effect using SVG animations. The component highlights sections of your page when they enter the viewport, with customizable spotlight colors and optional animations.
      • 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-animated-counter - BugSplat's library provides simple count up and count down number animations.
      • ngx-dom-confetti - Celebrate success with dom confetti on Angular projects!
      • 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.
      • 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-shiny-text - An Angular library that provides a shimmering text animation effect.
      • ngx-shine-border - An Angular library that provides a dynamic and customizable animated border effect for Angular components.
      • ngx-dotpattern - An Angular library that provides a customizable dot pattern background effect for your Angular components.
      • ngx-particles - An Angular library that provides a dynamic and interactive particle animation effect. The particles respond to mouse movements, creating a visually engaging and customizable background for your Angular components.

    • Captcha

      • ngx-turnstile - Cloudflare Turnstile for Angular.
      • ng-hcaptcha - Provides an easy to use component for [hCaptcha](https://hcaptcha.com/).
      • angular-yandex-smart-captcha - This library adds the Yandex SmartCaptcha component to your Angular application, providing an easy way to integrate CAPTCHA protection into your forms and other user interactions.
      • 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-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-numeric-captcha - A modern, lightweight Angular CAPTCHA library featuring multiple verification challenges.
      • @semantic-components/re-captcha - Angular 19+ integration of Google's reCAPTCHA using **signal inputs** and **standalone components**.
      • 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) into your applications. This package provides Angular components that wrap the Yandex SmartCaptcha JavaScript library, supporting both standard and invisible captchas. It leverages Angular's reactive forms (via ControlValueAccessor and Validator) and modern features like signals and effects (with zoneless support).
      • ngx-slider-recaptcha - Customizable Angular library that provides a slider-based CAPTCHA component to help secure forms from spam and bot submissions.
      • ngx-easy-captcha - Easy captcha implementation for both Google Recaptcha and Cloudflare Turnstile.
      • ng-cloudflare-turnstile - An intuitive, lightweight and easy to integrate [Cloudflare turnstile](https://developers.cloudflare.com/turnstile/) component for Angular.
      • altcha - GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter.
      • ngx-dice-captcha - A dynamic 3D CAPTCHA library featuring dice-based interaction and lifelike physics powered by Three.js and Cannon-es.

    • Cookies

      • 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-gdpr-cookie-consent - A beautiful Cookie consent library, easy to use.
      • ngx-cookie-service - Angular service for cookies. Originally based on the [ng2-cookies](https://github.com/BCJTI/ng2-cookies) library.
      • ngx-cookieconsent - Cookie Consent module for Angular.
      • ngx-cookie-consent - Angular multi-language module to display a cookie consent banner without other dependencies.
      • ngx-cookie-ssr - A straightforward cookie service for Angular 19 applications, inspired by ngx-cookie-service.

    • Pipes

      • ngx-func-pipe - A simple and lightweight Angular pipe that allows you to call a function directly from your Angular templates.
      • ng-generic-pipe - Generic pipe for Angular application.
      • safe-pipe - Angular pipe for sanitizing your unsafe content.
      • ngx-pipes-toolkit - A complementary pipes library for Angular.
      • ngx-search-pipe - A search pipe for Angular that filters a collection of objects based on a specified search term, designed to work seamlessly with signals.
      • memoize-pipe - A universal pipe for memoizing computations in Angular templates.
      • ngx-number-to-words - An Angular library that provides a simple and effective pipe to convert numbers into their respective word representations. This is particularly useful for applications that need to display numbers in words, such as invoices, reports, or financial applications.
      • ngx-pipe-lib - Common Angular pipe examples for your day to day tasks.
      • ng-dompurify - This library implements [DOMPurify](https://github.com/cure53/DOMPurify) as Angular Sanitizer or Pipe. It delegates sanitizing to DOMPurify and supports the same configuration.
      • ngx-signal-pipes - Transform Angular signals with functional pipes.
      • 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.

    • Icons

      • ngx-x-browser-svg-mask - Directive to easily achieve cross browser compliance while creating SVG masks.
      • angular-tabler-icons - This package allows you to use the [Tabler Icons](https://tabler.io/icons) in your Angular applications.
      • ngx-fast-svg - SVGs, fast and developer friendly in Angular.
      • 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.
      • angular-svg-icon - Angular component and service for inlining SVGs allowing them to be easily styled with CSS.
      • @ngneat/svg-icon - A lightweight library that makes it easier to use SVG icons in your Angular Application.
      • Angular-Svg-Sprite - Simplify SVG icon usage in your Angular project! Enhance the flexibility and manageability of your Angular project by using SVG sprites.
      • ng-hero-icons - Use [Heroicons](https://heroicons.com) in your Angular application.
      • ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons.
      • angular-remix-icon - Angular wrapper for Remixicon icon library.
      • angular-line-awesome - Angular Line Awesome is an Angular component to manage [Line Awesome](https://icons8.com/line-awesome) icons.
      • lucide - An open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. The library aims to make it easier for designers and developers to incorporate icons into their Angular projects by providing an [official package](https://lucide.dev/guide/packages/lucide-angular).
      • chill-wind-icons - Dynamic Angular icon library with native Tailwind CSS support, tree-shakeable icon data, and built from Iconoir SVGs.
      • @TSB04/svg-icon - A framework-agnostic, customizable, and lightweight SVG icon package for React, Vue, Angular, and other JavaScript frameworks.
      • ngxi - A comprehensive collection of SVG icons for Angular applications that provides seamless integration with thousands of popular icons.
      • angular-techs-logos - Library of tech related icons.
      • primeicons - The default icon library of PrimeNG with over 250 open source icons developed by PrimeTek.
      • ic-on - The future of iconing.
      • coolshapes - An Angular library aiming at allowing developers to use cool-looking abstract shapes with little grainy gradients from [coolshapes](https://coolshap.es/).
      • 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.
      • angular-phosphor-icons - Set of components designed for utilizing [Phosphor Icons](https://phosphoricons.com/) in Angular via directives.
      • @ngverse/icons - Angular library that allows you to use popular open-source icons as regular components.

    • Maps

      • angular-yandex-maps - Yandex.Maps Angular components that implement the Yandex.Maps JavaScript API.
      • cesium-angular-example - A simple web application that demonstrates integration of [Cesium](https://cesium.com) with the LATEST version of Angular.
      • ngx-mapbox-gl - Angular binding of mapbox-gl-js.
      • ng-maps - Modular map components for Angular.
      • ngx-leaflet - Core Leaflet package for Angular.
      • ngx-maplibre-gl - Angular binding of maplibre-gl.
      • ngx-leaflet-markercluster - Provides [leaflet.markercluster](https://github.com/Leaflet/Leaflet.markercluster) integration into Angular projects.
      • HERE maps API for JavaScript - You can integrate [HERE Maps](https://www.here.com/) with Angular to display interactive maps, geocode addresses, calculate routes, and more, all within the context of your Angular application.
      • ng-azure-maps - An Angular library, mostly an HTML-driven wrapper of the azure-maps-controls package, allowing you to easily integrate its functionalities into an Angular application.
      • ngx-gaia-gis - An Angular service that simplifies map creation and interaction using the powerful [OpenLayers](https://openlayers.org/) library.
      • ngx-google-maps-places - Wrapper for new Google Maps Places API, making it easier to integrate Google Places functionality into Angular applications.

    • QR Codes

      • ngx-scan-detect - Detects barcode or QR code scanning on document and emits the scanned code.
      • ngx-kjua - Angular QR-Code generator component using [kjua](https://github.com/lrsjng/kjua).
      • ng-qrcode-svg - Simple QR code generator (SVG only) for Angular.
      • ng-qrcode - Easy to use AOT compatible QR code generator for Angular projects.
      • dfts-qrcode - A tiny and simple-to-use JavaScript / TypeScript QR-Code generator library. Fully type-safe and ES modules compatible.
      • ngx-scanner - Angular QR code, Barcode, DataMatrix, scanner component using ZXing.
      • ngx-qrcode-generator - An Angular component that generates QR codes using the [QRious](https://github.com/neocotic/qrious) library.
      • ngx-scanner-qrcode - This library is built to provide a solution scanner QR code. This library takes in raw images and will locate, extract, and parse any QR code found within.
      • 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.
      • angularx-qrcode - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library.
      • 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.
      • 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.
      • angular-audio-context - An Angular wrapper for the Web Audio API's AudioContext.
      • Vidstack - A framework and collection of UI components for building and managing custom media players on the web. You can use this library to build your own player (see our examples), or use our production-ready Default Layout and customize it to match your brand and site. See this [installation guide](https://www.vidstack.io/docs/player/getting-started/installation/angular?styling=default-layout&provider=video).
      • velt - Add AI powered collaboration features ridiculously fast.
      • cometchat-uikit-angular - [CometChat](https://www.cometchat.com/) Angular UI Kit provides pre-built user interface kit that developers can use to quickly integrate a reliable & fully featured chat experience into an existing or a new app.
      • ngx-lite-video-v2 - An updated fork of [ngx-lite-video](https://github.com/karim-mamdouh/ngx-lite-video), an Angular package that provides lazy loading capabilities for embedded iframes from popular video-sharing platforms like YouTube and Vimeo.
      • @poseclop/ngx-video-player - A lightweight video player component that emulates YouTube.
      • @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.
      • voicecapture-angular - The library offers customizable options for handling voice input and transcription, making it a flexible solution for enhancing user interfaces.
      • silicon-audio-wave - Very simple audio wave system from Silicon.
      • byteark-player-angular - Player Container from [ByteArk](https://www.byteark.com/).
      • ngx-cam-shoot - A streamlined Angular component that simplifies using your device's camera and accelerates image capture and saving.

    • UI Library and Framework Ionic

      • ionic-component-snippets - This repository showcases demos and libraries that aren't officially supported by Ionic yet, but can be useful for developers and their apps.
      • Official GitHub repository
      • awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
      • 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.
      • Ionic Academy - The fastest way to learn Ionic.
      • ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
      • 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-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.
      • ionx-search-select - A modern search & select component for Angular and Ionic. Built with standalone components, Angular signals, and full `ControlValueAccessor` support.
      • ionic-state - Provides utilities for working with state in Ionic applications.
      • ionic-angular-collect-icons - This library is used to uniquely group the ionIcons in a project, and generate for export ionIcons file. In small projects, it is difficult to manage addIcons() of ionIcons each time, so we automated it.
      • Official website
      • simplici-auth-angular-ionic - A powerful Angular library designed to seamlessly integrate social authentication into your Ionic/Angular applications. It supports a wide range of providers including Google, Microsoft, Facebook, and Apple, with optimized compatibility for both web and native mobile platforms (iOS/Android) using Capacitor or Cordova.
      • ionic-insta-api-wrapper - Lightweight library for fetching Instagram content—Stories, Reels, Highlights, posts, profiles—with login and cookie support, built for Ionic/Cordova using native HTTP.

    • Dates

      • ngx-prayertimes-api - An Angular API client for [Prayer Times API](https://aladhan.com/prayer-times-api).
      • ngx-mat-timepicker - A true material timepicker.
      • 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.
      • ngx-timeline - A simple component library to add an animated timeline view.
      • time2blocks-ngx - Angular lib to identify which time is associated with a Blockchain block in the past (and format it).
      • 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 date range picker component with advanced functionality and Material Design support. It allows for easy date range selection with customizable options and is simple to integrate.
      • angular-material-jalali-datepicker-adapter - A comprehensive Angular library that provides Jalali (Persian/Solar Hijri/Shamsi) date adapter for Angular Material datepicker component.
      • 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.
      • dhutaryan/ngx-mat-timepicker - Material timepicker based on material design.
      • frxjs-Ngx-Timeline - This library allows you to integrate a timeline in your Angular app.
      • ngx-vertical-timeline - An Angular component for creating a responsive vertical timeline.
      • ngx-timeago - Dynamic timestamp rendering in Angular.
      • ngx-date-fns - [Date-fns](https://date-fns.org/) pipes for Angular.
      • mat-datetimepicker - Material datetimepicker for `@angular/material`.
      • ngx-chronica - A comprehensive Angular library providing six specialized date and time picker components that fill critical gaps in the Angular ecosystem.

    • Router

      • ngx-hover-preload - Preload Angular lazy-loaded routes on mouse over.
      • ngx-multi-level-push-menu - A modern, accessible Angular component for responsive multi-level push menus with extensive customization options.
      • 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.
      • xng-breadcrumb - Zero config breadcrumb solution. A lightweight, configurable and reactive breadcrumbs for Angular 6 and beyond.
      • 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`.
      • ui-router - State-based routing in Angular is enabled through [UI-Router for Angular](https://ui-router.github.io).
      • olt-ngx-breadcrumbs - Angular Library for generating breadcrumbs based on the routing state.
      • ngx-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.
      • ngx-href - A directive that allows href to understand Angular's router while retaining its default functionality.
      • ngx-back-button - A library for handling proper Angular back button capability.
      • ngx-foresight - An Angular integration of [ForesightJS](https://foresightjs.com/) that offers a router preloading strategy by intelligently preloading lazy-loaded modules based on user intent predictions derived from mouse and keyboard interactions.
      • angular-router-menus - Enhance your Angular app's navigation by defining menu entries directly within the route. With full typing and customization based on your requirements, you can create multiple navigations effortlessly. Nested menus allow for dynamic dropdowns, while all menus are generated and injected into various injection tokens for easy access anywhere in your application.

    • Calendars

      • ngx-calendario - An Angular library for displaying customizable calendars with event support.
      • ngx-calendar-widget - A lightweight, customizable, and feature-rich calendar widget designed to simplify event management and scheduling in your Angular applications.
      • angular-calendar-timeline - A timeline for Angular 13+ that shows tasks or events on a timeline in different modes: days, weeks, and months. This library is pretty small and DOESN'T use big dependencies like JQuery or Moment.js. Library also supports SSR.
      • @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-resource-calendar - Angular resource calendar library.
      • ngx-strip-calendar - Strip calendar component for Angular 17+.
      • schedule-x - Material design event calendar.
      • timegrid-angular - Angular wrapper for the [HexaFlexa](https://hexaflexa.com/) Timegrid web component.
      • angular-calendar - A flexible calendar component for Angular 15+ that can display events on a month, week, or day view.

    • Drag and Drop

      • angular-mixed-cdk-drag-drop - Angular Directive to support mixed orientation drag drop using Angular CDK.
      • ng-keyboard-sort - Library to add keyboard commands for elements that also use CDK drag and drop sorting.
      • @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-drag-drop - Angular directives using the native HTML Drag And Drop API.
      • @hackingharold/ngx-dropzone - The missing file input component for Angular Material.
      • ng-dnd - Drag and Drop for Angular.
      • ngx-file-drag-drop - Angular material file input component which lets the user drag and drop files, or select files with the native file picker.
      • angular cdk - The `@angular/cdk/drag-drop` module provides you with a way to easily and declaratively create drag-and-drop interfaces.
      • ngx-swapy - A simple component library to get a drag and drop DOM through the help of [Swapy](https://github.com/TahaSh/swapy).
      • angular-drag-drop-layout - A lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality.
      • ngx-draggable-dom - Angular attribute directive that causes any element to become a draggable element.
      • ngx-puzzle - Drag-and-drop dashboard builder for Angular applications.
      • ngx-draggable-widget-kama - Reworked [ngx-draggable-widget](https://github.com/arup-banerjee/ngx-draggable-widget) for better support.
      • ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements.
      • cdk-drag-snap-to-point - A demo to showcase cdkDrag features to achieve drop only on certain points.
      • 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.

    • Notifications

      • angular-toaster - Updated fork of [Angular2-Toaster](https://github.com/Stabzs/Angular2-Toaster).
      • ng-toast-service - A simple, customizable notification service for Angular applications. This service shows notifications that slide onto the screen with configurable behavior.
      • ngx-toastr - Notifications/Toastr.
      • ng-fast-toast - A fast and lightweight library for Angular 18+, also compatible with Ionic projects (based on Angular), that makes handling alerts and notifications effortless. Styled with Tailwind, but built for production with a fully agnostic approach using Shadow DOM.
      • alert-bar-library - Display contextual messages (success, info, warning, error) with clean, accessible styles that match modern web apps with this library.
      • angular-bootstrap-toast-service - Angular project for sending Bootstrap based toast notifications including Vercel deployment.
      • hot-toast - Smoking hot toast notifications for Angular.
      • ngx-french-toast - A lightweight and customizable toast library for your Angular 14+ applications. Show informative toast messages to enhance user experience and provide important feedback or collect data with dynamically imported components.
      • ngx-notifier - A Simple Notification Service for Angular applications.
      • 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-notifier - Lightweight, customizable toast notifications for Angular 20+. A modern replacement for toastr with Angular Material design and flexible APIs.
      • angular-notification - A singleton, global Angular service to programmatically show notifications.
      • notifyx - A simple, customizable toast library for JavaScript/TypeScript with zero dependencies.
      • web-notifier - A lightweight and flexible web notification library that provides a simple API for handling browser notifications using RxJS observables.
      • OneSignal - With [onesignal-ngx](https://github.com/OneSignal/onesignal-ngx), you can integrate OneSignal, world's leader for Mobile Push Notifications, Web Push, and In-App Messaging, into your Angular app.
      • grand-notifications - Beautiful, customizable toast notifications with artistic animations.
      • toastify - Lightweight and customizable toast notifications for web applications.
      • ngx-notifications - Simple notifications module for Angular.
      • ngx-modern-alerts - This library provides a flexible system for displaying banner and floating alerts (notifications), complete with a notification hub, timeouts, custom actions, and more.

    • UI Libraries built on Tailwind CSS

      • simui - Beautiful Angular UI components built with Tailwind CSS and Spartan.
      • angular-superui - A comprehensive, modern, and accessible Angular UI component library that transforms how you build Angular applications. Built with Tailwind CSS v4, TypeScript, and Angular 17+ Signals, it provides 50+ production-ready components with local-first architecture.
      • Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
      • koala-ui - A modern and accessible component library designed to speed up interface development.
      • nicacoder-ng - A centralized library of customizable Angular components designed to speed up development and maintain consistency across internal projects.
      • tailwind-ng - An open source UI components library that aims to provide a seamless and robust integration of Tailwind CSS components with Angular to make building a great UI easier and joyful at any scale.
      • 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.
      • Tailkit UI - Carefully crafted, easy to customize, fully responsive Tailwind CSS Components, Templates and Tools for your Tailwind CSS based projects.
      • zapui - Build sleek, scalable, and cohesive Angular applications effortlessly with a Tailwind-powered design system from [zap:ui](https://zapui.togethercreative.co.uk/).
      • Metronic - A comprehensive toolkit of UI components built with Tailwind CSS, enabling you to create modern, scalable web applications quickly and efficiently.
      • 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.
      • Rectangle UI - A code-first UI component library for Angular.
      • synerity-ui - A comprehensive, enterprise-grade Angular 20+ component library offering 90+ accessible, performant components styled with Tailwind CSS for modern web applications.
      • ngx-tw - A comprehensive component library built with Tailwind CSS, providing a modern and customizable set of UI components for Angular applications.
      • seacotools - A library designed for modern Angular applications, offering a suite of reusable UI components and services compatible with Tailwind CSS.
      • PrimeBlocks - Professionally designed UI blocks tailored for rapid application development.
      • semantic-components - Modular, reusable UI elements built with Angular CDK and Tailwind CSS that prioritize semantic HTML and accessibility, delivering lightweight, flexible, and maintainable interfaces with full A11y support.

    • UI Primitives

      • vacui-ui - A headless Angular library of utility-first, primitives, low-level directives as foundational elements.
      • primitives - Angular port of [Radix UI](https://www.radix-ui.com/) Primitives. Accessible. Customizable.
      • ng-primitives - A low-level UI component library with a focus on accessibility, customization, and developer experience.
      • ngx-headless - A collection of Headless Libraries for Angular — fully standalone, accessible, and style-agnostic primitives inspired by [Headless UI](https://headlessui.com) & [FormKit](https://formkit.com).
      • ngbase - A lightweight, flexible UI primitives library for Angular. It provides unstyled foundational Directives and components that developers can customize to match their design systems.

    • Viewers

      • ngx-voyage - File Explorer for Angular and PrimeNG.
      • ngx-treeview2 - An Angular treeview component with checkbox.
      • ng2-pdf-viewer - PDF viewer component.
      • 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-schema-viewer - JSON Schema Viewer in Angular.
      • ng2-pdfjs-viewer - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).
      • ngx-serial-console - Angular component and service to monitor output from a serial device.
      • json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences!
      • ngx-json-treeview - A collapsible JSON tree view for Angular.
      • ng-pdf-renderer - A modern, zero-configuration PDF viewer for Angular applications with intelligent auto-fit, text selection, and responsive design.
      • ngx-json-diff-viewer - Angular component for visually displaying the differences between two JSON objects.
      • file-viewer - A powerful, universal file previewer library for Angular applications with support for PDF, images, documents, spreadsheets, and more.
      • ngx-profile-comparison - A high-quality, production-ready Angular component library that visually compares two user profiles by highlighting their similarities and differences.
      • ngx-universal-viewer - A powerful and versatile Angular component for viewing multiple file formats including PDF, Word (DOC/DOCX), Excel (XLS/XLSX), and PowerPoint (PPT/PPTX) files with both continuous scroll and page-by-page view modes.
      • 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).

    • Carousels

      • ngx-slick-carousel - Angular 17+ wrapper for slick plugin.
      • ngu-carousel - Angular Universal carousel.
      • ng-image-slider - Angular Image Slider with Lightbox.
      • ngx-splide - Splide.js integration to Angular.
      • ngx-owl-carousel-o - `owl-carousel` for Angular >=6.
      • angular2-image-gallery - Image Gallery built with Angular 17+, Node.js and GraphicsMagick.
      • 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+).
      • 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).
      • 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/).
      • egjs-flicking - Flicking Angular Quick Start.
      • @daelmaak/ngx-gallery - Small, performant, responsive, dependency free, easy to use Angular 8+ gallery.
      • @vinlos/ngx-gallery - A simple native gallery component for Angular 16+.
      • @MurhafSousli/ngx-gallery - Angular Gallery, Carousel and Lightbox.
      • ngx-slider - Self-contained, mobile friendly slider component for Angular based on [angularjs-slider](https://github.com/angular-slider/angularjs-slider).

    • DOM

      • ngx-mutation-observer - Get Angular 8+ events fired when an element is mutated in the DOM.
      • angular-paginator - Pagination Component for Angular applications.
      • ng-lock - Angular decorator to lock a function and user interface while a task is running.
      • ngx-fittext - An Angular library that allows you fit text in a box or a line.
      • 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 - A versatile Angular component that provides a smooth fading and sliding effect for its content as it enters or leaves the viewport. This component uses the Intersection Observer API.
      • ngx-sharebuttons - Angular share buttons.
      • ng-helpers - A collection of useful components, directives and pipes for Angular.
      • ngx-annotate-text - This Angular component library is perfect for tasks like visualizing named entity recognition, part of speech tagging, or annotating text datasets. It allows for interactively highlighting and annotating parts of text.
      • ngx-optimus - An Angular library dedicated to providing a collection of useful custom pipes to transform data in your templates. This library aims to simplify common data formatting tasks and keep your component logic cleaner.
      • ngx-ellipsis - Multiline text with ellipsis for Angular 9+.
      • ngx-highlightjs - Instant code highlighting, auto-detect language, super easy to use!
      • ngx-interpolation - An Angular lightweight library to interprate string interpolation expressions.
      • ng-dynamic-component - Dynamic components with full life-cycle support for inputs and outputs for Angular.
      • ng-gd - An easy way to manage a canvas element with support for mouse or tablet events.
      • pyno-date - A lightweight Angular library for converting and formatting Jalali and Gregorian dates.

    • Directives

      • ng-let - Structural directive for sharing data as local variable into HTML component template.
      • ng-for-track-by-property - Angular global `trackBy` property directive with strict type checking.
      • ngx-repeat - Angular directive for repeating HTML element by count.
      • ngx-fixed-footer - Angular directive that adds fixed footer without overlap.
      • 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-nullish - Angular Structural Directive, which replaces `*ngIf` with Nullish Coalescing operator.
      • ngx-responsive-if - An Angular structural directive for conditional rendering based on media queries.
      • ngx-nullable - This library provides a way to make properties nullable in Angular templates.
      • ngx-if-platform - Directive for conditional display based on platform.
      • ngx-cut - Angular directive for cutting texts with responsive options.
      • ngx-app-version - Angular directive for writing version into DOM.
      • ngx-copypaste - A pure and awesome copy paste directive for Angular.
      • @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-autofocus - A powerful, flexible Angular directive for automatic element focusing.
      • ngxture - A lightweight and modular Angular library that provides ready-to-use animations and gesture directives.

    • Images

      • ngx-image-cropper - An image cropper for Angular.
      • ngx-lightbox - A [lightbox2](https://github.com/lokesh/lightbox2) implementation port to use with Angular >= 18 (zoneless).
      • ngx-avatars - Spiritual successor to [ngx-avatar](https://github.com/HaithemMosbahi/ngx-avatar).
      • ngx-blurhash-render - Lighweight library that renders the blurhash of a provided image. For Angular 15+. Requires [blurhash](https://www.npmjs.com/package/blurhash) as a 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-hero - A package that implements hero animations, enabling users to click on images and smoothly perform zooming into a larger, immersive view.
      • ngx-pinch-zoom - This module enables image zooming and positioning through touch screen gestures.
      • unpic - Angular directive for responsive, high-performance images. Generates a responsive `<img>` tag that follows best practices, with the correct srcset, sizes and styles. Detects image URLs from most image CDNs and CMSs and can resize images with no build step.
      • ngx-advanced-img - Angular attribute directives suite that provides various HTML img feature extensions.
      • ngx-img-cropper - Image cropping tool for Angular.
      • cloudinary - Angular SDK from Cloudinary.
      • ngx-annotorious - Angular wrapper for [Annotorious V3](https://annotorious.dev/), a library that adds annotations to images.
      • ngx-image-compression - A lightweight image compression and conversion library for Angular.
      • ngx-smart-cropper - Angular standalone component that allows users to upload, crop, and resize images with ease. It provides intuitive drag-and-resize functionality, grid overlays, and supports various aspect ratios and output formats.
      • ng-cropper - An Angular image cropper library built on the powerful `CropperJS` web components. Features a fully customizable interface with an optional built-in toolbar for seamless image cropping experiences.
      • ngx-ratio-image - An Angular library to show an image with variable ratio in container with a fixed ratio.

    • Tooltips

      • helipopper - A powerful tooltip and popover for Angular applications.
      • popover - Angular popover component.
      • ngx-tooltip-directives - This library offers three different tooltip directives (string, html and template) and draws inspiration from the no longer maintained [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`.
      • angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
      • ngx-popovers - An Angular library based on `Floating UI` with already ready-made components to use.
      • ngx-overlay - A lightweight Angular library designed to leverage the latest CSS and HTML features while maintaining compatibility with most browsers. It provides an elegant solution for creating overlay components such as modals, tooltips, and popups using modern web standards.

    • Storage

      • ngx-reactive-storage - Wrapper around IndexedDB and localStorage that allows you to create databases and tables using a simple, promise-based API. Changes to the data can be seen with Angular Signals or 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.
      • dexie - A Minimalistic Wrapper for IndexedDB.
      • indexeddb-helper - A library designed to simplify interaction with IndexedDB in Angular applications. It provides a clean API for performing CRUD operations with support for cache expiration, data storage, and 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.
      • angular-web-storage - Angular decorator to save and restore of HTML5 Local & Session Storage.
      • signaldb - A local JavaScript database with a MongoDB-like interface and TypeScript support, enabling optimistic UI with signal-based reactivity. It integrates easily with Angular, Solid.js, Preact, and Vue, simplifying data management with schema-less design, in-memory storage, and fast queries.
      • rxdb - An abstraction layer for [IndexedDB](https://rxdb.info/articles/angular-indexeddb.html).
      • secure-client-store - Universal TypeScript library for AES-256-GCM client-side encryption (works in browsers & Node.js).

    • UX Components

      • 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 - This onboarding library enables you to integrate a tutorial seamlessly into your Angular application. This helps users to quickly and easily learn how to navigate and use your app, reducing the learning curve.

    • CSV

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

    • Visual Effects

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

    • Editor Components

      • slate-angular - Angular view layer for [Slate](https://github.com/ianstormtaylor/slate).
      • tinymce-angular - Official [TinyMCE](https://www.tiny.cloud/) Angular Component.
      • angular2-froala-wysiwyg - Angular wrapper for Froala WYSIWYG HTML Editor.
      • ngx-simple-text-editor - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.
      • acrodata/code-editor - CodeMirror 6 wrapper for Angular.
      • ngx-editor - Rich Text Editor for Angular using ProseMirror.
      • ngx-quill - Angular components for the Quill Rich Text Editor.
      • ngx-wig - Angular WYSIWYG HTML Rich Text Editor.
      • code-editor - Code editor component for Angular applications.
      • ngx-monaco-editor - Monaco Code Editor for Angular.
      • ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.
      • ngx-tiptap - Angular bindings for [tiptap v2](https://tiptap.dev/).
      • ngx-ace-wrapper - Angular wrapper library for [Ace](http://ace.c9.io/).
      • ngx-quill-wrapper - Angular wrapper library for [Quill](http://quilljs.com/).
      • Angular-JSON-Tree-Editor-Component - Angular JSON Tree Editor Component that actually works.
      • ng-diagram - A robust Angular library for building interactive diagrams, Node-based editors, and visual programming interfaces.
      • MagnetarQuill - A versatile, extensible, and powerful WYSIWYG editor built with Angular, designed to streamline content creation with rich text, media, tables, and more. MagnetarQuill stands out with its plugin architecture, cross-browser support, and stunning theming options.
      • ngx-tinymce - `TinyMCE` components built with Angular.
      • formly-editor - A configurable editor for `ngx-formly` forms.
      • ngx-editorjs2 - A highly extensible block-style editor inspired by [Editor.js](https://editorjs.io/). It allows users to create and manage rich text content using a variety of customizable blocks while leveraging Angular's reactive capabilities. [https://github.com/Ba5ik7/ngx-editor-js2-blocks](https://github.com/Ba5ik7/ngx-editor-js2-blocks) contain custom blocks that extend the editor with additional content types.
      • quill-table-better-dooooit - A module that enhances the table functionality of `Quill`.
      • ngx-wysicat - Build beautiful, structured documents with ease. `ngx-wysicat` combines block-based editing, advanced formatting, and a flexible plugin system—all powered by `Quill`. Perfect for collaborative apps, note-taking tools, or any project where content quality matters.
      • ngx-summernote - [Summernote](https://github.com/summernote/summernote) editor for Angular.
      • angular-rich-text-editor - Angular wrapper for [RichTextEditor](https://richtexteditor.com/) with license key support and `ControlValueAccessor`.
      • ngx-aztreya-editor - A lightweight, customizable Angular Rich Text Editor component with built-in toolbar, headings, text formatting, and alignment options.
      • ngx-traak - A WYSIWYG Angular editor library built on top of ProseMirror, built for standalone components and highly customizable with plugins.

    • Charts

      • Foblex - Angular Powered Flow-Chart Library.
      • ngx-charts - Declarative Charting Framework for Angular2 and beyond!
      • 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.
      • 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-echarts - Angular directive for [Apache ECharts](https://github.com/apache/incubator-echarts).
      • 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-interactive-org-chart - Modern Angular organizational chart component with interactive panning and zooming.
      • 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.
      • org-chart - Highly customizable org chart. Integrations available for Angular, React, and Vue.
      • systelab-charts - Systelab Angular Chart services.
      • angular-google-charts - A wrapper for the Google Charts library written in Angular.
      • unovis - Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.
      • ngx-graph - Graph visualization library for Angular.
      • ag-charts - Fully-featured and highly customizable JavaScript charting library.
      • @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-lightweight-charts - An easily extendable Angular wrapper for [Trading View Lightweight Charts](https://www.tradingview.com/lightweight-charts/).
      • ngx-hierarchy - Angular component module for vertical or horizontal hierarchy/tree view with flexible dynamic template design and controls.
      • sequential-workflow-designer - Customizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies.
      • pioneer-charts - An Angular library for creating responsive, customizable charts using D3.js—supports bar, line, pie, and more.

    • Loggers

      • angular-logger - A logger built with Angular in mind.
      • @Xilerth/ngx-logger - This library empowers developers to seamlessly integrate custom logging solutions tailored to their specific requirements, enabling efficient debugging, monitoring, and analytics.
      • pretty-html-log - A module that allows you to pretty print the inner HTML of ComponentFixtures, DebugElements, NativeElements or even plain HTML strings to the console. This is very useful for debugging Angular component tests in Jest.
      • log4ngx - A TypeScript logging framework for Angular projects, based on concepts used in Log4j, Log4net, etc.
      • lumberjack - A versatile Angular logging library, specifically designed to be extended and customized. It's easy to enable the built-in log drivers or create and use custom log drivers.
      • 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.

    • Modals

      • ngx-awesome-popup - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).
      • dialog - A simple to use, highly customizable, and powerful modal.
      • angular-anchored-floating-box - A singleton, global Angular service to programmatically render a floating box anchored at an element that can have arbitrary content specified by either a `TemplateRef` or component.
      • ngx-light-modal - A lightweight, dependency-free Angular modal package built with standalone components and fully dynamic rendering. It supports modal stacking, backdrop control, custom content components, and complete lifecycle observables — without requiring a host component in your templates.
      • angular-confirmation-capture - A singleton, global Angular service to programmatically show a confirmation box to capture an user's consent.
      • strictly-typed-mat-dialog - Angular material library to improve type safety around mat dialogs.
      • ng-modal-service - A simple Angular modal Service.
      • up-window-angular - An Angular library designed to create dynamic, customizable modals and window-based components for web applications.
      • ngx-whats-new - A simple library for creating multi-modal dialogs.
      • ngx-modal-ease - A versatile Angular library providing a lightweight, simple, and performant modal.
      • ngx-dialog - Type-safe Angular Dialogs Directive for Angular 16+.

    • Printing

      • ngx-printer-demo - A simple Angular service to print a window, parts of a window (div), images, HTMLElements or Angular Objects.
      • ngx-print - A plug n' play Angulae library to print your stuff.
      • ngx-printify - Angular utility library that simplifies the process of printing content in your Angular applications. It provides a directive for easy integration into your components and a service for programmatic printing.

    • UI Libraries built on Bootstrap

      • angular-bootstrap-md - Material Design
      • ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).
      • design-angular-kit - A toolkit based on Bootstrap Italia
      • ngx-bootstrap-components - This library provides a set of Angular components integrated with Bootstrap, designed to be used with Angular's latest features like signals and the OnPush change detection strategy. The components are standalone, meaning they can be imported directly without the need for an encompassing Angular module.
      • ng-bootstrap-addons - Adds UI components not available in `ng-bootstrap` (e.g., input/form controls).
      • ez-nav - A config-driven, responsive Angular navigation bar that integrates seamlessly with Bootstrap layouts.
      • ngx-gccb - Angular 19+ component library providing ease of use shared components, directives, pipes and services. Check this [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.
      • yoozsoft - Widgets built using Bootstrap 5, CSS, and NG Bootstrap 17 with APIs designed for the Angular ecosystem.

    • UI Libraries built on Material

      • angular-ui-plusify - It currently includes a Datetime Picker and the new Markdown Editor components — with plans to continue growing into a comprehensive UI toolkit for Angular developers.
      • 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 - Builds material navigation elements like a combined navbar and sidenav or footers based on the supplied configuration data. Will automatically move elements from the navbar to the sidenav at the provided 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.
      • simplematcomponents - Set of Angular components that fit into or use Angular Material Design.
      • Angular Material - Material Design components for Angular.
      • ngx-core-business - An Angular library in active development, built on top of `@angular/material`. It aims to provide reusable, enterprise-grade UI components and utilities to streamline the development of scalable Angular applications.
      • c3-components - An open-source component library that extends the `@angular/material` library.

    • File Upload

      • ngx-uploader-file - A versatile Angular library for file uploads, offering features like file upload and preview (including image previews with a lightbox), validation, an image cropper, drag-and-drop functionality, and multi-language support.
      • ngx-filesize-pipe - An Angular pipe that converts a file size (in bytes) into a human-readable format. Perfect for file uploaders, media managers, or storage apps.
      • ng2-file-upload - Easy to use file upload directives.
      • ngx-flow - Angular7+ wrapper for [flow.js](https://github.com/flowjs/flow.js) for file upload.
      • ngx-uploadx - Angular Resumable Upload Module.
      • file-upload - Angular module used for file upload.
      • ngx-file-drop - Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat.
      • filestack-angular - Integrate [Filestack](https://www.filestack.com/) into your Angular app for a faster, safer, and more reliable file upload experience.
      • ngx-file-helpers - Angular file helpers including a file picker and dropzone.
      • 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-custom-material-file-input - File input management for Angular Material.
      • ngxf-uploader - File uploader for Angular 18+.
      • Uppy - A sleek, modular JavaScript file uploader that [integrates seamlessly with Angular](https://uppy.io/docs/angular/). It's fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.
      • ngx-file-preview - A powerful preview tool for many file types.
      • ngx-image-upload - A lightweight, customizable library for image uploads with preview, validation, and smooth animations. Supports Reactive Forms and `ngTemplate` for full flexibility.

    • Form Validation

      • ngx-valdemort - Simpler, cleaner Angular validation error messages.
      • validointi - This is a library to help you validate your template driven forms.
      • ngx-reactive-forms-utils - Provides easy validation error display and custom validators.
      • angular-reactive-validation - Reactive Forms validation shouldn't require the developer to write lots of HTML to show validation messages. This library makes it easy.
      • ngx-formcontrol-errors - A directive for showing errors in Angular form controls.
      • ngx-reactive-form-class-validator - A lightweight library for dynamically validate Angular reactive forms using [class-validator](https://github.com/typestack/class-validator) library.
      • ng-reactive-form-validate - This library streamlines form control validation, displaying error messages based on rules, supporting customizable messages via static strings or observables, integrating with Transloco for translations, and applying default styles for smooth validation label transitions.
      • 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.
      • ngx-validator-pack - A collection of validators designed
      • ngx-forms-validator - A forms validator library for Angular.
      • ngx-error-msg - The error message mapping library for Angular.
      • ng-error-tooltips - An Angular library for reactive forms that displays tooltips on form inputs with errors, providing a user-friendly way to visualize validation messages.
      • 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 - This project was developed for Angular Reactive Forms to automatically extract and display input validation error messages. This library supports multiple languages and allows for custom error messages for both standard form validations and user-defined validations.
      • error-message - A lightweight, flexible error handling library for Angular applications that provides standardized validation error display and management.
      • 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 - A powerful, flexible validation library that works effortlessly with any UI framework—Vue.js, React, Angular, and more—offering a complete solution for front-end validation.

    • Keyboard Mouse

      • ngx-focus-control - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility.
      • virtual-keyboard-javascript - Virtual Keyboard for JavaScript, React, Angular, & Vue.
      • angular-touch-keyboard - Virtual Keyboard for Angular applications.
      • hotkeys - A declarative library for handling hotkeys in Angular applications.
      • ngx-contextmenu - A context menu component for Angular.
      • ngx-keys - A reactive Angular library for managing keyboard shortcuts with signals based UI integration.

  • 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.
      • 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.
      • angular-authentication - An Angular application that demonstrates best practices for user authentication & authorization flows.
      • MojoAuth - The Simplest Way to [integrate](https://docs.mojoauth.com/guides/angular) passkeys.
      • fingerprint - The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.
      • Supabase - Build a User Management App with Angular.
      • angularfire - Angular + Firebase.
      • angularx-social-login - Social login and authentication module for Angular 17.
      • appwrite - Using Appwrite, you can easily integrate your [Angular app](https://appwrite.io/docs/quick-starts/angular) with user authentication and multiple sign-in methods, a database for storing and querying users and team data, storage and file management, image manipulation, cloud functions, and more services.
      • auth0-angular - Auth0 SDK for Angular Single Page Applications.
      • hexaeight-sessions - A powerful NPM library designed to simplify session management and authentication in web applications. Whether you're working with React, Angular, or Vue, [HexaEight Sessions](https://docs.hexaeight.com/HexaEight-Sessions/003-HexaEightSessions/) provides an intuitive interface for managing user sessions efficiently.
      • keycloak-angular - Easy Keycloak setup for Angular applications.
      • Logto - An open-source Auth0 alternative for modern apps and SaaS products, supporting OIDC, OAuth 2.0 and SAML open standards for authentication and authorization. This [quickstart](https://docs.logto.io/quick-starts/angular#prerequisites) can help you use Logto with Angular.
      • @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.
      • msal-angular - MSAL for Angular enables Angular web applications to authenticate users using [Azure AD](https://docs.microsoft.com/azure/active-directory/develop/v2-overview) work and school accounts (AAD), Microsoft personal accounts (MSA) and social identity providers like Facebook, Google, LinkedIn, Microsoft accounts, etc. through [Azure AD B2C](https://docs.microsoft.com/azure/active-directory-b2c/active-directory-b2c-overview#identity-providers) service. It also enables your app to get tokens to access [Microsoft Cloud](https://www.microsoft.com/enterprise) services such as [Microsoft Graph](https://graph.microsoft.io).
      • ng-supabase - An Angular component library for your [Supabase](https://supabase.com/) project!
      • ngxfire - Zoneless AngularFire replacement.
      • 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.
      • 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.
      • lbx-jwt - Provides JWT authentication for loopback applications. Includes storing roles inside tokens and handling refreshing. Built-in reuse detection.
      • 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.
      • angular2-jwt - Helper library for handling JWTs in Angular apps.
      • kinde-angular - Angular wrapper around the [Kinde](https://kinde.com/) TypeScript [SDK](https://docs.kinde.com/developer-tools/sdks/backend/typescript-sdk/).
      • frontegg-angular - [Frontegg](https://frontegg.com) is a web platform where SaaS companies can set up their fully managed, scalable, and brand-aware SaaS features and integrate them into their SaaS portals in up to 5 lines of code. Quickly integrate Frontegg's login box with this [quickstart guide](https://developers.frontegg.com/sdks/frontend/angular/hosted-login).
      • FusionAuth Angular SDK - [FusionAuth](https://fusionauth.io/) SDK helps manage authentication state for your Angular app and provides functionality to login, register, and logout users. It also can be configured to automatically manage your refresh token.
      • Agilicus - Single sign-on for any user—first party, third party, joint venture, contractor, or vendor. Enforce multi-factor authentication everywhere. These are various [samples of integrations](https://github.com/Agilicus/samples) to the Agilicus Platform.
      • corbado - [Integrate](https://docs.corbado.com/corbado-complete/frontend-integration/angular) Corbado with Angular to use passkeys for authentication.
      • witspry-auth-ng-client - A comprehensive Angular library for OAuth2 authentication with PKCE (Proof Key for Code Exchange) support.
      • ngx-webauthn - An Angular library that provides a clean, type-safe abstraction over the native WebAuthn API. Features direct support for standard WebAuthn types with an optional preset system for common scenarios.
      • @badisi/ngx-auth - Authentication and authorization support for Angular based desktop and mobile applications.
      • Melody Auth - Its [SDK](https://www.npmjs.com/package/@melody-auth/angular) 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.
      • omni-auth - Angular authentication library providing core functionality for authentication flows, guards, and error handling.

    • Payments

      • ngxsmk-stripe - Angular plugin for integrating Stripe payments (one-time & subscriptions) with theme customization, event emitters, and standalone components.
      • solidgate - With its Angular SDK, you can add Solidgate Payment Form.
      • 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.
      • ngx-stripe - A comprehensive library designed for seamless integration of [`Stripe Elements`](https://stripe.com/docs/stripe-js) and payment processing capabilities into Angular applications. Leveraging the powerful features of [`StripeJS`](https://stripe.com/docs/js), Ngx Stripe simplifies building robust, secure, and scalable payment solutions.
      • ngx-supabase-stripe - An Angular library for integrating Supabase and Stripe into your applications, providing ready-to-use components that simplify the implementation of payments and subscriptions.
      • izipay - Integrate Izipay into your project with minimal configuration and an integrated proxy.
      • adyen-angular-online-payments - Accept payments on your Angular/Express-based website with cards, wallets, and key local payment methods.

    • Security Best Practices

      • Socket - A developer-first security platform that protects your code from both vulnerable and malicious dependencies.
      • 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.
      • Snyk - A developer security platform that integrates directly into development tools, workflows, and automation pipelines.
      • SafeDep - It continuously scans open source code for vulnerabilities and malware, helping security engineering teams proactively mitigate inherited OSS risks.
      • HackTricks - Angular Security Checklist.
      • Angular Security - Best Practices.
      • Aikido - Secure your code, cloud, and runtime in one central system. Find and fix vulnerabilities automatically.

    • Role-Based Access Control

      • ngx-smart-permissions - A lightweight library for managing role-based and permission-based access control in Angular applications. Supports both standalone components and NgModules.
      • ngx-role-accessor - Enterprise-grade Angular Role-Based Access Control (RBAC) Library.
      • ngx-permissions - Permission and roles based access control for your Angular applications(AOT, lazy modules compatible).
      • nblocks - A control center for seamless management of Authentication, Payments, Subscriptions, Feature, and Role management.
      • 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).
      • casl-angular - Module which integrates isomorphic permissions management library [CASL](https://github.com/stalniy/casl) with Angular.
      • ngx-can-i - A package for Angular developers to help them deal with permissions.

  • Learning Resources

  • Architecture and Advanced Topics

    • Server-Side Rendering

      • ngx-trpc - Angular tRPC client with SSR, RxJS, Signals and Subscriptions Support.
      • ngx-sitemaps - Generate sitemaps from Angular prerendered routes.
      • 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.
      • analog-stuff - Extra stuff for AnalogJS including `agx-remark-rehype`.
      • treaty - The meta framework for Angular. An alternative to Analog.
      • angular-prerender - A command line tool to prerender Angular Apps.
      • Official website - Documentation for the new SSR package built into the framework.

    • GraphQL

      • buoy - A GraphQL client for Angular built on top of Apollo.
      • graphql-code-generator - A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.
      • 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.
      • apollo-orbit - A fully-featured GraphQL client for Angular with modular state management.
      • takeshape - It's easy to build a GraphQL API using TakeShape. Integrating with an Angular project is easy, and you can follow this [guide](https://app.takeshape.io/docs/get-started/client/angular).
      • apollo-dynamic-angular - Variant of Apollo Angular that allows dynamic selection sets for queries, mutations and subscriptions via a decorated schema.

    • HTTP

      • ng-http-caching - Cache for HTTP requests in Angular application.
      • ngx-repository - Easily create a strongly typed data client (HTTP REST or Firestore) in your Angular project.
      • angular-odata - A fluent API for querying, creating, updating and deleting OData resources in Angular.
      • ngx-http-resilience - Angular HttpInterceptors that provide resiliency capabilities.
      • cashew - A flexible and straightforward library that caches HTTP requests in Angular.
      • convoyr - Modular HTTP extensions for Angular.
      • angular-http-cache-interceptor - Angular HTTP cache interceptor.
      • 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.
      • ngs-request-tracker - A library for tracking, storing, and displaying statistics on all HTTP requests.
      • 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.
      • ng-httpclient-easy-network-stub - An easy class to mock a lot of network requests from the Angular HttpClient.
      • 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-http-request-state - An Angular library for wrapping HttpClient responses with loading & error information.
      • ngx-interceptors - Library with common HTTP interceptors for Angular applications.
      • @ngify/http - A reactive HTTP client in the form of `@angular/common/http`, offers the following major features: typed response objects, streamlined error handling, request and response interception.
      • ngx-drupal8-rest - Drupal 8 rest module for Angular applications.
      • ng-rest-client - This library provides a set of decorators for simplifying HTTP requests. It enables developers to define RESTful API clients using decorators for common HTTP methods.
      • 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/) is a family of libraries for building and consuming APIs on different languages and platforms. [@connectrpc/connect](https://www.npmjs.com/package/@connectrpc/connect) brings type-safe APIs with Protobuf to TypeScript. `@connectrpc/connect-web` provides adapters for web browsers. See this [example](https://github.com/connectrpc/examples-es/tree/main/angular) to integrate Connect with Angular.
      • active-connect - A powerful connection framework designed for smart web-based projects using Node.js, Angular, and WebSockets. It provides decorators and utilities to simplify the integration of Angular with a WebSocket server, making it easier to handle real-time communication between clients and the server.
      • simply-direct - A fullstack communication library that bridges Angular and NestJS through real-time, bidirectional communication powered by WebSockets.
      • ng-error-handling - An Angular module designed for managing HTTP API error responses.
      • ngx-http-helper - A lightweight library to easily call your APIs and add JWT token or API key on each header request.
      • ngx-signal-pagination - Pagination for Angular, powered by signals.
      • ngx-pwa - Provides additional functionality around Angular PWA's. Most notably being able to cache and sync POST/PATCH/DELETE Requests.
      • 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 Angular packages adapted from tRPC for Angular use: `@heddendorp/trpc-link-angular` for integrating Angular's HttpClient with tRPC, and `@heddendorp/tanstack-angular-query` for reactive data fetching via TanStack Angular Query.
      • my-http-resource - A reactive wrapper for Angular’s HttpClient that streamlines HTTP requests by managing state, handling URL parameters, and simplifying post-request configuration.

    • Feature Flags

      • Flagsmith - Ship Faster and Control Releases with Feature Flag Management.
      • ngx-growthbook - An Angular wrapper for [GrowthBook](https://www.growthbook.io/), providing feature flags and A/B testing capabilities with full TypeScript support.
      • 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).
      • @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/).
      • @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-version-view - A powerful Angular library that enables version-aware component rendering for seamless feature toggling based on application versions.
      • @configcat-labs/feature-flags-in-angular-sample-app - Example app that uses ConfigCat.
      • featurit-sdk-angular - Angular wrapper of the JavaScript client for the [FeaturIT](https://featurit.com/) Feature Flag management platform.
      • flagpole - Angular SDK for the [Flagpole](https://useflagpole.dev/) feature flag management system. Provides real-time feature flag updates, A/B testing capabilities, and seamless integration with Angular applications.
      • ngx-feature-proxy - Angular feature flag library with Unleash integration, provides reactive programming, type-safe feature flag management with zero-configuration setup.

    • Micro-Frontends

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

    • Module Federation

      • ng-dynamic-mf - Truly dynamic modules at runtime with Module Federation.
      • module-federation-plugin - Module Federation allows loading separately compiled and deployed code (like micro frontends or plugins) into an application. This plugin makes Module Federation work together with Angular and the CLI.
      • webpack-module-federation-with-angular - Guide to learn about Webpack Module Federation with several Angular code demos.
      • ngx-remote-component - An Angular library for loading remote components dynamically in Nx workspaces.
      • @module-federation/core - Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications.
      • mfe-crossframework - Module Federation project with Angular Host, Cross-framework remotes and without Nx.
      • npm-mfe-live-reload - This tool is designed to work in development mode and helps automatically reload the shell application when changes are detected in remote microfrontend applications.
      • Vite-module-federation-angular-test - This repository tests [Module Federation Vite](https://github.com/module-federation/vite) with Angular and AnalogJS, based on the work done in [@brandonroberts/angular-vite](https://github.com/brandonroberts/angular-vite). It also tests a host with AnalogJS to test SSR. The module federation plugin is not compatible with SSR.

    • Monorepos

      • Moon - A build system and monorepo management tool for the web ecosystem, written in Rust.
      • Nx - A build system with integrated tooling and advanced CI capabilities that helps you maintain and scale monorepos both locally and in continuous integration environments.
      • Turbo - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turbopack and Turborepo.

  • Site Templates

    • Free Templates

      • BoilerPlate-FirebaseAngular - Starting point for apps built using `.NET`, Angular, and Firebase.
      • @wlucha/angular-starter - Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material, & Prettier.
      • spike-angular-free - Spike is the most powerful & comprehensive free Angular admin template based on Material Angular.
      • 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.
      • 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.
      • 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.
      • 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!
      • template-angular - Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling.
      • 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.
      • HTMLrev
      • tailkit-starter-kit-angular - Angular Starter Kit for using `Tailkit UI` components out of the box in your project.
      • angular-starter-kit - Angular project template with Prettier, Linter, Git-Hooks and VS Code settings.
      • 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-sample-app - This sample app demonstrates how to integrate the [Descope](https://www.descope.com) authentication service into an Angular application. This application includes a login screen using Descope Angular SDK, a user dashboard to display user information and a navigation bar that dynamically adjusts based on the user's authentication state.
      • 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 admin dashboard template built with Angular and latest Bootstrap 5. It is meant to provide the best possible User Experience with highly customizable feature-rich pages.
      • 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/).
      • LightNap - A full-stack starter kit designed to provide a boost to Single Page Applications (SPA). It includes built-in support for `ASP.NET` Core Identity, JWT token management, and administrative features for managing identity, offering a solid foundation to be extended for any application scenario.
      • Angspire - Angular + `.NET` (monorepo) project template designed to simplify development with out-of-the-box features like (basic) user authentication and frontend themes, reducing setup time and providing a scalable, maintainable foundation for your applications.
      • @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.
      • ngx-lib-starter-kit - This boilerplate helps you quickly set up and develop Angular libraries. It includes a pre-configured structure for components, services, utilities, themes, assets, and more. The project is optimized for scalability and maintainability.
      • 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.
      • jet - Angular starter-kit for building quality web apps fast.
      • 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-tailwind - Angular & Tailwind CSS Admin Dashboard Starter Kit.
      • angular-templates - A set of Angular templates for common web apps.
      • dataclouder-template-angular - A ready-to-use Angular/Ionic template with Firebase Authentication integration.
      • 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.
      • Colorlib
      • angular-tailwind-e-commerce-template - This responsive e-commerce template, built with Angular and Tailwind CSS, combines modern aesthetics with functionality. Designed as a foundation for developing robust e-commerce applications, it features a sleek, customizable design, perfect for minimalist online shops.
      • keycloakify-starter-angular-vite - Angular and Vite Starter for [Keycloakify 11](https://www.keycloakify.dev/).
      • 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.
      • nx-starter - Nx powered starter project for Angular with SpartanUI.
      • angular-material-tailwind-playwright-starter - Angular 19 with Material, Tailwind, Jest, Playwright, and NGXS.
      • angular-boilerplate - A boilerplate for modern web apps using Angular 18 with Bootstrap, Angular Material, and NgRx for responsive, stateful UIs. Back-end is powered by Spring Boot with a RESTful JSON API. Features include modular architecture and advanced table handling with ngx-datatable.
      • angular-clean-architecture - An Angular scaffold with a clean architecture that is easy to understand.
      • 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.
      • signal-admin - A modern admin panel built with Angular 20, Angular Material, and Tailwind CSS. Features a responsive design with collapsible sidebar, user management, forms, and UI components.
      • 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
      • Nzoni - Launch your SAAS in days with Angular.
      • Theme Forest
      • Wrap Pixel
      • NgFast - The Angular boilerplate for building SaaS, landing pages, and web apps fast—turning your ideas into income.
      • Vortex - A high-performance web application template built with Angular and Java, designed to deliver seamless user experiences and powerful backend solutions.

  • Underlying Technologies

    • RxJS

      • until-destroy - RxJS operator that unsubscribe from observables on destroy.
      • effects - A framework-agnostic RxJS effects implementation.
      • learn-rxjs - Clear examples, explanations, and resources for RxJS.
      • redux-observable - RxJS middleware for action side effects in Redux using "Epics".
      • rxjs-challenge - A set of little RxJS puzzles to practice your Observable skills.
      • rxjs-course - RxJS course from Angular University.
      • subscribable-things - A collection of reactive wrappers for various browser APIs.
      • ng-event-bus - RxJS-based message bus service for Angular.
      • 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`.
      • eslint-plugin-rxjs-x - A fork of [eslint-plugin-rxjs](https://github.com/cartant/eslint-plugin-rxjs) initially started to support the new ESLint flat config format that has since had numerous breaking changes and further improvements.
      • rxjs-common - A collection of useful RxJS operators.
      • rx-computed - The async RxJS-based version of signals' `computed()`.
      • Official website - Reactive Extensions Library for JavaScript.
      • operators - This package regroups a couple of RxJS operators meant to simplify some common patterns.
      • ngx-safe-subscribe - Easy way to automatically unsubscribe from RxJS observables in Angular components.
      • rxjs-conduit - RxJS ReplaySubjects with with additional features to make reactive programming easier.
      • rxjs-typewriter - A lightweight and easy-to-use NPM library for creating typewriter effects in your web applications. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations.
      • rxjs-collection - RxJS enhanced Array, Map, WeakMap, Set, and WeakSet.
      • ng-rxjs-safe-subscribe - Implementation of Angular's repeatable OnDestroy pattern.
      • observable-webworker - Simplified API for working with Web Workers with RxJS.
      • rxjs-broker - An RxJS message broker for WebRTC DataChannels and WebSockets.
      • subsiphon - A lightweight utility to manage multiple RxJS Subscriptions. It lets you add subscriptions via numeric indexes or named keys and provides easy `unsubscribe()` and `destroy()` methods to clean them up.
      • rxvisualizer - RxJS Marble Diagram Visualizer from `Angular Space`.
      • 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.
      • @mrOranger/RxJs - Theory with examples about the Reactive Programming paradigm, using the library RxJS.
      • 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.

    • TypeScript

      • ngx-mf - Bind your model types to Angular FormGroup type.
      • Official GitHub repository
      • 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).
      • valibot - The modular and type safe schema library for validating structural data.
      • zod - TypeScript-first schema validation with static type inference.
      • trpc - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
      • ts-pattern - The exhaustive Pattern Matching library for TypeScript, with smart type inference.
      • ts-essentials - All essential TypeScript types in one place.
      • typebox - JSON Schema Type Builder with Static Type Resolution for TypeScript.
      • type-challenges - Collection of TypeScript type challenges with online judge.
      • typehero - Connect, collaborate, and grow with a community of TypeScript developers.
      • ts-serializer - Serialize your models into strongly typed TypeScript classes.
      • type-fest - A collection of essential TypeScript types. Either add the package as a dependency or copy-paste the needed types.
      • Official website
      • Official TypeScript REPL
      • DefinitelyTyped GitHub repository - The repository for high quality TypeScript type definitions.
      • typebuddy - Finally make sense of your complex types.
      • mutates - A powerful toolset for mutating the Abstract Syntax Tree (AST) of TypeScript files. It is a fork of `ng-morph`, with a broader focus beyond Angular-specific transformations, allowing for extensive AST modifications in any TypeScript project.
      • ngx-exhaustive-check - Angular utility for ensuring exhaustive checks on TypeScript discriminated unions, enhancing type safety and reliability.
      • guardz - Lightweight, zero-dependency TypeScript type guards for runtime validation with structured error handling.
      • Total TypeScript Book - The companion repository for the upcoming Total TypeScript book.
      • 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.

  • External Lists

    • Wrappers

      • awesome-angular
      • framework.dev - Search, compare, and discover top Angular libraries and community-driven resources in Angular.
      • awesome-utils-dev - This is an exhaustive list of resources covering the whole Angular ecosystem. This should be your next step if you haven't found what you need here.
      • Angular Enterprise

  • Angular-Inspired Solutions

    • Wrappers

      • flexdi - A flexible, efficient, and lightweight dependency injection library for React / React Native / Vue3 applications. The library is inspired by the principles and architectural approach of NestJS and Angular.
      • 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.
      • ioc - A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
      • named-slots - Use declarative "holes" in your React components instead of an imperative prop-based approach. Inspired by slots in Vue/Svelte/Angular/WebComponents.
      • Lua-Generate - A CLI tool to generate boilerplate code inspired by ng tool from Angular.
      • obfetch - A HttpClient base on RxJS and fetch API inspired by Angular `httpClient`.
      • prang - A framework that looks like Angular, smells like Angular, but is actually Vue.
      • ReactiveForms - Retrieve form input values using the DOM and implement form validation, drawing inspiration from Angular's Reactive Forms approach.
      • ts-react-directives - A small React/TypeScript library designed to mimic Angular directives.
      • vyuha - A Node.js Template Engine Inspired by EJS, Angular, and Laravel Blade.
      • 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.
      • css-fx-layout - A responsive SCSS flexbox library inspired by Angular Flex-Layout.
      • GTPL - A TypeScript library designed for creating reactive template systems with a unique approach that incorporates Direct DOM and Proxy. Inspired by technologies like Vue.js, Angular AOT or JSX, GTPL offers an efficient and powerful way to build reactive applications in a compact 9KB(gzip) JavaScript package.
      • PrasthuthTS - A TypeScript framework, inspired by Angular, that features a modular, component-based architecture, two-way data binding, and a flexible routing system, all while leveraging TypeScript's strong typing to simplify development and enhance maintainability.
      • reaktiv - Reactive Signals for Python with first-class async support, inspired by Angular's reactivity model.
      • 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).
      • arky-js - A powerful, annotation-based framework for building serverless applications on AWS Lambda and API Gateway. Inspired by Angular and NestJS, Arky.js simplifies serverless development by providing decorators for defining modules, controllers, and services.
      • di - This library is a lightweight dependency injection library, similar to [InversifyJS](https://github.com/inversify/InversifyJS) and [typedi](https://github.com/typestack/typedi).
      • @joanpablo/reactive_forms - This library, written in Dart, employs a model-driven approach to managing form inputs and validations, drawing significant inspiration from Angular's Reactive Forms.
      • sio - Silicia Framework: a fresh approach built upon Ionic, designed to streamline the development of hybrid applications and websites.
      • angular-style-injector - A lightweight dependency injection container inspired by Angular's Injector.
      • 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.
      • fornax - A lightweight, opinionated, and highly customizable Bun-powered full-stack web framework designed to simplify building single-page applications with custom components, routing, and flexible styling options.
      • needle-di - A lightweight, type-safe Dependency Injection (DI) library for JavaScript and TypeScript projects.
      • indulgent - A lightweight set of TypeScript utilities designed for web development, free of external dependencies and optimized for solid runtime performance.
      • react-di-lite - Lightweight, hierarchical dependency injection for React inspired by Angular’s services.
Programming Languages
TypeScript 1,134 JavaScript 56 HTML 44 SCSS 19 CSS 7 C# 5 Go 4 Rust 4 Shell 3 C++ 2
Categories
Third Party Components 813 Table of contents 442 Development Utilities 192 Angular 97 Learning Resources 92 Angular Pulse 92 Architecture and Advanced Topics 75 Framework Interoperability 66 Site Templates 62 State Management 60 Security and Authentication 57 Testing 56 Underlying Technologies 53 Angular-Inspired Solutions 29 External Lists 4
Sub Categories
Angular 259 Third Party Components 183 Wrappers 68 Free Templates 55 UI Libraries 54 Mixed Utilities 48 Form Controls 46 Internationalization 43 Google Developer Experts on X 38 Developer Tools 37 Blogs 35 Animations 35 Authentication 34 AI 32 HTTP 32 Forms 30 CLI Tools 30 RxJS 28 Other State Libraries 28 Data Grids 27 Editor Components 26 Charts 25 Scroll 25 TypeScript 25 Loaders 25 Icons 24 External Integration 23 NgRx 22 Component 22 Layout Components 21 Form Validation 20 Analytics 20 Dates 20 Notifications 20 Carousels 19 Helpers 19 Community 18 DOM 18 Viewers 18 Builders 18 Training 17 Official Resources 17 Images 17 Drag and Drop 17 UI Libraries built on Tailwind CSS 17 UI Library and Framework Ionic 16 Directives 16 Captcha 16 File Upload 16 UI Libraries built on Material 15 Generators and Scaffolding 14 Visual Effects 14 Router 14 Books 13 Angular Team on X 13 Accessibility 12 Feature Flags 12 Media 12 E2E 12 Pipes 12 Updating Angular 12 Performance 12 QR Codes 12 Storage 12 Calendars 11 Modals 11 Deployment 11 Maps 11 NGXS 10 JSON Forms 10 Markdown 9 Desktop Applications 9 Angular Experts on X 9 UI Libraries built on Bootstrap 9 Styling 8 Cheat Sheets 8 Module Federation 8 Exercises 8 Documentation Tools 8 Cross-Framework Integration 8 Tooltips 8 Payments 8 Server-Side Rendering 8 Security Best Practices 8 Podcasts 7 GraphQL 7 Loggers 7 Certification Programs 7 Role-Based Access Control 7 Paid Templates 7 SEO 6 Cookies 6 Keyboard Mouse 6 Newsletters 6 UX Components 5 Micro-Frontends 5 UI Primitives 5 CSV 5 Printing 3 Style Guides 3 Guides 3 Monorepos 3 Bluesky 1 YouTube Channels 1
Keywords
angular 675 typescript 193 javascript 74 angular2 63 ngx 54 rxjs 43 react 42 library 39 angular-components 28 ui 28 material 25 vue 25 components 25 i18n 24 angular-material 24 angular-library 24 angular-cli 23 testing 20 ngrx 20 component 19 angular17 19 tailwindcss 19 frontend 18 npm 18 state-management 17 admin-dashboard 17 ng 16 bootstrap 16 icons 15 forms 15 svelte 15 jest 15 svg 14 angular5 14 angular18 14 angular4 14 material-design 13 template 13 nextjs 13 ionic 13 css 13 translation 13 internationalization 13 charts 12 nx 12 state 12 redux 12 signals 12 angular7 12 nodejs 11