Libx Awesome Lists

    On this page

    Awesome Angular

    A curated collection of resources and projects focused on Angular.

    Contents

    Angular

    Angular is a web framework that empowers developers to build fast, reliable applications that users love.

    Official Resources

    Builders

    • Webpack
    • esbuild
    • Angular Builders - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.
    • Jest Builder
    • Custom Webpack
    • Custom esbuild
    • 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.
    • 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.
    • dotenv-run - Seamlessly load environment variables. Supports cli, esbuild, Rollup, Vite, Webpack, Angular, ESM and Monorepos.
    • ng-packagr - Compile and package Angular libraries in Angular Package Format (APF).
    • angular-env-builder - Builder to generate src/environments/environment.ts file based on your environment variables.
    • angular-rspack - Rspack plugin and tooling for Angular applications.
    • ngx-devkit-builders - This package contains Architect builders used to build and test Angular applications and libraries.
    • angular-static-assets-hash - Create a list of Angular static assets and a hash for each file.
    • ngx-schematic-builder - A tool for building Angular schematic projects. Compiles and packages your custom schematics, preparing them for publishing and use.
    • 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).

    CLI Tools

    • Official website
    • Official GitHub repository
    • alterforge - A CLI tool that scaffolds and manages modular microservice architectures with optional React or Angular frontends.
    • @MohamedBouattour/angular-clean-architecture - A CLI tool that generates Clean Architecture–based, production‑ready Angular features with clear, maintainable layers.
    • angular-cli-diff - Easily upgrade your Angular CLI applications from one version to another 🚀.
    • angular-cli-ssr-diff - Easily upgrade your Angular CLI SSR applications from one version to another 🚀.
    • angular-parallel-test-runner - CLI to run Angular tests in parallel across projects; uses available CPU cores.
    • angular-web-cli - A flexible CLI tool designed to streamline workflows, automate tasks, and provide customizable utilities for developers.
    • Better-Fullstack - Scaffold production-ready fullstack apps in seconds. Pick your stack from 425 options — the CLI wires everything together.
    • dotairc - This tool helps create consistent instructions for AI assistants working with your codebase.
    • firebase-framework-tools - Experimental addon to the Firebase CLI to add web framework support.
    • i18n-fixer - Framework-agnostic CLI tool that finds hardcoded strings, missing i18n keys, and unused translations.
    • js-stack - Modern CLI for scaffolding production-ready JavaScript full-stack projects, with customization and best-practice presets.
    • kqgen - A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/GraphQL services.
    • lin - Lazy I18N is a CLI tool that translates locale JSONs using LLMs.
    • mcp-angular-cli - A server offering Angular CLI and workspace automation, enabling LLMs and agents to generate components, add packages, create workspaces, and run custom architect targets.
    • nest-schematics - An Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS.
    • ng-chrome-extension - Easily create Angular Chrome Extensions (manifest v3).
    • ng-create-with-config - A minimal tool to initialize a new Angular project with pre-configured Prettier, ESLint, Husky and Lint-staged.
    • ngTooLazy - A Node.js CLI that scaffolds an Angular app with modern conventions, opinionated architecture, and starter boilerplate (guards, interceptors, layouts).
    • ns-gc - A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config.
    • ngx-i18n-scan - A CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean.
    • ngx-stats - CLI tool that analyzes Angular projects, quantifying modules, components, directives, pipes, and services to give a clear structural overview for better architectural insight.
    • ngx-ws - Easily split a large angular.json into modular, project-local files using the power of JSON References, with the convenience of YAML and JSON5 formats.
    • prepare-angular-json - A lightweight CLI tool that generates a clean angular.json file from a commented angular.jsonc.
    • rafacli - CLI tool that generates authentication and CRUD modules for NestJS and Angular, automating boilerplate to streamline development and ensure consistency.
    • ngx-crafter - A powerful CLI tool that helps you craft Angular projects with pre-configured folder structures and essential packages.
    • ng new command generator - Generate optimized ng new commands.
    • svger-cli - A lightweight CLI that transforms SVGs into optimized Angular components with zero dependencies.
    • tailwind-init-cli - A one-command setup tool for Tailwind CSS in Angular, React, or Next.js projects!
    • fanstack - A lightweight CLI and architecture that automatically watches your Firebase functions and generates a strictly typed Angular service.

    Deployment

    • AWS Amplify
    • Vercel
    • Firebase Hosting
    • Netlify - Angular apps on Netlify gain automatic framework detection and redirects via the Angular Runtime plugin.
    • angular-cli-ghpages - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.
    • analog-publish-gh-pages - A GitHub Action for the Deployment of an Analog.js app on GitHub Pages.
    • Genezio - The easiest way to write and host a serverless application.
    • Cloudflare Pages
    • Zerops - It makes deploying and running Analog apps, both server side rendered and static, a breeze.
    • SST - A framework that makes it easy to build and automate modern full-stack applications.
    • ngx-config-orchestrator - Angular library for runtime configuration via external JSON, enabling “Build Once, Deploy Anywhere.”
    • deploy-with-git - Lets you deploy an Angular app directly to the Flux Network from a Git repository.
    • @railwayapp-templates/angular-starter - One-click default Angular TS starter, utilizing Caddy to serve!
    • angular-deploy-bunny - Angular Architect builder (ng deploy) that syncs your build to a Bunny.net CDN Storage Zone using SHA256 incremental diffing, then purges the corresponding Pull Zone.
    • ngx-ssh-deploy - Deploy Angular projects using SSH.
    • front-ready - Detects your Angular build settings, compiles the project, and uploads it to AWS S3 with optimized cache headers using a single command.
    • oSStack Deploy - A high-performance deployment platform inspired by Vercel; features zero-config deployments, automated framework detection, and real-time build streaming.

    Desktop Applications

    • electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS.
    • angular-electron - Ultra-fast bootstrapping with Angular and Electron.
    • neutralinojs - A lightweight, portable framework for building cross‑platform desktop apps with JavaScript, HTML, and CSS, running on Linux, macOS, Windows, Web, and Chrome.
    • nw.js - Chromium + Node.js runtime for native apps using HTML, JavaScript, and direct Node integration.
    • nw-angular-example - An example of integrating Angular with NW.js.
    • tauri - Create small, fast, secure, cross-platform applications.
    • angular-tauri - Ultra-fast bootstrapping with Angular and Tauri.
    • create-tauri-app - Rapidly scaffold out a new Tauri app project.
    • wails - Build desktop applications using Go & web technologies, including Angular.
    • MōBrowser - A framework for building desktop apps using TypeScript, HTML, and CSS, with source code protection built in.

    Updating Angular

    • Official website - Interactive guide to help you migrate from one version of Angular to another.
    • Official update reference - Use the CLI to update your project or try new Angular features by adding the --next flag.
    • Official migrations reference - Angular schematics help update projects by enabling conversion to standalone components, new control flow syntax, and more.
    • ng-morph - Code mutations in your project or schematics were never easier than now.
    • ngx-libs - Angular Libraries Support lists community libs support for each Angular version.
    • @fast-facts/ng-update - A GitHub Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on ng update.
    • npx-app-updater - Alerts users to available updates when a new version is deployed.
    • ngx-update-app - Angular directive for updating app via service workers.
    • Angular Caniuse - Track Angular features from preview to stable stages.
    • Depfixer - Smart dependency analysis for JS/TS projects; detects compatibility conflicts and provides step‑by‑step fixes.
    • migration-planificator - Plan Angular migrations with precision AST analysis, calculate workload estimates, and generate interactive HTML dashboards.
    • NgReady - Stop Wasting Days on Angular Upgrades.

    Angular Pulse

    Community

    Newsletters

    Podcasts

    Bluesky

    Angular Team on X

    Angular Experts on X

    Google Developer Experts on X

    Learning Resources

    Blogs

    Books

    Certification Programs

    • Certificates.dev - Obtain your Certification of Competence as an Angular Developer.
    • Angular Academy CA - Hands‑on, instructor‑led Angular training in Canada.
    • Hackerrank - Angular (Basic) Skills Certification Test.
    • Koenig - Various courses cover Angular separately or full-stack.
    • Simplilearn - Angular Certification Training Course.

    Cheat Sheets

    Exercises

    • angular-fundamental-lessons
    • Angular Challenges - A repository of 60+ Angular, Nx, RxJS, NgRx, and TypeScript challenges designed to sharpen real-world skills.
    • Codelabs - Google Developers Codelabs offer guided, hands-on tutorials to build apps or add new features.
    • rxjs-fruits - Interactive lessons covering a range of operators in RxJS.
    • modern-angular-exercises - Exercises on various Angular topics, including solutions and solution videos.

    Training

    Style Guides

    YouTube Channels

    Architecture and Advanced Topics

    Feature Flags

    GraphQL

    • apollo-angular - A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.
    • apollo-dynamic-angular - Variant of Apollo Angular that allows dynamic selection sets for queries, mutations and subscriptions via a decorated schema.
    • apollo-orbit - A fully-featured GraphQL client for Angular with modular state management.
    • buoy - A GraphQL client for Angular built on top of Apollo.
    • graphql-code-generator - Code generator for GraphQL schemas and operations, with flexible plugin support.
    • ngx-graphql-client - A typed GraphQL client for Angular applications with full TypeScript support.
    • takeshape - It’s easy to build a GraphQL API using TakeShape. Follow this guide to integrate with Angular.

    HTTP

    • ng-http-caching - Cache for HTTP requests in Angular application.
    • @ngify/http - Reactive Angular HTTP client with typed responses, streamlined errors, and request/response interception.
    • ng-http-loader - Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar.
    • angular-odata - A fluent API for querying, creating, updating and deleting OData resources in Angular.
    • ng-memento - Makes your application faster by preventing the same HTTP requests from being called again in your Angular project.
    • ngx-suspense-of - Angular directive that adds suspense to your app.
    • ngx-pwa - Provides additional functionality around Angular PWA’s. Most notably being able to cache and sync POST/PATCH/DELETE Requests.
    • ngx-repository - Easily create a strongly typed data client (HTTP REST or Firestore) in your Angular project.
    • ng-rest-client - This library simplifies HTTP requests by letting developers define RESTful API clients with method decorators.
    • ngx-sse-client - A simple SSE (Server Sent Events) client for Angular applications to replace the use of EventSource.
    • @connectrpc/connect-web - Connect provides cross-platform API libraries. @connectrpc/connect offers type-safe Protobuf APIs in TypeScript, and @connectrpc/connect-web adds browser support. See the Angular example.
    • ng-httpclient-easy-network-stub - An easy class to mock a lot of network requests from the Angular HttpClient.
    • simply-direct - A fullstack communication library that bridges Angular and NestJS through real-time, bidirectional communication powered by WebSockets.
    • ng-error-handling - An Angular module designed for managing HTTP API error responses.
    • active-connect - A connection framework for Node.js, Angular, and WebSockets that simplifies real-time client–server communication with decorators and utilities.
    • ngx-signal-pagination - Pagination for Angular, powered by signals.
    • ngx-http - A lightweight Angular library that enhances HTTP functionalities by providing types, static values, and utility functions.
    • ng-speed-test - A lightweight Angular library for checking internet speed.
    • ngx-interceptors - Library with common HTTP interceptors for Angular applications.
    • ngx-hal - A datastore library with support for handling HAL-formatted HTTP requests.
    • trpc-angular - This repository offers two tRPC-based Angular packages: @heddendorp/trpc-link-angular for HttpClient, and @heddendorp/tanstack-angular-query for reactive data fetching.
    • my-http-resource - A reactive Angular HttpClient wrapper that streamlines requests by managing state, URL parameters, and configuration.
    • luminara - A modern, universal HTTP client built on native fetch, designed for reliable, scalable, and clear architecture.
    • ngx-cachr - A slim, signal-based caching library for Angular.
    • ngx-data-polling - Angular library with utilities to handle data polling in a declarative and type-safe way.
    • ngx-soap - A lightweight SOAP client built on node‑soap, fully compatible with Angular’s signals, standalone components, and modern features.
    • ngx-http-fetch-tracking - Angular library providing upload progress tracking for the Fetch API backend.
    • fetchquack - Angular‑ready HTTP client with an RxJS Observable wrapper and injection‑context support, offering lightweight Fetch‑based streaming, SSE, and upload/download progress handling.
    • ziflux - A zero‑dependency, signal‑native caching layer for Angular 21+ with stale‑while‑revalidate for resource()—instant navigations, background refreshes, no spinners.
    • ng-signal-query - A type‑safe Angular querying library built on signals that streamlines server state, infinite queries, mutations, and caching with high performance.
    • api-caller - Simple API caller library for Angular.
    • ngx-lite-cache - An Angular library that caches HTTP responses via HttpClient interceptors to cut redundant requests and boost performance.
    • ng-qubee - Angular query builder with reactive URIs (RxJS + Signals), typed pagination, 495+ tests, and multi‑driver support.
    • ngx-trpc-client - Reworked fork of Analog’s TRPC package.
    • zx-angular-lazy-resource - Lazy helpers for Angular’s signal-based resource() — defer loading until first access, and await the first settled value as a promise.
    • @stitchapi/angular - Streaming-first StitchAPI bindings: injectStitch / injectStitchStream expose a typed, validated call as both Angular signals and an RxJS observable, re-rendering as response deltas arrive.
    • angular-fetcher - A modern, signal-based Angular library for seamless, type-safe remote API data management, handling fetching, mutations, and error tracking reactively.
    • @some-angular-utils/paginator - Simple, reliable pagination with two inputs: sliding window, jump buttons, disabled edges, and CSS-variable theming.
    • ngx-request-lock - An Angular library that binds a UI flow to the lifecycle of its HTTP requests.
    • ngx-api-client - This configurable ApiService extracts and standardizes ad-hoc HttpClient logic for handling base URLs, errors, retries, and loading states.
    • ngx-task - Signal-first controlled asynchronous actions for Angular with cancellation, lifecycle cleanup, and explicit concurrency policies.
    • ngx-smart-interceptor - Enterprise-grade, resilient, and intelligent HTTP Interceptor for modern Angular applications.

    Micro-Frontends

    • 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.
    • micro-frontends-mindmaps - A mindmap summarizing micro-frontends concepts.
    • ngx-mfe - Angular library for working with micro-frontends in Webpack 5 and plugin ModuleFederation.

    Module Federation

    Monorepos

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

    Server-Side Rendering

    • Official website - Documentation for the new SSR package built into the framework.
    • angular-prerender - A command line tool to prerender Angular Apps.
    • analogjs - Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications.
    • analog-tools - A collection of utilities and libraries designed to enhance and extend AnalogJS.
    • bot-ssr - SSR for bots, instant CSR for users — fast loads and clean prerendered HTML for major crawlers, powered by isbot.
    • ngx-sitemaps - Generate sitemaps from Angular prerendered routes.
    • ngx-bun - High-performance SSR/SSG adapter for Angular 19+ using Bun’s built-in server.
    • ng-ssr-caching - Cache for server-side rendered pages in Angular SSR.

    Development Utilities

    Accessibility

    • Official Angular ARIA - A collection of headless, accessible directives that implement common WAI-ARIA patterns.
    • digital.gov - Accessibility for teams guide from USA government.
    • WAI - The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
    • webaim - Web accessibility in mind.
    • WAVE - Web Accessibility Evaluation Tools.
    • 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 - Accessibility guide from PrimeNG.
    • astral-accessibility - An open-source accessibility widget written in Angular.
    • angular-vlibras - An Angular library that integrates VLibras to automatically translate content into Brazilian Sign Language (Libras).
    • a11y-libraries - A range of accessibility solutions for Angular.
    • a11yguard - Delivers a zero‑dependency accessibility toolkit with cross‑framework primitives, idiomatic adapters, and a runtime audit mapped to EAA / EN 301 549.
    • ulam - Accessibility utilities for the modern web. Vanilla-first, with optional React, Remix, Vue, and Angular adapters.
    • aria-reach - ARIA accessibility anti-pattern analyzer for shared component libraries.

    AI

    • Official AI docs
    • Official Angular CLI MCP Server Setup
    • Official Angular Examples Repo - Angular Examples using GenKit and AI.
    • Official Angular Skills
    • 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.
    • agentbridge - A framework that standardizes how AI agents discover, interact with, and control application components.
    • agent-rules-kit - A CLI tool for AI that installs and configures rules to guide agents in technology stack best practices.
    • agentskit - Composable toolkit and headless chat components for building AI agents in Angular, with streaming, tools, memory and RAG.
    • ago-sdk - By embedding AI agents directly into your frontend stack, AGO streams responses, triggers workflows, and interactively operates your UI.
    • aitools.fyi - AI Tools Built With Angular.
    • Angular code editor rules - Guide for effective AI interaction patterns when working with Angular code.
    • Angularize - Vibe code your Angular app with a human coder in your corner.
    • angular-nest-ai-kit - Skills and AI agents for standalone Angular + PrimeNG (frontend) and NestJS + Prisma (backend) monorepos, organized in Nx.
    • @full-stack-skills/angular-skills - Angular framework development skills for AI coding agents.
    • @Kobolden/angular-skills - Enhance your Angular development with skills for AI-assisted coding, featuring up-to-date patterns, best practices, and examples for version 20+.
    • angular-vibe-kit - Bootstrap a vibe coding workflow into any Angular project—complete with a CLAUDE.md, project docs, and Claude Code slash-commands tailored to your Angular version.
    • augment code - The first AI coding assistant built for professional software engineers and large codebases.
    • CodingFleet - An innovative AI-powered tool that transforms your instructions into efficient Angular code.
    • context7 - MCP Server with up-to-date code documentation for LLMs and AI code editors.
    • cursor.directory - The home for Cursor enthusiasts.
    • deep-chat - Fully customizable AI chatbot component for your website.
    • Feature Search Agent - Angular PR Scout - An AI-powered agent built with Google’s Agent Development Kit (ADK) that automatically searches and analyzes Angular’s GitHub pull requests for new features.
    • gitingest - Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM.
    • glama - Directory of MCP servers filtered for Angular-related entries.
    • hashbrown - The Hashbrown framework is for building joyful, AI-powered user experiences.
    • mushi-mushi - Fix your AI-built app instantly with plain-English diagnoses and ready-to-use fixes directly in your editor.
    • ngAutoPilot - Agent-agnostic catalog of micro-skills for Angular, TypeScript, JavaScript, RxJS, testing, code quality, architecture, versioning, and quality governance workflows.
    • ng-mocks-testing-skill - A collection of Claude Code skills for writing high-quality Angular unit tests with Jest and ng-mocks.
    • ng-pr-review - AI code review that actually understands Angular.
    • ngx-agents-md - Add Angular documentation to your project for AI coding agents (Claude Code, Cursor, etc).
    • ngx-ai - RxJS-friendly Angular client for OpenAI-compatible chat APIs (OpenAI, xAI Grok, or your own proxy) with first-class streaming.
    • ngx-ai-devtools - See every prompt, response, token, and dollar your app spends without leaving the browser tab.
    • ngx-bob - Angular chat widget with messaging, local history, error handling, commands, and search.
    • ngx-gen-ui - Lightweight Angular directive and service for streaming generative UI content via Firebase AI.
    • ngx-prompt-kit - Angular components for AI chat interfaces, built on Spartan UI.
    • ngx-quill-ink - TypeScript engine and Angular wrapper animating text streams as handwriting and capturing pen strokes for Vision LLMs.
    • ngx-testbox-agent-skill - AI Agent skill for the ngx-testbox testing package.
    • point-grab - Point at any web app element to instantly send its full context—HTML, component name, source file, and ancestors—to your AI agent via MCP.
    • PureCode AI - Build Angular application UIs 50% faster with PureCode AI.
    • reangular - A coding-agent skill that converts a React library into a modern Angular library with full feature parity, automated browser validation, and a side-by-side parity review.
    • repomix - A tool that packs your entire repository into a single, AI-friendly file.
    • rxjs-mcp-server - Execute, debug, and visualize RxJS streams directly from AI assistants like Claude.
    • senior-angular-architect - An expert AI skill for senior-level Angular architecture guidance.
    • superconnect - An AI-powered tool that scans your Figma file, explores your React or Angular repo, generates .figma.tsx or .figma.ts mappings, and publishes them back via Figma’s CLI.
    • Threadplane - Angular-native agent UI framework: streaming chat, durable threads, interrupts, subagents, planning, memory, and generative UI for LangGraph and AG-UI backends.
    • UI2CODE - UI to Code Converter in seconds with AI.
    • web-codegen-scorer - A tool for evaluating the quality of web code generated by Large Language Models (LLMs).
    • Workik - Free AI-Powered Angular code generator | Your Context-Driven AI Partner!
    • Yes Chat AI - Angular Ninja - Angular Development Assistant.
    • Zipy - AI Angular Code Generator.

    Analytics

    • @blue-cardinal/ngx-google-analytics - Angular module for injecting Google Analytics script, with safeguards to prevent use in dev environments.
    • clickstream-analytics-on-aws-web-sdk - Enables collection of browser clickstream data to AWS via the provided data pipeline.
    • Heap - Product analytics for tracking customer journeys, conversion, and retention.
    • kitbase - A developer platform for product analytics and feature management.
    • litlyx - An open-source analytics tool — set up with one line of code.
    • @luzmo/ngx-embed - A library for embedding Luzmo dashboards in your Angular application.
    • ngx-gtm - Angular library that automatically injects the script tag required to use Google Tag Manager (GTM).
    • ngx-material-tracking - Provides GDPR-compliant tracking for Angular sites with built-in Google Analytics, Meta Pixel, and custom options.
    • ngx-matomo-client - Matomo analytics client for Angular applications.
    • ngx-meta-pixel - This package enables you to setup Meta Pixel for your Angular application.
    • ngx-piwik-pro - A dedicated Piwik PRO Angular library for implementing Tag Manager and tracking.
    • oculr-ngx - An analytics library that makes collecting data in an Angular app simple.
    • plausible - Lightweight, open‑source, privacy‑friendly analytics with SPA support—see SPA support.
    • rybbit - A privacy-friendly alternative to Google Analytics; see this guide for Angular integration.
    • gizmo - An AI native alternative to Google Analytics, with a more generous free tier than competitors.
    • ngx-segment-community - The community-maintained successor to ngx-segment-analytics.
    • swetrix - Integrate Swetrix with your Angular application to track page views, monitor errors, and capture custom events — all while staying privacy-friendly and GDPR-compliant.
    • @grandgular/logrocket-angular - Wrapper for the LogRocket Web SDK with DI‑friendly init, lazy loading, typed options, privacy helpers, and DOM directives for data‑private/data‑public.
    • ngx-umami - Angular integration for Umami Analytics — a lightweight, privacy‑first tracking solution tailored for Angular applications.
    • takt-angular - Idiomatic Angular wrapper for Takt privacy-friendly analytics.
    • inspect-ng-collector - A comprehensive front-end telemetry and monitoring library for Angular applications.
    • ngx-piano - This library integrates Piano Analytics into Angular applications.

    Code Analysis

    • angular-compiler-output - See the JS output of the Angular compiler for a given Angular template.
    • angular-doctor - Scans your project for Angular-specific lint issues and dead code, then produces a 0–100 health score plus actionable diagnostics.
    • angular-mermaider - Static code analyzer that produces Mermaid dataflow diagrams.
    • compuse - Unified API for analyzing Angular component usage across your codebase.
    • modulens - A suite of architecture, structure, and quality analysis tools for frontend workspaces.
    • ngcompass - Angular-aware static analysis for architecture, performance, SSR, security, and code quality.
    • ng-di-graph - A command-line tool that analyzes Angular TypeScript codebases to extract dependency injection relationships.
    • ng-lens - A Node.js tool that uses ts-morph to analyze Angular components and detect service usage patterns from any API library.
    • ng-loom - A CLI that scans an Angular project and emits a shareable, self-contained static HTML report of the app’s architecture: components, directives, pipes, services, wrappers, imports, and injections.
    • ng-parsel - Parse your Angular codebase to JSON abstraction - Great for displaying APIs and analysis.
    • ng-vitals - Static analysis tool that evaluates health, architecture, maintainability, and modernization readiness.
    • ngx-genie - A tool to visualize the dependency injection tree, analyze service states, track component relationships, and identify memory or architectural issues.
    • ngx-html-bridge - Converts Angular templates into static HTML variants, enabling reliable validation and linting with any standard HTML tool.
    • ngx-locator - Angular development utility to open components and templates from the browser like LocatorJS.
    • oxc-angular-compiler - A high-performance Angular template compiler written in Rust, leveraging the Oxc infrastructure for blazing-fast compilation.
    • ts-analyzer - A comprehensive TypeScript codebase analyzer that provides detailed metrics on type safety, code complexity, and quality.

    Debugging

    • Bugfender - A cloud service to collect logs and Angular errors in Real-Time.
    • ngx-debug-console - A floating debug console overlay for Angular 14+ applications.
    • ngrx-devtool - A development tool for visualizing and debugging NgRx state management.
    • ngx-dev-toolbar - A powerful development toolbar for Angular applications to improve your developer productivity directly in the browser.
    • omelet-angular-debug-panel - Angular debug dashboard providing visibility into SQL activity, server timing, and authentication debugging.
    • angular-scan - Automatically detects and highlights Angular components that are re-rendering.
    • angular-render-scan - A visual debugging overlay for Angular change detection.
    • rxjs-leak-finder - A dev-mode tool that finds leaked RxJS subscriptions in Angular apps.
    • form-lens-angular - Inspect form structure, control state, validation errors, and nested form trees directly inside your app during development.
    • allstak-angular - Captures uncaught exceptions, structured logs, navigation spans, outbound HTTP requests, and component render timing — with first-class support for both standalone and NgModule-based apps.

    Documentation Tools

    • Storybook - The UI development environment you’ll love to use.
    • 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.
    • ng-component-hierarchy-visualizer - An unobtrusive tool that generates Mermaid diagrams of your Angular component hierarchy from route configs.
    • easy-template-x-angular-expressions - Angular expressions support for easy-template-x.
    • story-ui - Automate component documentation by generating Storybook stories through AI-powered conversations, compatible with many LLM providers.
    • envguards - Framework-agnostic environment variable validation, documentation generator, and .env.example creator.
    • ngmd - Angular docs starter. Drop a markdown file, get a route.
    • storybook-addon-angular-manifest - A Storybook addon that builds an Angular component manifest from your stories and Compodoc documentation.

    IDE Extensions

    • AngularCliPlus - Angular CLI commands, schematics generator, and project tools for VS Code.
    • angular-code-quality-toolkit - VS Code extension to run Angular code-quality tools (depcheck, ts-prune, ESLint) and help clean unused code and dependencies.
    • Angular Dev Tools - Browser extension for debugging and profiling Angular applications.
    • Angular Extension Pack - This extension pack packages some of the most popular VS Code Angular extensions.
    • Angular File Generator - Supercharge your Angular development with intuitive and rapid file generation.
    • Angular Schematics Pro - Ultimate Angular code generation in Visual Studio Code.
    • Angular Schematics - Ultimate code generation in Visual Studio Code.
    • GraphLens - Interactive architecture visualizer for Angular projects.
    • Ionic VS Code Extension - Perform various functions that are common to developing an Ionic app, all without leaving your VS Code window.
    • mini-typescript-hero - A lightweight, modern VSCode extension that automatically manages your import statements.
    • ngx-html-syntax - Angular HTML Syntax for Sublime Text.
    • ngx-translatorex - A VS Code extension that extracts hard-coded strings from Angular templates and components into ngx-translate i18n keys.
    • Nx Console - Spend less time looking up command line arguments and more time shipping incredible products.
    • Redux DevTools - Can be used in combination with @ngrx/store-devtools to inspect the state of your NgRx app.
    • vscode-angulartools - You can explore an Angular project, enhance documentation, reverse engineer code, and do refactoring with AngularTools.
    • VS Code Angular HTML - Syntax highlighting for Angular HTML template files.
    • vscode-angular-auto-import - Automatically suggests and inserts missing Angular component imports based on selectors used in templates.
    • zed-angular - This extension integrates the Angular Language Service into Zed.

    Generators and Scaffolding

    • angular-openapi-gen - Tree-shakeable, signal-native API clients generator.
    • angular-scaffold - Scaffold an Angular project with all tooling you need for production projects.
    • ngx-schematics-utilities - Useful utilities for Angular Schematics.
    • abp - Open‑source ASP.NET Core framework for enterprise apps with opinionated architecture.
    • LymeStack - A full-stack web app template and toolset that helps small teams quickly build and enhance applications.
    • spiderly - A .NET (C#) generator that turns your EF Core model into a customizable .NET and Angular app.
    • generator-jhipster-ionic - You can use it to generate an Ionic app that talks to a JHipster backend.
    • Node Initializr - Quickly gathers your app’s dependencies and handles much of the initial setup for you.
    • nx - This plugin offers executors, generators, and utilities for managing applications and libraries.
    • skulljs - Provides a standardized file structure for building web applications using popular JavaScript and TypeScript frameworks.
    • teleport-code-generators - A collection of code generators for modern JavaScript applications.
    • Bootify.io - Generate Spring Boot apps with custom database, Angular frontend and CRUD functionality.
    • jangular-cli - A Spring Boot + Angular starter kit with JWT auth, Flyway migrations, route protection, and CLI setup.
    • enterprise-java-saas-starter-kit - Production-ready SaaS starter with Java 21, Spring Boot 3.4, Angular 21 (Standalone + Signals), MSSQL, JWT auth, and Docker Compose.
    • SaaS Starter - Production-ready NestJS + Angular 21 SaaS boilerplate with JWT/OAuth/2FA auth, Stripe payments, multi-tenancy, RBAC, BullMQ, Docker, Terraform, and 55+ tests.
    • JHipster - Open source app generator for Spring Boot and Angular.
    • ng-openapi - Angular OpenAPI Client Generator.
    • tmf - A lightweight TypeScript port of Eclipse Modeling Framework (EMF) for model-driven, type-safe data models across Node.js, Java, and Angular/React.
    • polyfront-scaffold - A generator that offers a wide range of configuration options to build a flexible, scalable Angular app.
    • orval - Generate, validate, cache and mock in your frontend applications, based on your OpenAPI specification.
    • angular-sitemap-generator - Generates a sitemap.xml file for an Angular project.
    • AutoFormsBuilderFilesGenerator - Generate Angular forms from OpenAPI/Swagger with ng-openapi-gen, featuring strong typing, validation, and UI helpers.
    • ngx-autogen - A set of schematics that streamline Angular workflows by generating best‑practice code and reducing repetitive setup tasks.
    • angular-momentum - Spins up Angular projects in a monorepo quickly with minimal configuration.
    • swaggular - A tool to generate Angular services and models from Swagger/OpenAPI specifications.
    • prism - Auto-generate framework wrappers (React, Vue, Svelte, Angular, Solid, Preact) and HTML/CSS examples from Lit web components.
    • momentum-cms - An Angular-based headless CMS. Define collections in TypeScript, auto-generate an Admin UI, REST API, and database schema.
    • ng-openapi-signals - Signal-first OpenAPI client generator for Angular using resource() and fetch().
    • NGX View Builder - Drag-and-drop low-code builder to visually design entire pages, dashboards, and forms rendered natively via JSON.

    Internationalization

    • angular-ecmascript-intl - Contains pipes to transform internationalization data using Intl.* browser APIs.
    • angular-i18next - Angular integration for i18next.
    • angular-intlayer - This intlayer package allows you to internationalize your Angular application. It provides context providers and hooks for Angular internationalization.
    • angular-locale-chain - Smart locale fallback chains for Angular and Transloco.
    • angular-translation-checker - A tool for ngx-translate that detects unused or missing keys to keep i18n files clean.
    • Angular Translation Extractor - VS Code extension that extracts hard-coded strings from templates and TypeScript into ngx-translate keys, generates and auto-translates the locale JSONs, and wires up the loader and a language selector.
    • Crowdin - AI-powered localization software, automating content translation with 600+ apps and integrations.
    • doloc - Instant translations in your Angular workflow.
    • I18N - Soluling has implemented a collection of internationalization (I18N) APIs for .NET, Angular and Delphi.
    • i18n-egy - A modern, lightweight, and tree-shakable Angular internationalization library powered by Signals that is safe for server-side rendering.
    • i18n-keygen - Type-safe i18n keys for every build tool. One package, zero lock-in.
    • 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.
    • langsync - CLI tooling for localization workflows in TypeScript projects.
    • localess - A powerful translation management tool and content management system built using Angular and Firebase.
    • localive - Update text directly inside running React, Vue, Angular, or Svelte apps, saving changes instantly to your locale files without searching JSON keys.
    • ng-extract-i18n-merge - Extract and merge i18n xliff translation files for Angular projects.
    • ng-linguo - Modern Angular 18+ i18n toolkit built on SignalStore — a reactive, from‑scratch alternative to @ngx‑translate/core and Transloco with zero RxJS in components.
    • ngx-atomic-i18n - Angular translation library with lazy loading.
    • ngx-bidi - Angular library for automatic or manual LTR/RTL text direction with directives, NgxBidiService, SCSS mixins, and module/standalone support.
    • ngx-directo - Angular 18+ Signals-based library for RTL/LTR directionality, Arabic localization, and Google Font orchestration.
    • ngx-easy-i18n-js - The easy internationalization (i18n) library for Angular.
    • ngx-g11n - Angular helpers for internationalizing and localizing your application.
    • ngx-i18n-extract-regex-cli - Tool for extracting translations from Angular app using regex.
    • ngx-i18n-tools - Tools for translating Angular apps, including an Excel/XLIFF converter—ngx-xlf-xlsx.
    • ngx-localized-router - A lightweight Angular library that helps you localize your application routes by adding language segments to the URL.
    • ngx-runtime-i18n - Runtime internationalization for Angular — signals-first, SSR-safe, and framework-agnostic core.
    • ngx-signal-translate - A signal-driven translation service.
    • ngx-tolgee - Web-based localization tool enabling users to translate directly in the Angular app they develop.
    • ngx-translate - The internationalization (i18n) library for Angular.
    • @OGS-GmbH/ngx-translate - A lightweight Angular i18n library with REST-based setup, dynamic language switching, and flexible translation management.
    • ngx-translate-cut - Angular pipe for cutting translations ✂️ 🌍 (plugin for @ngx-translate).
    • ngx-translate-lint - Simple CLI tools for check ngx-translate keys.
    • ngx-translate-messageformat-compiler - Compiler for ngx-translate that uses messageformat.js 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-phraseapp - The official library for integrating Phrase Strings In-Context Editor with ngx-translate in your Angular application.
    • ngx-translate-routes - This service translates titles and route paths.
    • ngx-translate-toolkit - An Angular library designed to extend @ngx-translate/core and streamline the process of managing translations in large projects.
    • ngx-translate-version - Angular module that provides version to your language files.
    • ruci - A CLI tool that simplifies i18n validation in Angular projects with ngx-translate, ensuring accurate, high-quality translations.
    • runtime-localizer - Runtime localizer for Angular.
    • rust-ngx-translate-lint - A Rust port of ngx-translate-lint for improved performance.
    • signal-translate - Translation service that is using signals at its core.
    • Transifex - You can easily localize Angular components using the Transifex library extension. This library extends the functionality of Transifex Native JavaScript SDK.
    • TransLatte - A CLI tool that generates translation JSON files using the Lingva API.
    • transloco - The internationalization (i18n) library for Angular.
    • transloco-keys-manager - Extract translatable keys from projects that use Transloco.
    • xlf-sync - A CLI tool for synchronizing Angular XLIFF (1.2 & 2.0) locale files.

    Linting

    • @ni/javascript-styleguide - NI’s JavaScript and TypeScript linter rules for ESLint.
    • @yoo-digital/eslint-plugin-angular - Custom lint rules for Angular.
    • angular-eslint - Monorepo for all the tooling which enables ESLint to lint Angular projects.
    • eslint-config-angular-strict - Modern ESLint configuration with strict rules for Angular development.
    • eslint-config-spartan - An opinionated ESLint configuration with separate configs (called mixins) for various eslint plugins.
    • eslint-plugin-angular-modern - ESLint rules for modern and safe Angular.
    • eslint-plugin-ng-module-sort - Auto-sorts Angular and NestJS module arrays to keep your modules clean and organized.
    • ngx-html-bridge-markuplint - This library links Markuplint to Angular templates by reverse‑compiling them into HTML, enabling accurate linting with proper source‑mapped reporting.
    • eslint-config-neon - A comprehensive shareable ESLint configuration.
    • eslint-config-angular - Comprehensive Angular ESLint configuration with TypeScript support, component/template rules, accessibility, and CSS linting.
    • linters - Collection of super strict configurations for ESLint / StyleLint and other code quality tools.
    • eslint-plugin-angular-class-ordering - ESLint plugin that keeps Angular class members (fields and methods) in a consistent order with auto-fix functionality.
    • lint-a-lot - An opinionated ESLint and Stylelint configuration for Angular projects using modern Flat Config.
    • neighbor - Catch accessibility issues in your markup, CSS, and copy before they ship.

    Networking

    • angular-http-server - Simple http-server for Single Page Apps (SPAs).
    • ngx-device-detector - An Angular v7+ library to detect the device, OS, and browser details.
    • ngx-offline-indicator - A simple and customizable way to inform users about their internet connection status within their Angular applications.

    Performance

    • angular-rust-compiler - High-performance Angular AOT compiler written in Rust, providing full static compilation of Angular components and directives.
    • detective - Uses forensic code analysis at the architectural level to reveal hidden patterns within your codebase.
    • esbuild Bundle Size Analyzer - Visualize the contents of your esbuild bundle.
    • hawkeye - A tool that visualizes and optimizes JavaScript bundles, revealing modules, dependencies, and assets affecting performance.
    • microwave - Optimize Angular change detection effortlessly.
    • ng-event-plugins - A tiny library for optimizing change detection cycles for performance sensitive events.
    • ng-queuex - Experimental Angular ecosystem with React-like scheduler and signal-driven directives for fine-grained change detection.
    • ng-reactive-lint - An Angular-specific linter enforcing optimal reactivity patterns with Signals and RxJS.
    • ngx-idle-monitor - A lightweight Angular service for tracking user activity, managing session timeouts, and syncing idle state across tabs.
    • ngx-network-monitor - A lightweight Angular service to monitor network status: online/offline, connection quality (2G/3G/4G/5G), and ping latency.
    • ngx-performance-diagnostics - Spot performance bottlenecks, excessive change‑detection cycles, and memory leaks in Angular apps with zero setup.
    • ngx-script-optimizer - A lightweight Angular library designed to supercharge your third-party script handling.
    • ngx-unused - Find declared but unused Angular classes in your codebase.
    • ngx-worker-bridge - A lightweight, zero-boilerplate reactive bridge for Angular and React that makes Web Workers (Dedicated and Shared) as simple as calling a regular method.
    • rere-benchmark - Performance benchmark evaluating reactivity and rendering across frontend frameworks.
    • sonda - Universal visualizer and analyzer for JavaScript and CSS.

    Runtime

    • angular-compile - Angular Dynamic Compile. Convert strings to Angular components.
    • deepequalspure - JavaScript object deep equals service for Angular projects.
    • lbx-change-sets - Automatically tracks entity changes using an extendable base repository.
    • ng-noop - A minimal, DOM‑less Angular platform for custom runtimes, CLIs, servers, and experimental renderers.
    • ngx-api-mimic - This library allows you to mock data and simulate a fake API using Angular’s HTTP Interceptor.
    • ngx-compare-object - Angular utility to compare an original object with its modified version.
    • ngx-json-reader - Angular 17+ JSON reader/editor with multi-URL comparison and diffing.
    • runtime-config-loader - Angular library that provides an easy way to load a configuration JSON file for runtime configuration.
    • worker-bridge - Bridge Angular and React to web workers with simple reactive methods and no boilerplate.

    SEO

    • @davidlj95/ngx-meta - Quickly set Angular site metadata (meta tags, Open Graph, X Cards, JSON-LD) with SSR support.
    • ngx-seo - Kwerri OSS: samvloeberghs.be + ngx-seo.
    • Angular React SEO - Angular & React Examples SEO (Search engine optimization).
    • unhead - Full-stack <head> management for Angular applications.

    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.
    • Material Theme Builder - Real-time Angular Material theming for your app.
    • 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.
    • ngx-mq - A declarative library that uses signals and the native matchMedia API to manage media queries, with built-in breakpoint presets for Tailwind, Bootstrap, and Angular Material.
    • ngx-responsive-signals - Signal-based responsive breakpoints for Angular.
    • ngx-theme-stack - Modern, SSR-safe Angular library for managing dark mode, light mode, and custom themes via Angular Signals.
    • panda - Easily use Panda, CSS-in-JS Framework, with Angular with its dedicated integration.
    • prime-ng-theme-fe - A visual theme designer for PrimeNG.
    • Super JSS - Super JavaScript Stylesheets is a tiny Angular runtime library that generates atomic CSS with breakpoints and theming.
    • Theme-Kit - A unified design‑token SDK that centralizes your colors, typography, and spacing for seamless use across React, Vue, Angular, or any JavaScript project.
    • tokiforge - Framework-agnostic design token engine for React, Vue, Angular, Svelte & vanilla JS.
    • ukit-css - JIT utility-first CSS engine — Tailwind-style on-demand class generation for any frontend stack (React, Vue, Angular, Svelte, Next.js, Astro, plain HTML).

    Security and Authentication

    Authentication

    • 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.
    • angularfire - Angular + Firebase.
    • angularx-social-login - Social login and authentication module for Angular 17.
    • angular2-jwt - Helper library for handling JWTs in Angular apps.
    • appwrite - Integrate your Angular app with Appwrite for auth, database, storage, functions, and more.
    • auth0-angular - Auth0 SDK for Angular Single Page Applications.
    • authon-sdk - Angular SDK for Authon — service, guard, and interceptor.
    • authress-angular - This package only contains a module for easy setup and registration of the Authress LoginClient.
    • @badisi/ngx-auth - Authentication and authorization support for Angular based desktop and mobile applications.
    • corbado - Integrate Corbado with Angular to use passkeys for authentication.
    • fingerprint - The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.
    • frontegg-angular - Hosted login SDK for Angular; see the quickstart.
    • FusionAuth Angular SDK - Angular SDK for login/registration, logout, and refresh token handling.
    • hanko - Follow this quickstart to integrate Hanko, an open source authentication and user management solution, into your Angular app.
    • keycloak-angular - Easy Keycloak setup for Angular applications.
    • lbx-jwt - Provides JWT authentication for loopback applications. Includes storing roles inside tokens and handling refreshing. Built-in reuse detection.
    • Logto - Open‑source Auth0 alternative (OIDC/OAuth2/SAML). Angular quickstart.
    • Melody Auth - Its SDK enables seamless Angular–melody auth integration with automated state, redirects, and token handling.
    • MojoAuth - The Simplest Way to integrate passkeys.
    • msal-angular - MSAL for Angular allows Angular apps to authenticate users via Azure AD, Microsoft accounts, and social providers through Azure AD B2C, and to acquire tokens for Microsoft services like Graph.
    • ng-awesome-node-auth - Angular Interceptor and Guards for awesome-node-auth.
    • ngx-auth-client - Angular authentication layer providing signal-based state management, functional route protection, and Keycloak integration.
    • ngx-better-auth - An Angular 20+ wrapper for Better Auth. Provides reactive session handling with signals, clean DI provider setup with observables, and modern guards.
    • ngx-cognito-auth - Angular 21+ library for AWS Cognito authentication using the OAuth 2.0 Authorization Code flow with PKCE.
    • ngxfire - Zoneless AngularFire replacement.
    • ngx-oauth - Zoneless, signal-based OAuth 2.1 library for Angular 22.
    • ngx-webauthn - An Angular library offering a type-safe, streamlined abstraction of the native WebAuthn API, with built-in support for standard types and optional presets for common use cases.
    • omni-auth - Angular authentication library providing core functionality for authentication flows, guards, and error handling.
    • otp-angular - A lightweight, highly customizable, and dependency-free OTP (One-Time Password) input component built for Angular 20+ applications.
    • passlock - Frictionless passkey authentication for Angular and other frameworks.
    • @serhiisol/ngx-auth - Angular 20+ Authentication Module.
    • Supabase - Build a User Management App with Angular.
    • SuperTokens - Configure your Angular application to use SuperTokens for authentication.
    • witspry-auth-ng-client - A comprehensive Angular library for OAuth2 authentication with PKCE (Proof Key for Code Exchange) support.
    • zenuxs-oauth - Universal OAuth 2.0 + PKCE client for modern applications.
    • zitadel - Secure authentication management for your application. Customize as you grow, with easy APIs and programmable workflows. Focus on growing, your login is in good hands.

    Payments

    Role-Based Access Control

    • casl-angular - Module which integrates isomorphic permissions management library CASL with Angular.
    • nblocks - A control center for seamless management of Authentication, Payments, Subscriptions, Feature, and Role management.
    • ngx-can-i - A package for Angular developers to help them deal with permissions.
    • ngx-permissions - Permission and roles based access control for your Angular applications(AOT, lazy modules compatible).
    • ngx-role-accessor - Enterprise-grade Angular Role-Based Access Control (RBAC) Library.
    • ngx-signal-permissions - A modern, signal-based Angular library for managing permissions and roles with full TypeScript support.
    • ngx-smart-permissions - A lightweight Angular library for role and permission-based access control, supporting standalone components and NgModules.
    • ngxsmk-gatekeeper - A lightweight, developer‑friendly middleware engine for Angular that secures routes and HTTP requests through one composable setup.
    • permit - An authorization-as-a-service solution that can be used with Angular.
    • ng-ability - Define access control lists in Angular.
    • urbac - A complete, production-ready boilerplate designed to help you scaffold secure, multi-level access control systems in minutes.
    • rulegate - Local-first, provider-independent authorization for .NET and Angular.

    Security Best Practices

    • Official Angular Security - Best Practices.
    • Aikido - Secure your code, cloud, and runtime in one central system. Find and fix vulnerabilities automatically.
    • GitHub Code Scanning - Learn core concepts for GitHub’s code scanning features.
    • GitHub Skills - Guided interactive tutorials for Code Security and analysis are available.
    • HackTricks - Angular Security Checklist.
    • SafeDep - It continuously scans open source code for vulnerabilities and malware, helping security engineering teams proactively mitigate inherited OSS risks.
    • Snyk - A developer security platform that integrates directly into development tools, workflows, and automation pipelines.
    • Socket - A developer-first security platform that protects your code from both vulnerable and malicious dependencies.
    • supply-chain-inspector - A standalone, zero-dependency Node.js script for supply chain security analysis of npm dependencies.
    • Vulert - Secures software by detecting vulnerabilities in open-source dependencies—without accessing your code. It supports JS, PHP, Java, Python, and more.

    State Management

    NgRx

    • Official website
    • Official GitHub repository - Reactive State for Angular.
    • 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 21, NgRx 21, and Nx 22.
    • ngx-view-state - Library for handling Loading/Success/Error in NgRx.
    • store-service - Adds an abstraction layer / facade between Angular components and the NgRx store.
    • ngx-signal-store-query - Signal Store feature that bridges with Angular Query.
    • SmartNgRX - A library that simplifies CRUD operations by abstracting NgRx, while still leveraging and supporting 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 integrates with existing stores to reduce boilerplate and simplify handling HTTP request states like loading, success, and error.
    • ngrx-set - This simplifies the creation of actions for asynchronous requests that can succeed, fail, or be aborted.
    • easy-ngrx-distinct-selector - Provides functions to easily create @ngrx/store selectors with equal functions for arguments and result values.
    • ngrx-store-wrapper - Angular library for NgRx state management with built-in session and local storage, no manual actions or reducers needed.
    • ngx-rehydrate - NgRx state rehydration library for Angular SSR applications.
    • ngrx-offline - Durable, optimistic, offline mutation handling for Angular applications that use NgRx.
    • ngrx-graph - A CLI scanner to generate JSON and DOT/SVG dependency graphs.

    NGXS

    • Official website
    • Official GitHub repository - NGXS aims to simplify state management with minimal boilerplate and maintenance.
    • action-lifecycle-hooks - Makes it simple to trigger code on action outcomes—such as success or error—without manual action wiring.
    • actions-executing - This plugin allows you to easily know if an action is being executed and control UI elements or control flow of your code to execute.
    • emitter - New pattern that provides the opportunity to feel free from actions.
    • firestore-plugin - Firestore plugin for NGXS.
    • ngxs-postmessage-plugin - NGXS plugin for state synchronization across windows or microfrontends using postMessage.
    • ngxs-synchronizers - Simplifies synchronizing your NGXS-based application state with external data sources.

    Other State Libraries

    • 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.
    • TanStack Query - Powerful asynchronous state management, server-state utilities and data fetching for the web.
    • state-adapt - Declarative, incremental state management library.
    • mini-rx-store - Reactive state management platform.
    • ngx-collection - Collection State Management Service for Angular.
    • xstate - Actor-based state management & orchestration for complex app logic.
    • signalstory - A state management library built on Angular signals, supporting simple repositories, decoupled commands, side effects, and inter-store communication via event-driven architecture.
    • ngx-sherlock - An Angular tooling library to be used with the @politie/sherlock distributed reactive state management library.
    • tansu - A lightweight, push-based state management library. It works well with the Angular ecosystem.
    • @tethys/store - A mini, yet powerful state management library for Angular.
    • ngx-crud - CRUD services in Angular with effortless aborting, caching and observing.
    • @ng-state/store - RxJS and Immer (or ImmutableJs) powered nested state management for Angular applications inspired by NgRx.
    • ng-simple-state-management - Simple state management implementation for Angular applications.
    • ngx-statewise - A simiplifed state management alternative to NgRx or NGXS.
    • signaltree - A powerful, type-safe, modular signal-based state management solution for Angular applications.
    • ngx-simple-signal-store - A simple way to create signal stores with a read-only interface.
    • angulator - A lightweight Angular 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.
    • ngx-stashr - A lightweight, signal-driven state management library for Angular 21, inspired by React’s Zustand.
    • ngx-event-bus-lib - Broadcast strongly-typed events anywhere in your app and react to them declaratively — without services, DI, providers, RxJS, signals, or tight coupling.
    • rs-x - A reactive engine that unifies sync and async data into one transparent model, giving Angular fine‑grained automatic change detection without manual async handling.
    • stateloom - A universal state‑management SDK featuring a signal‑driven reactive core, along with paradigm adapters (Store, Atom, Proxy) and framework adapters for React, Angular, and more.
    • ngx-state-crafter - A lightweight, signal‑driven state library for Angular with a clean, boilerplate‑free API.
    • coaction - An efficient and flexible state management library for building high-performance, multithreading web applications.
    • flurryx - A signal-first reactive state toolkit for Angular that bridges RxJS streams into structured, cache-aware stores.
    • ngStato - State management for Angular that uses async/await instead of RxJS.
    • ng-eagleeye.js - A framework-agnostic, native JavaScript immutable state manager with change-streams, deployable anywhere.
    • ngx-deep-signals - Deeply reactive, zero‑ceremony nested state for Angular—turn any object into a signal graph without calls, setters, or boilerplate.
    • editate - An experimental, type-safe, framework agnostic and small (5kB+) contenteditable state manager.
    • sdux-vault - A framework-agnostic, deterministic state management system.
    • ngx-tosijs - Insanely simple state management for Angular — and an off-ramp from Angular. Take your pick.
    • ngx-zero - Signals-first, zoneless-ready Angular bindings for Rocicorp Zero, a general-purpose sync solution.
    • ng-craft - A Signal-based Angular toolkit for modeling state, asynchronous work, services, forms, dependency injection, and routes with explicit dependencies and strong TypeScript inference.

    Testing

    E2E

    • Cypress - End to End and Component Testing for Angular.
    • cypress-harness - This library provides Cypress support to Component Test Harnesses.
    • cypress-angular-commands - A production-ready collection of reusable Cypress custom commands for modern Angular enterprise and ERP applications.
    • 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.
    • testcafe - A user-friendly end-to-end testing solution.
    • webdriverio - Next-gen browser and mobile automation test framework for Node.js.
    • Puppeteer Angular Schematic - Adds Puppeteer-based e2e tests to your Angular project.
    • ngx-playwright - Tools to run Playwright e2e tests in an Angular workspace.
    • ngx-playwright-schematics - Angular Schematics package that automates production-ready Playwright E2E testing architecture setup.
    • playwright-ng-schematics - Adds Playwright Test to your Angular project.
    • playwright-coverage - Report coverage on Playwright tests using v8 coverage, without requiring any instrumentation.
    • Cypress to Playwright - A curated collection of resources that can help you to migrate your test suite from Cypress to Playwright.
    • Playwright Chrome Recorder - Export Chromium recorder tab data to Playwright tests. This gives you a nice starting point that you can refine to modern Playwright.
    • playwright-mcp - A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright.
    • twd - In‑browser test runner with instant feedback, Testing Library support, Vite discovery, and built‑in API mocking—framework‑agnostic and easy to use in Angular.

    Component

    • Angular Testing Library - Extends DOM Testing Library by introducing APIs tailored for testing Angular components.
    • @jscutlery/playwright-ct-angular - Playwright Angular component testing.
    • ngx-speculoos - Simpler, cleaner Angular unit tests.
    • Meticulous AI - Cover the 1000s of edge cases of your application - without writing or maintaining a single test.
    • Jasmine - Simple JavaScript testing.
    • docker-ng-cli-karma - Angular Docker image capable of running Karma with Chrome.
    • Jest - A delightful JavaScript testing framework with a focus on simplicity.
    • jest-preset-angular - Jest configuration preset for Angular projects.
    • jest-preview - Debug your Jest tests. Effortlessly.
    • jest-marbles - Helpers library for marbles testing with Jest.
    • jest-codemods - Codemods for migrating to Jest.
    • ts-jest - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.
    • Vitest - A Vite-native testing framework.
    • Early AI - Save time, enhance code coverage, and ensure quality with Early’s automatically generated, verified, and validated unit tests. Works with Jest and Vitest.
    • swc-angular - This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest.
    • swc-angular-plugin - SWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn’t support Angular so you need this plugin.
    • vitest-browser-angular - This community package renders Angular components in Vitest Browser Mode.
    • @MRinaldi9/vitest-browser-angular - This independent fork of the official vitest-browser-angular library features isolated implementations not shared with the original project.
    • wdio-harness - WebdriverIO support for Angular component test harnesses.
    • testronaut - By removing mocks and guesswork, Testronaut enables developers to visually inspect output and write precise tests with Playwright’s robust API.

    Helpers

    • Official Angular Material CDK Testing - @angular/cdk/testing provides infrastructure to help with testing Angular components.
    • 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.
    • spectacular - Offers test harnesses for Angular applications and libraries.
    • ngx-page-object-model - This library simplifies Angular UI component testing using the Page Object Model (POM), separating test logic from DOM manipulation for better abstraction.
    • ngtx - Angular Testing Extensions is a small set of functions that make your life easier when testing Angular components.
    • ngx-testing-tools - Provides high-level utilities and reduces boilerplate for testing Angular applications.
    • stryker-js - Mutation testing for JavaScript and friends.
    • msw - Seamless REST/GraphQL API mocking library for browser and Node.js.
    • msw-lens - A tool that generates AI‑readable project state snapshots so any model can understand your mocked APIs, active scenarios, and context without manual explanation.
    • 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.
    • ng-automocks - It simplifies Angular testing by auto-generating mocks for components, directives, pipes, modules, and services using Jest, removing manual stubbing.
    • jest-angular-test-verifier - Jest reporter that verifies Angular components, services, directives, and other file types have matching test files.
    • ngx-api-mocks-interceptor - A powerful Angular HTTP interceptor for mocking API responses with support for dynamic data generation, path matching, response delays, and simulated file operations.
    • testing-library-queries - Streamlines DOM querying with a composable, chainable API, TypeScript support, CSS selector helpers, concise syntax, reusable query logic, and framework-agnostic compatibility.
    • ArchUnitTS - Enforce architecture rules, detect circular dependencies, and validate code standards in JS/TS projects with easy setup and seamless test framework integration.
    • qc-auto-package - Effortless, reliable test IDs for Angular — managed by testers, independent of code.
    • ng-magic-test-bed - Angular test bed wrapper that allows you to remove a lot of bloat code from your spec files.
    • schmock - Create callable mock APIs from OpenAPI specs or hand-crafted routes using a plugin pipeline and framework adapters.
    • vitest-auto-spy - A drop-in replacement for jest-auto-spies.

    Site Templates

    Free Templates

    • ng-matero - Angular Material admin dashboard template.
    • coreui-free-angular-admin-template - CoreUI Angular is free Angular admin template based on Bootstrap 5.
    • devextreme-angular-template - Responsive Application Layout Templates​ based on DevExtreme Angular Components.
    • QuickApp - ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development.
    • material-pro-angular-lite - MaterialPro Angular Lite is high quality free Angular Material template / theme from WrapPixel. You can download and use for Personal as well as Commercial Projects.
    • spike-angular-free - Spike is the most powerful & comprehensive free Angular admin template based on Material Angular.
    • 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-ngrx-frontend - Angular NgRx powered frontend template for Symfony (or similar) backend.
    • zen - Nest + Prisma + Apollo + Angular Full Stack GraphQL Starter Kit.
    • Colorlib
    • HTMLrev
    • tailkit-starter-kit-angular - Angular Starter Kit for using Tailkit UI components out of the box in your project.
    • angular-tailwind - Angular & Tailwind CSS Admin Dashboard Starter Kit.
    • 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 - A sample Angular app integrating Descope with login, user dashboard, and dynamic navigation.
    • berry-free-angular-admin-template - Berry is a free Angular + Bootstrap 5 admin dashboard with customizable, feature-rich pages for optimal UX.
    • gradient-able-free-admin-template - Gradient able free Bootstrap, Angular, React admin template.
    • mantis-free-angular-admin-template
    • datta-able-free-angular-admin-template
    • sanity-template-angular-clean - A clean Angular SPA that gets content from Sanity.
    • angular-templates - A set of Angular templates for common web apps.
    • LightNap - A full-stack SPA starter kit with ASP.NET Core Identity, JWT management, and admin identity features.
    • Angspire - Angular + .NET monorepo template with built-in auth, themes, and a scalable foundation for faster development.
    • keycloakify-starter-angular-vite - Angular and Vite Starter for Keycloakify 11.
    • extreme-angular - A starter template with pre-configured dev tools that enforce best practices for creating clean, maintainable, and accessible web apps.
    • @wlucha/angular-starter - Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material, & Prettier.
    • dataclouder-template-angular - A ready-to-use Angular/Ionic template with Firebase Authentication integration.
    • signal-admin - Angular 20 admin panel (Material + Tailwind) with responsive layout, sidebar, user management, and UI components.
    • ngXpress - The Full-Stack Angular Starter Kit (SSR, Zoneless, Express 5, Prisma, better-auth, Tailwind CSS 4).
    • spartan-stack-starter - An Opinionated Template Project Starter using Spartan Stack.
    • jet - Angular starter-kit for building quality web apps fast.
    • free-angular-tailwind-dashboard - Free, open-source Angular + Tailwind CSS admin dashboard with essential UI components and pre-built pages for a sleek, modern interface.
    • hanko-angular-express-starter - Starter integrating Hanko authentication with Angular and Express.
    • ng-ultimate-base - Angular 20 template with Angular Material UI, Tailwind CSS, i18n, ESLint, Prettier, Husky, and CI/CD.
    • angular-dev-enhanced - A ready-to-use Angular starter with Vite, Vitest, ESLint, and Prettier—perfect for clean, modern development.
    • angular-realworld-example-app - Angular codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.
    • angular.ng - An open-source productivity dashboard built with Angular and Supabase.
    • angluar-crm - Angular CRM template with contact management, deal tracking, and analytics.
    • ngx-admin-v20 - With this admin dashboard, you’ll enjoy a modern Bootstrap 5 UI with SASS customization, reusable components, and a sleek material theme.
    • nestjs-angular-starter - A full‑stack starter template featuring a NestJS backend and Angular frontend, complete with authentication, user management, and common infrastructure patterns.
    • AngularTemplate - This Angular template delivers a production‑ready project setup with structured architecture, tooling, testing, CI/CD, styling, schematics, and clear rule documentation.
    • free-tailwind-admin-dashboard-template - A free, open-source Tailwind CSS admin dashboard template built for modern web developers.
    • ngx-blog - A modern Angular-based blogging CMS with theme support and SEO optimization.
    • radixweb - Full production-ready microservices boilerplate.
    • base-angular-monorepo - A production-ready base project for developing scalable Angular applications (Nx, NgRx, Tailwind CSS, Jest, ESLint, Prettier).
    • nx-ng-starter - Monorepo starter with workflow automation: Nx, Angular, Angular Elements, Electron, Node, Nest, Firebase.
    • elements-template - A modern, opinionated starter kit for building custom Web Components powered by Angular 21, Tailwind CSS v4, and Vitest.
    • realworld-angular - RealWorld Angular example apps showcasing Angular libraries in action.
    • spartan-admin-dashboard - A production-ready, Angular admin dashboard template built with Spartan UI components and Tailwind CSS.
    • elite-angular-zen - 2026 Angular 17 Pro Admin Template with Clean Minimal Design.
    • spike-angular-pro-starter - Spike Angular 2026: Ultimate Free Material Admin Template for Modern Dashboards.
    • appblink - Production-ready Angular + Flutter + Firebase monorepo starter. Web, mobile & backend in one repo.
    • Admin Mart
    • CozyDevKit - Interactive tools, architecture patterns, cheat sheets, and DevOps services for Angular 21.
    • devkitly - Production-ready Angular 21 starter kit with auth, billing, audit logging, feature flags, and SSR.
    • draftNG - Minimalist & high-performance Angular 22+ platform templates.
    • NgStarter - Angular UI Components & Admin Templates.
    • Nzoni - Launch your SAAS in days with Angular.
    • Theme Forest
    • Vortex - A high-performance web application template built with Angular and Java, designed to deliver seamless user experiences and powerful backend solutions.
    • Wrap Pixel

    Third Party Components

    Animations

    • 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-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.
    • layout-projection - Beautify the Web with awesome layout animations.
    • ngx-easy-view-transitions - Angular library for easier use of the View Transitions API.
    • ngx-typed-writer - A Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly).
    • ngx-number-ticker - A simple number ticker effect to animate counting.
    • ngx-word-rotation - An Angular library designed to facilitate word rotation animations within Angular applications.
    • ngx-word-morph - An Angular library designed to facilitate word morphing animations within Angular applications.
    • ngx-cryptic-text - An Angular library that provides a cryptic text animation effect. The component animates text by randomly switching letters until the correct characters appear.
    • ngx-word-pullup - An Angular library that provides a smooth pull-up animation effect for words. This component is designed to sequentially pull up and reveal words with a customizable delay.
    • ngx-typewriter - A lightweight and easy-to-use library for creating typewriter effects. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations.
    • ngx-gradient-text - An Angular library for smooth, animated text gradients with customizable color transitions.
    • ngx-shiny-text - An Angular library that provides a shimmering text animation effect.
    • ngx-ripple - A customizable ripple effect component for interactive, engaging backgrounds or containers.
    • ngx-shine-border - An Angular library that provides a dynamic and customizable animated border effect for Angular components.
    • ngx-border-beam - This component allows you to create a glowing, animated border that can be customized in terms of colors, border radius, and animation duration.
    • ngx-dotpattern - An Angular library that provides a customizable dot pattern background effect for your Angular components.
    • ngx-meteors - An Angular library that adds a mesmerizing meteor shower animation effect to your components.
    • ngx-background-beams - An Angular component that generates dynamic animated background beams with customizable gradients and motion paths.
    • ngx-aurora - An Angular library for a customizable, animated aurora background with gradient effects and two animation styles.
    • ngx-particles - An Angular library for interactive particle animations that respond to mouse movements, creating customizable backgrounds.
    • ngx-spotlight - An Angular library for SVG spotlight effects that highlight page sections with customizable colors and animations.
    • ngx-starry-sky - An Angular library that creates a beautiful starry sky background with optional shooting star effects.
    • ngx-connection-beam - An Angular component that dynamically renders animated connection lines between two elements.
    • ngx-countUp - Animates a numerical value by counting to it.
    • ngx-gsap - A lightweight, customizable Angular animation library powered by GSAP that’s declarative and easy to use.
    • ngx-animations - Angular animation library inspired by GSAP, offering high-performance directives, components, and a timeline service with full RTL support.
    • ngx-spring - Create fluid, natural-feeling animations using spring physics instead of durations and easing curves.
    • ngx-unicode-spinners - 18 braille-based Unicode spinner animations for Angular. Zero runtime dependencies.
    • ng-motion - Angular animation library built on motion-dom.
    • ngx-digit-flow - Individual digit animations for Angular. Each digit has a vertical reel (0-9) that scrolls to the new value when the number changes - slot-machine / odometer style.
    • angular-movement - An Angular motion ecosystem combining a reusable animation‑directive library with a demo and documentation site in one repository.
    • ngx-transition-content - An Angular library to seamlessly transition dialog content by fading out old content, animating to new dimensions, and fading in new content.

    Calendars

    • angular-calendar - A flexible calendar component for Angular 15+ that can display events on a month, week, or day view.
    • @pyas/connect-angular - A plugin wrapper around the Pyas Connect Web Component, exposing PyasConnect as a first-class Angular component.
    • cyrus-calendar - A lightweight, multi-calendar Angular date picker supporting Gregorian, Shamsi (Jalali / Persian), and Imperial calendars.
    • daypilot-lite-angular - Angular version of JavaScript/HTML5 event calendar/scheduler components that can display day/week/month calendar views.
    • fullcalendar-angular - The official Angular component for FullCalendar.
    • ngx-calendario - An Angular library for displaying customizable calendars with event support.
    • ngx-calendar-view - A responsive Angular calendar component library with day/week/month views, drag-and-drop events, mobile swipe support, and built-in dark mode.
    • ngx-calendar-widget - A lightweight, customizable, and feature-rich calendar widget designed to simplify event management and scheduling in your Angular applications.
    • ngx-datepicker-calendar - A fast, accessible Angular date‑picker library built with signals and standalone components.
    • ngx-resource-scheduler - A lightweight, flexible resource scheduler for Angular.
    • ngx-strip-calendar - Strip calendar component for Angular 17+.
    • schedule-x - Material design event calendar.
    • timegrid-angular - Angular wrapper for the HexaFlexa Timegrid web component.
    • CalendarJS - Open source JavaScript calendar and scheduling component that can be integrated into Angular projects.
    • hss-calendar - A premium, lightweight, and fully customizable calendar library for Angular 19+.
    • datelane - A customizable, zero-dependency Angular calendar featuring 12 views and multiple date layers.
    • ngx-modern-calendar - A small, themeable, multi-language calendar component for Angular.

    Captcha

    • altcha - GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter.
    • go-captcha-angular - A simple, easy-to-use, interactive, and secure behavioral verification code that implements verification modes such as text/graphic clicking, sliding/dragging, and rotation.
    • ng-cloudflare-turnstile - An intuitive, lightweight and easy to integrate Cloudflare turnstile component for Angular.
    • ng-hcaptcha - Provides an easy to use component for hCaptcha.
    • ng-recaptcha-2 - Angular 18 fork of ng-recaptcha. Alternatively, you create your own service that implements Google’s reCAPTCHA with the help of this article.
    • ngx-captcha-kit - This kit simplifies CAPTCHA implementation with a single component and service, ensuring compatibility with Angular 20+ features like Signals and zoneless change detection.
    • ngx-dice-captcha - A dynamic 3D CAPTCHA library featuring dice-based interaction and lifelike physics powered by Three.js and Cannon-es.
    • ngx-easy-captcha - Easy captcha implementation for both Google Recaptcha and Cloudflare Turnstile.
    • ngx-numeric-captcha - A modern, lightweight Angular CAPTCHA library featuring multiple verification challenges.
    • ngx-turnstile - Cloudflare Turnstile for Angular.
    • recaptcha-angular - Angular component for Google reCAPTCHA v2 (checkbox) and v3 (score-based) with full TypeScript support, standalone APIs, and ControlValueAccessor integration.
    • trustcaptcha-angular - This library helps you integrate Trustcaptcha into your Angular frontend applications.
    • yandex-smart-captcha - An Angular library for integrating Yandex SmartCaptcha with support for standard/invisible captchas, reactive forms, and modern signals/effects.

    Carousels

    Charts

    • @cubejs-client/ngx - Along with @cubejs-client/core, you can integrate Cube.js in Angular.
    • ngx-charts - Declarative Charting Framework for Angular2 and beyond!
    • ag-charts - Fully-featured and highly customizable JavaScript charting library.
    • amcharts5 - Charting library for JavaScript and TypeScript apps. Check out the Angular integration guide.
    • angular-chrts - A high-performance, developer-friendly data visualization library for modern Angular applications.
    • angular-gantt - Zoneless, signal-based Angular 20+ Gantt chart.
    • angular-google-charts - A wrapper for the Google Charts library written in Angular.
    • carbon-charts - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.
    • Foblex Flow - Angular-native library for node editors, workflow builders and interactive diagrams: drag-and-drop nodes and connections, minimap, auto-layout, virtualization, and a keyboard accessibility layer.
    • highcharts-angular - Official minimal Highcharts integration for Angular.
    • michi-vz-mono - One engine powering 17 interactive, accessible chart types with seamless support for Angular and more, all emitting LLM‑ready data for reports, dashboards, and AI features.
    • ng-apexcharts - Angular wrapper for ApexCharts to build interactive visualizations.
    • ng-chartist - Angular component for Chartist.js.
    • ng-charts - Reangular port of recharts.
    • ng-diagram - Angular library for building interactive, customizable diagrams, node-based editors, and visual workflows.
    • ng-draw-flow - A library for creating interfaces based on displaying data as nodes.
    • ng-flowchart - A lightweight Angular library for building drag and drop flow charts.
    • ngx-circle-chart - Beautiful, auto-scaling circle (doughnut) progress chart for Angular.
    • ngx-echarts - Angular directive for Apache 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-graph - Graph visualization library for Angular.
    • ngx-interactive-org-chart - Modern Angular organizational chart component with interactive panning and zooming.
    • ngx-recharts - Build composable charts with Angular components using the same API as Recharts.
    • 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.
    • pioneer-charts - An Angular library for creating responsive, customizable charts using D3.js—supports bar, line, pie, and more.
    • sequential-workflow-designer - Customizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies.
    • schedula-core-angular - Official Angular wrapper for SchedulaCore — a fast, lightweight Gantt chart & resource scheduler component.
    • systelab-charts - Systelab Angular Chart services.
    • unovis - Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.

    Cookies

    CSV

    • impler - Use the Angular package to embed the CSV Excel Importer into your app.
    • ng2csv - Angular service for saving data to CSV file.
    • 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.

    Data Grids

    • 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.
    • sheetjs - A JavaScript library for reading and writing data from spreadsheets.
    • 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.
    • handsontable - A popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.
    • slickgrid-universal - A monorepo which includes all editors, filters, extensions, and services related to framework agnostic SlickGrid usage.
    • revogrid - Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.
    • 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 and many more frameworks.
    • 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.
    • @guiexpert/angular-table - Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including Angular.
    • ngx-tabulator-tables - Angular wrapper for the Tabulator table library.
    • activereportsjs/angular-reporting-tool - Angular components for data visualization and reporting. Embed reports with ActiveReportsJS.
    • mat-datatable - A simple data table with virtual scrolling using Angular Material.
    • @Trixwell/data-grid - An Angular data table component with filtering, sorting, pagination, CSV export, sub-grids, and Material integration.
    • ngx-multi-sort-table - This library features a multiple sortable table based on Angular Material Design, with a focus on server-side loaded and sorted data.
    • angular2-smart-table - Angular Smart Data Table component.
    • ngx-editable-material-table - An editable table, built on top of Angular Material, natively for Angular.
    • ngx-flamegraph - Flame graph for stack trace visualization written in Angular.
    • ng-virtual-grid - Maximum performance for extremely large grids.
    • ngx-simple-datatables - A lightweight, high-performance Angular data table component with features like virtual scrolling, column freezing, and customizable templates.
    • ngx-list-manager - An Angular service tool to manage lists efficiently.
    • cerious-grid - A seriously powerful Angular grid for developers who demand control, flexibility, and performance.
    • ngxsmk-datatable - Modern Angular 17+ datatable focused on performance, customization, and developer experience.
    • ngx-column-filter - A powerful, reusable Angular column filter component with support for multiple field types, advanced filtering rules, and customizable match modes.
    • @witqq/spreadsheet - Canvas‑based spreadsheet/datagrid engine with zero dependencies, 100K+ rows at 60fps, full editing, and real‑time collaboration. Check their website.
    • Jspreadsheet CE - Open source JavaScript spreadsheet and data grid component, can be used in Angular apps when wrapped or consumed via Angular elements.
    • TabularJS - Lightweight JavaScript table and data grid library for advanced table features in Angular.
    • uni-table - Angular data grid built on signals for zero‑lag performance, combining advanced server‑side features with a streamlined configuration API.
    • ogrid - The lightweight, multi-framework data grid with enterprise features and zero enterprise cost.
    • angular-datatables.net - Angular plus DataTables.
    • uiGrid - Open‑source, multi‑platform data grid rebuilt from the original ui‑grid with the same API and modern Angular signals, supporting Angular, Web Components, React, and Rust.
    • ngx-datawindow - Table component modernizing the classic DataWindow with zero‑config CRUD, computed columns, multi‑buffer state, offline sync, and granular change tracking.
    • simple-table - Framework-agnostic data grid and table component for building modern, scalable applications.
    • toolbox - High-performance, framework-agnostic web components for data-intensive applications.
    • gp-grid - Data grid library built with a modular architecture that cleanly separates core logic from framework integrations to efficiently handle massive datasets with millions of rows.
    • ngx-powerful-tree - A virtualized tree with HTML5 drag‑and‑drop, fast search, locked subtrees, and file‑picker modes, built on @angular/cdk/scrolling for smooth performance at 100k+ rows.
    • agrid - Angular data grid with spreadsheet-like editing, virtual scrolling, filtering, sorting, grouping, clipboard workflows, row operations, pagination, and custom cell renderers.
    • ngx-datatables-net - Angular wrapper for DataTables.net supporting Angular 20+.
    • angular-advanced-table - Angular monorepo featuring ng-advanced-table—a signals-first, accessible data table library—and its documentation site.
    • angular-tree - A high-performance, headless tree component that is zoneless, signal-powered, and fully virtualized, with @angular/cdk as its sole runtime dependency.
    • @some-angular-utils/table - Remote or local data, pagination, filters, responsive layouts and full template control — wired into one declarative <sau-table> element.
    • DataGrid - Server-driven pagination, filtering, and sorting for .NET and Angular — as a standalone, reusable library.
    • fastgrid-angular - The official Angular wrapper for FastGrid and FastSheet by COQsoft.

    Dates

    Directives

    • ng-click-outside - Angular directive for handling click events outside of an element.
    • ng-for-track-by-property - Angular global trackBy property directive with strict type checking.
    • ng-let - Structural directive for sharing data as local variable into HTML component template.
    • ngx-app-version - Angular directive for writing version into DOM.
    • ngx-clamp - Angular directive for multi-line or height-based text clamping with legacy-browser support.
    • ngx-copypaste - A pure and awesome copy paste directive for Angular.
    • ngx-copy-to-clipboard - An Angular directive that enables easy text copying to the clipboard with a single click. It supports customizable success/error messages and triggers events on copy actions.
    • ngx-cut - Angular directive for cutting texts with responsive options.
    • ngx-fixed-footer - Angular directive that adds a fixed footer without overlap.
    • ngx-if-platform - Directive for conditional display based on platform.
    • ngx-memoize - A lightweight, zero‑dependency decorator that memoizes Angular class methods to eliminate repeated template-call overhead and boost performance.
    • ngx-nullable - This library provides a way to make properties nullable in Angular templates.
    • ngx-overflow-reveal - An Angular directive that elegantly reveals truncated text on hover.
    • ngx-repeat - Angular directive for repeating HTML element by count.
    • ngx-speech-button - An Angular directive that provides an easy-to-use wrapper for the Web Speech API, enabling voice input functionality with minimal setup.
    • ngxsmk-button-spinner - Angular 17+ directive to show a loading spinner inline or centered on any button.
    • ngxture - A lightweight and modular Angular library that provides ready-to-use animations and gesture directives.
    • @maxime1jacquet/npm-directives - Angular Directives including ngx-cursor and ngx-simple-countdown.
    • ngx-mat-menu-hover - This Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves.
    • ngx-highlight - Angular directives for highlighting search matches in text, built on the CSS Custom Highlight API.
    • ngx-liquid-glass - Angular directive for Apple-inspired liquid glass effects with DOM-backed refraction and configurable edges.
    • ngx-digits-only - Angular directive for smart numeric inputs — digit filtering, formatting, and validation without pulling in a full masking library like ngx-mask.

    DOM

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

    Drag and Drop

    • Official Angular Docs
    • 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.
    • angular-drag-drop-layout - A lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality.
    • ngx-swapy - A simple component library to get a drag and drop DOM through the help of Swapy.
    • ngx-draggable-dom - Angular attribute directive that causes any element to become a draggable element.
    • ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements.
    • ng-keyboard-sort - Library to add keyboard commands for elements that also use CDK drag and drop sorting.
    • angular-mixed-cdk-drag-drop - Angular Directive to support mixed orientation drag drop using Angular CDK.
    • cdk-drag-snap-to-point - A demo to showcase cdkDrag features to achieve drop only on certain points.
    • ngx-puzzle - Drag-and-drop dashboard builder for Angular applications.
    • ngx-drag-drop-kit - High-performance Angular drag & drop toolkit featuring grid layouts, sorting, resizing, nesting, and more.
    • ngx-dashboard - Modern Angular workspace for building drag-and-drop grid dashboards with resizable cells and customizable widgets.
    • ngx-dropzone-next - A maintained fork of @peterfreeman/ngx-dropzone, providing bug fixes and compatibility with newer Angular versions.

    Editors

    • Angular-JSON-Tree-Editor-Component - Angular JSON Tree Editor Component that actually works.
    • @acrodata/code-editor - CodeMirror 6 wrapper for Angular.
    • angular2-froala-wysiwyg - Angular wrapper for Froala WYSIWYG HTML Editor.
    • ckeditor - Plugin for Angular.
    • domternal - Lightweight, extensible rich text editor toolkit with native Angular components (Signals, OnPush, standalone), built-in toolbar and theme, and full table support.
    • ngx-aztreya-editor - A lightweight, customizable Angular Rich Text Editor component with built-in toolbar, headings, text formatting, and alignment options.
    • ngx-simple-text-editor - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.
    • ngx-quill - Angular components for the Quill Rich Text Editor.
    • @sibiraj-s/ngx-editor - Rich Text Editor for Angular using ProseMirror.
    • @bobbyquantum/ngx-editor - Angular 21+ fork of sibiraj-s/ngx-editor.
    • ngx-wig - Angular WYSIWYG HTML Rich Text Editor.
    • ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.
    • ngx-tiptap - Angular bindings for tiptap v2.
    • tinymce-angular - Official TinyMCE Angular Component.
    • slate-angular - Angular view layer for Slate.
    • ngx-jodit - Angular wrapper for Jodit WYSIWYG editor.
    • ngx-tinymce - TinyMCE components built with Angular.
    • MagnetarQuill - Extensible Angular WYSIWYG editor for rich text, media, and tables with a plugin architecture.
    • ngx-editorjs2 - Extensible block editor inspired by Editor.js, with customizable blocks and Angular reactive features. ngx-editor-js2-blocks adds support for custom content types.
    • ngx-traak - A WYSIWYG Angular editor library built on top of ProseMirror, built for standalone components and highly customizable with plugins.
    • ngx-summernote - Summernote editor for Angular.
    • angular-rich-text-editor - Angular wrapper for RichTextEditor with license key support and ControlValueAccessor.
    • armor-editor - A secure, lightweight rich text editor with premium features—built to integrate seamlessly into Angular applications.
    • ngx-workflow - A powerful, highly customizable Angular library for building interactive node-based editors, flow charts, and diagrams.
    • contentful-rich-text-angular-renderer - Angular renderer for Contentful Rich Text, offering customizable node and mark rendering using Angular templates.
    • Monaco Pattern Editor - A premium Angular library that wraps Monaco Editor with beautiful themes and coding interview preparation features.
    • angular-editor - A simple native WYSIWYG editor component for Angular.
    • ngx-json-editor - A minimal, themeable JSON editor for Angular.
    • ngx-ace-signal - A modern Angular signals-based wrapper for the Ace editor.
    • ngx-rwriter - A modern Rich Text Editor component for Angular 21+ with native support for images, alignment, lists, color pickers, and translations.
    • ngx-pro-editor - A feature-rich WYSIWYG editor for Angular with auto-save, special characters, and advanced formatting.
    • dragble-angular-editor - Dual‑mode Angular component blending a designer‑friendly visual editor with an AI‑driven conversational interface.
    • ngx-email-studio - An Angular 21 frontend email builder for composing, importing, editing, previewing, and exporting responsive email templates.
    • qalma - Angular-first, headless rich text editor toolkit built on ProseMirror.
    • ngx-mermaid-canvas - A visual flowchart editor for Angular that outputs Mermaid syntax.
    • @bloklabs/angular - Angular adapter for Blok, a headless block-based rich text editor that outputs JSON instead of HTML.
    • angular-tiptap-editor - A modern, customizable Angular rich-text editor, built with Tiptap.
    • ngx-richtext - A professional rich text editor with free and premium feature tiers.
    • ngx-image-editor - A professional image editor with a free forever tier and offline Ed25519-licensed premium tools.
    • Scryb - A $39/month flat-rate TypeScript WYSIWYG editor built on Tiptap that offers unlimited loads, end users, and documents.
    • nge-ide - Via a single <ide-root /> component, NGE IDE embeds a full desktop editor shell into Angular apps.

    File Upload

    • ng2-file-upload - Easy to use file upload directives.
    • ngx-flow - Angular7+ wrapper for flow.js for file upload.
    • ngx-uploadx - Angular Resumable Upload Module.
    • file-upload - Angular module used for file upload.
    • @georgipeltekov/ngx-file-drop - Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat.
    • Uppy - A sleek, modular JavaScript file uploader that integrates seamlessly with Angular.
    • ngx-custom-material-file-input - File input management for Angular Material.
    • ngx-file-preview - A powerful preview tool for many file types.
    • ngx-file-helpers - Angular file helpers including a file picker and dropzone.
    • ngx-file-uploader - Angular upload components and directives with built‑in file preview.
    • file-uploader - A Web Components–based file upload widget compatible with any JavaScript framework — React, Next.js, Vue, Angular, and Svelte — without adapters.
    • ngx-accessible-dropzone - A tiny, zero-dependency, fully accessible drag-and-drop file upload component for Angular with keyboard and screen-reader support.
    • @h-k-dev/angular-file-drop - A lightweight Angular drag‑and‑drop directive for files and folders with traversal, filtering, and click‑to‑pick—no stylesheets, no XHR, no DOM mutation.
    • upup - A headless upload engine featuring byte-identical UI packages for six major frontend frameworks, supporting server-mode, cloud drives, and multi-source media imports.

    Forms

    • ngx-mask - Angular Plugin to make masks on form fields and html elements.
    • maskito - Collection of libraries to create an input mask which ensures that user types value according to predefined format.
    • ng-signal-forms - Signal powered Angular Forms.
    • ngx-sub-form - Utility library for breaking down an Angular form into multiple components.
    • ngx-currency-v2 - A fork of ngx-currency updated for the latest Angular version.
    • ngx-enhancy-forms - Fancy enhanced Angular forms.
    • ngx-focus-entities - Library for generating reactive Angular forms from a Focus4 representation generated with TopModel.
    • @TanStack/form - With TypeScript support, headless UI, and framework-agnostic design, it streamlines cross-framework form handling.
    • @luistabotelho/angular-signal-forms - Simple Angular library to implement forms with signals.
    • ngx-form-object - An abstraction over Angular reactive forms that generates forms from models and manages nested relationships.
    • 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.
    • ngxAccessor - This library adds a third approach to Angular forms, integrating signals alongside existing methods with adaptability.
    • angular-template-signal-forms - A modern Angular form library built from the ground up with Signals — flexible, type-safe, and fully themeable.
    • ngx-formidable - A powerful Angular component library for building rich, validated forms.
    • piying-view - A strongly typed frontend form solution; an alternative to ngx-formly and Angular’s official form framework.
    • ngx-form-m3 - Persian form library for Angular and Material 3.
    • lite-form - A lightweight Angular library offering customizable form components with validation, styling, and animations.
    • cc-form-engine - Advanced Angular library for reactive form generation and management with dynamic validation, change tracking, and customizable error messages.
    • ngx-vest-forms - A lightweight, type-safe adapter linking Angular template-driven forms with Vest.js for complex, async validation.
    • ngx-autosave-forms - Autosave form values in localStorage using template forms or reactive forms in Angular.
    • ngx-better-forms - Streamlined, maintainable reactive form utilities.
    • ngx-query-builder - Angular query builder with standalone components, sensible defaults, templating hooks, and full form support for domain-specific editors.
    • ngx-mat-form - Angular library that uses Reactive Forms and Angular Material to dynamically generate configurable forms from a schema.
    • ng-forge - A type‑safe, dynamic forms library built for Angular’s signal‑based forms.
    • zignal - A type-safe Angular form library using signals and Zod validation, with Turkey-specific validators and multi-language support.
    • ngx-form-stepper - A strongly typed Angular library for building robust multi‑step forms that prevent invalid states during development with minimal configuration.
    • ngx-form-rules - A lightweight Angular library that makes it easy to enable, disable, and control reactive form fields using simple, declarative rules.
    • ngx-reactive-forms-utils - Utilities to assist in the use of reactive Angular forms.
    • ngx-entity-forms - Generates fully typed Angular FormGroups from your entity interface, complete with autocompletion, validation, and error messages.
    • ngx-form-draft - Zero-dependency Angular form draft auto-save and restore.
    • ngx-signal-forms - A signal‑driven, type‑safe Angular form library built on the experimental Signal Forms API with modern M3 styling.
    • formsync - A developer‑friendly Angular‑ready form backend that lets you collect and manage submissions without server‑side code.
    • @neutro-web/form - High-performance, zero-dependency, framework-agnostic reactive form engine.
    • forge-form - Generates reactive, signal-based forms, validation, and conditional fields from a single TypeScript object.
    • NgSimplicityForms - Composable Angular dynamic forms framework with shared core APIs and renderer packages for Bootstrap and Angular Material.
    • ng-modular-forms - A lightweight architectural layer with built-in components for modular Angular reactive forms.
    • ngx-form-signals - A headless, signal-native form coordination library for Angular that manages field state and cross-field rules without enforcing components, CSS, layouts, or adapters.

    Form Controls

    • 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.
    • ngx-bar-rating - Angular Bar Rating.
    • angular-code-input - Robust Angular input component (numbers/chars) for Angular 7–16+, with Ionic 4–7, mobile, and clipboard support.
    • angular-iban - IBAN directives and pipes for Angular.
    • ngx-autosize-input - An Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width.
    • angular-cc-library - Library to support Credit Card input masking and validation.
    • ngx-ui-switch - A simple iOS 7 style switch component for Angular.
    • ngx-otp-input - One time password input library for Angular.
    • ngx-show-hide-password - Add split input button to password or text input. Toggles input type between “text” and “password”.
    • ngx-phone-field - Angular directive for international phone input with flag dropdowns, supporting Reactive and Template-Driven Forms.
    • ngx-mat-birthday-input - An Angular Material library for entering a birthday.
    • ngx-countries-dropdown - Angular library with customizable countries dropdown component with flags, dial code, language and currency details.
    • ngx-mat-split-button - Angular Material split button with a primary action and dropdown for secondary options.
    • ng-select2 - An updated fork of select2-component.
    • ngx-super-select - A multi-select input component for Angular.
    • ngx-super-select-tree - A single/multiple choice drop down tree for Angular!
    • ngx-mat-table-multi-sort - Add multi-sort capability to an Angular Material table.
    • ng-country-select - A smart, multilingual country search with flags and codes.
    • ngx-cron - User-friendly cron input.
    • @amirsavand/ngx-input - Awesome all-in-one Angular package for inputs and forms handling.
    • ng-otp-input - A fully customizable, one-time password (OTP) input component for the web built with Angular.
    • rm-ng-star-rating - A fully customizable and feature-rich Angular standalone component for advanced star ratings with precision and responsive design.
    • ngx-animated-paginator - Angular wrapper for animated-paginator-web-component that plugs seamlessly into template-driven and reactive forms via ControlValueAccessor.
    • ngx-input-color - ngx-input-gradient and ngx-input-color are customizable Angular components for color/gradient picking with previews and form integration.
    • ngx-morse - A simple morse code encoder and decoder for Angular.
    • ngxsmk-tel-input - An Angular telephone input component with country dropdown, flags, and robust validation/formatting.
    • gradient-picker - A powerful and beautiful gradient picker.
    • ngxsmk-datepicker - A modern, highly customizable Angular date range picker component.
    • ngx-country-selector - A sleek, customizable Angular Material country selector offering accessible dropdowns with flags, codes, local names, and more.
    • @nsnayp1/angular-datepicker2 - Lightweight Angular 16+ datepicker with standalone support, range and multi-date selection, and customizable templates—no external dependencies.
    • ngx-phone - Angular phone input with auto country detection, real-time formatting, validation, and full forms support.
    • ngx-phone-country-input - Comprehensive Angular library for phone input and country selection with reactive forms support.
    • ngx-mat-period-picker - A modern Angular Material period picker component built with standalone components.
    • touchspin-angular - Angular adapter for the TouchSpin number input component with per-renderer support.
    • ngx-cron-editor - Graphical Angular 15+ cron builder with reactive forms integration and Material Design styling.
    • ngx-otp-code-input - An Angular OTP input component with extensive customization options, including masking, numeric-only input, and autofocus.
    • smart-date-input - A smart date input directive that uses the Writer API to parse natural language dates.
    • color-picker - Another beautiful color picker.
    • ngx-pattern-lock - A lightweight, fully responsive, and customizable Android-style pattern lock component for Angular.
    • smt-select - A high-performance, lightweight, and customizable Angular select component with built-in virtual scroll and search capabilities.
    • ngx-mat-searchable-select - A reusable Angular Material select component with infinite scroll, debounced search, “no items found” feedback, and static/mock data support.
    • mat-password-meter - Angular Password Strength Meter (zxcvbn, NIST-aligned, customizable).
    • nicematic-emoji-picker - High‑performance, zero‑dependency emoji picker for Angular 17+ with 929 emojis, auto‑theming, i18n, and responsive design.
    • ngx-starflow - A lightweight Angular component for displaying fractional star ratings with full precision.
    • combobox - An all‑in‑one Angular Select solution with built‑in multiselect and autocomplete features.
    • BlossomColorPicker - A polished, blooming color picker for the Web, offered as a standalone JS library with lightweight wrappers for Angular, React, Vue, and Svelte.
    • ngx-intl-phone-input - Accessible, headless Angular international phone input with CDK-powered country selector.
    • ngx-colors2 - A material‑style Angular color‑picker updated for Angular 20+, using signals and no animation dependencies.
    • ngx-signal-datetimepicker - Angular datetime picker built on Signal Forms — date + time in one control, zero deps, WCAG 2.2 AAA out of the box.
    • ngx-multi-field-dropdown - A customizable Angular searchable dropdown component with multi-field search support.
    • angular-multiselect-dropdown - A maintained Angular multiselect dropdown built for template-driven and reactive forms.
    • @koenz/angular-datepicker - An animating datepicker for Angular 21+.
    • ngx-dual-rangepicker - Dual-calendar date range picker for Angular 20+ and Angular Material M3.
    • ngx-libs-workspace - A small family of reactive form controls—built on Signal Forms, customizable via CSS custom properties, and free of Angular Material, Angular CDK, and ControlValueAccessor.
    • @some-angular-utils/date-range-picker - A date range picker that drops straight into your reactive forms.

    JSON Forms

    • ngx-formly - JSON powered / Dynamic forms for Angular.
    • formio - JSON powered forms for Angular.
    • fluent-form - Building dynamic form in Angular with Fluent API or JSON.
    • jsonforms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
    • jsonforms-angular-seed - Angular-based JSON Forms seed app.
    • ng-formworks - An Angular JSON Schema Form builder, similar to, and mostly API compatible with, Angular Schema Form, React JSON Schema Form, and JSON Form.
    • DynamicAngularForm - Create dynamic form by passing a JSON with associated values.
    • dynamic-forms - Angular project for dynamic forms based on JSON.
    • json-forms-zorro-wrapper - Ng Zorro wrapper for json forms library.
    • ngx-formwork - Framework for Angular Reactive Forms built from JSON or TypeScript configuration.
    • ngx-formbar - A highly flexible framework for generating declarative reactive forms.
    • formitiva - A framework-agnostic runtime form engine for building forms from JSON schemas.
    • filter - Define fields once to get a ready-to-use JSON object and URL query string on every search.
    • ngx-json-forms - A zero-template, JSON-driven Angular form engine featuring over 40 field types, advanced validation, conditional logic, wizards, and repeaters.

    Form Validation

    • ngx-valdemort - Simpler, cleaner Angular validation error messages.
    • validointi - This is a library to help you validate your template driven forms.
    • angular-reactive-validation - This library simplifies Reactive Forms validation by eliminating the need for extensive HTML.
    • ngx-formcontrol-errors - A directive for showing errors in Angular form controls.
    • ngx-validator-pack - A collection of validators designed to simplify usage and allow quick customization.
    • ngx-reactive-form-class-validator - A lightweight library for dynamically validate Angular reactive forms using class-validator library.
    • ng-error-tooltips - Angular reactive forms library that shows error tooltips for user-friendly validation messages.
    • ng-reactive-form-validate - Angular library for streamlined form validation with customizable messages, Transloco integration, and styled error labels.
    • angular-password-checker - Protect your users from re-using a password known to be hacked with this simple Angular directive.
    • translation-validation - Automatic validation messages for Angular forms in any language.
    • polish-validators - A validation library designed for Polish-specific formats, also available as an Angular wrapper via ngx-polish-validators.
    • ngx-mat-errors - Offers a simple and adaptable approach to presenting error messages within a MatFormField.
    • oop-validator - Powerful, flexible validation library for any UI framework—Vue, React, Angular, and more—for complete front-end validation.
    • ngx-cross-field-validation - Angular library providing conditional, equality, inequality, and sequence-based validations on form controls.
    • validauth - Lightweight, powerful authentication validators for JavaScript applications.
    • ngx-validation-messages - This module simplifies the display of form validator messages by using a single component.
    • ngx-validx - A lightweight, high-performance, and automatic Angular form validation error handling library.
    • kits-ngx-validation-package - Provides a centralized validation system, including state management, messages, visibility strategies, localization, and reusable form-fields.

    Icons

    • angular-fontawesome - Official Angular component for Font Awesome 5+.
    • 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.
    • ng-hero-icons - Use Heroicons in your Angular application.
    • ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons.
    • angular-line-awesome - Angular Line Awesome is an Angular component to manage Line Awesome icons.
    • angular-techs-logos - Library of tech related icons.
    • ngx-x-browser-svg-mask - Directive to easily achieve cross browser compliance while creating SVG masks.
    • Semantic Icons - Free, open-source icon collection for Angular projects via component selector and SVG tag.
    • coolshapes - An Angular library aiming at allowing developers to use cool-looking abstract shapes with little grainy gradients from coolshapes.
    • lucide - Open-source icon library with 1000+ SVGs, featuring an official Angular package for easy integration.
    • @ngverse/icons - Angular library that allows you to use popular open-source icons as regular components.
    • ngxi - Comprehensive SVG icon set for Angular with seamless integration of thousands of popular icons.
    • animated-icons - Animated icons for Angular based on moving icons.
    • @hugeicons/angular - 5,400+ free MIT-licensed stroke-rounded icons for Angular.
    • @quikturn-sdk/logos-angular - TypeScript SDK for the Quikturn Logos API - Fetch any company’s logo by domain name.
    • GeoIcons - Geographic map icons for every country, territory, and world region as tree-shakable Angular standalone components.
    • ngx-iconify-stack - A lightweight, SSR-safe Angular wrapper for Iconify.
    • vadivam - Pixel-perfect 24px outline icons for SVG, React, React Native, Vue, Svelte, Solid, Angular, Astro, and Preact.
    • ycon.cc - Search 300,000+ Iconify icons and copy ready-to-use code for React, Vue, Symfony, Next.js, Astro, Svelte, Angular, Laravel and more.

    Images

    • cloudinary - Angular SDK from Cloudinary.
    • ng-cropper - Angular image cropper built on CropperJS with customizable interface and optional toolbar for seamless cropping.
    • ngx-advanced-img - Angular attribute directives suite that provides various HTML img feature extensions.
    • ngx-avatars - Spiritual successor to ngx-avatar.
    • 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-image-compression - A lightweight image compression and conversion library for Angular.
    • ngx-image-cropper - An image cropper for Angular.
    • ngx-image-magnifier - Angular image magnifier directive with keyboard modifier support, smart positioning, mobile optimization, and smooth GPU-accelerated animations.
    • ngx-img-cropper - Image cropping tool for Angular.
    • @jjmhalew/ngx-lightbox - A lightbox2 implementation port to use with Angular >= 18 (zoneless).
    • @necraidan/ngx-lightbox - A lightweight, accessible Angular 21+ lightbox with zoom, pan, pinch‑to‑zoom, and keyboard navigation, all with zero dependencies.
    • ngx-pinch-zoom - This module enables image zooming and positioning through touch screen gestures.
    • ngx-smart-cropper - Angular standalone image uploader with crop, resize, drag-and-resize, grid overlays, and aspect ratio support.
    • unpic - Angular directive for responsive, high-performance images with automatic srcset, sizing, and CDN/CMS URL detection.
    • ngx-image-fallback - Image Fallback Directive for Angular.
    • ng-image-optimizer - A high‑performance Angular SSR image optimizer that uses Sharp to deliver a Next.js‑style experience.
    • ngx-ratio-image - Angular library for displaying an image with a variable aspect ratio inside a container with a fixed aspect ratio.
    • ngx-image-forge - An Angular image editing library — crop, rotate, flip, and export images with zero dependencies. Signals-native.
    • ng-smart-images - CLI-first image optimization with hashed assets, runtime manifests, and optional Angular helpers.

    Keyboard Mouse

    • angular-touch-keyboard - Virtual Keyboard for Angular applications.
    • ngx-contextmenu - A context menu component for Angular.
    • ngx-keys - A reactive Angular library for managing keyboard shortcuts with signals based UI integration.
    • focusly - A lightweight Angular library that brings intuitive, keyboard-driven navigation to web applications.
    • ngx-arrow-state - An Angular library that provides terminal/shell-like input history navigation using arrow keys, plus Ctrl+Enter form submission for textareas.
    • angular-onscreen-material-keyboard - Onscreen virtual keyboard for Angular using Angular Material.
    • @TanStack/hotkeys - Type-Safe keyboard shortcuts library with awesome devtools.
    • ngx-keyboard-shortcuts - An actively maintained fork of the archived ngx-keyboard-shortcuts package, adding Angular 16+ support and modern tooling.
    • ngx-command-palette - Zero-setup, keyboard-driven Angular command palette with auto-registered routes, custom commands, async search, and contextual visibility.

    Layout

    • angular-split - Angular split component.
    • ngx-layout - Clone of Angular FlexLayout.
    • ng-sortgrid - A grid that allows you to sort all items via drag & drop.
    • angular-gridster2 - Angular gridster 2.
    • angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
    • gridstack - Mobile-friendly TypeScript library for drag-and-drop, multi-column responsive dashboards with Angular support.
    • ngx-flickering-grid - A simple component library to create a container with an animated grid pattern background.
    • ngx-gridpattern - A simple component library to create a container with an pattern background.
    • ngx-retro-grid - 3D perspective grid component with customizable colors, rotation, and smooth animations for nostalgic or futuristic effects.
    • ngx-bottom-sheet - A highly customizable and lightweight Angular service that provides a mobile-friendly bottom sheet component.
    • ngx-swipe-menu - A component to create “swipe left to ‘action’” experiences.
    • berg-layout - This monorepo contains versions of the Berg Layout for Angular, React, and Web Components.
    • static-columns - Define columns with static width with Angular and FlexBox.
    • ngx-flex-layout - Port of Angular Flex Layout to provide support after EOL.
    • ng-polymorpheus - A tiny library for polymorphic templates in Angular.
    • gui - JSON powered GUI for configurable panels.
    • ngx-zoomable - A zoomable, pannable container component for Angular applications.
    • ngx-material-drawer - Configurable Angular Material Drawer and Toolbar.
    • @marxlnfcs/ngx-grid - Simple Angular Grid Module for modern grid layouts.
    • lightweight-grid-layout - A headless, dependency-free grid layout library for JavaScript/TypeScript that works with any framework or none, leaving rendering and styling to users.
    • ng-flex-layout - Angular library that provides a responsive, flexible layout API built on Flexbox and mediaQuery observables.
    • dockview-angular - Zero dependency layout manager supporting tabs, groups, grids, and splitviews.
    • ngx-compactable-row - Provides a responsive button row that moves excess buttons into a menu when space is limited.
    • ng-cmdk - Fast, composable, unstyled command menu for Angular — a port of cmdk.
    • ngx-dock-layout - An Angular library for creating IDE-style, resizable panel layouts.
    • layn - A framework-agnostic layout engine featuring virtualized, SSR-deterministic masonry and justified packing layouts.

    Loaders

    • angular-busy - Show busy/loading indicators on any element during a promise/Observable.
    • angular-smart-skeleton - A flexible and reusable Angular skeleton loader for dynamic rows, columns, cards, lists, tables, and custom layouts.
    • angular-svg-round-progressbar - Angular module that uses SVG to create a circular progressbar.
    • boneyard - Auto-generated skeleton-loading framework that works with React, Preact, Vue, Svelte, Angular, and React Native.
    • groupix-spinner-library - A lightweight Angular spinner library for seamless loading animations!
    • loaderx-arun - 500+ Next-Generation Animated UI Loaders.
    • loadingTrace - Angular loading overlay with zero boilerplate, 76 animations, auto‑tracking, named overlays, determinate progress, runtime config, and Signals.
    • ng-overlay-skeleton-loader - A lightweight Angular directive to add customizable skeleton loading states to your components.
    • ngx-fastboot - Dynamic Angular configuration loader that boosts startup performance by compiling configs in a separate chunk.
    • ngx-loader - Basic loader paired with a service for state management.
    • ngx-loader-indicator - Awesome loader for Angular applications. No wrappers only your elements.
    • ngx-loading-bar - Automatic page loading / progress bar for Angular.
    • ngx-loading-buttons - A lightweight Angular library to add a loading spinner to your Angular Material buttons.
    • ngx-loading-overlay - An Angular directive adding a loading overlay to your HTML.
    • ngx-progressbar - Nanoscopic progress bar, featuring realistic trickle animations.
    • ngx-promise-buttons - Chilled loading buttons for Angular.
    • ngx-signal-loading-bar - A lightweight, signal-based, zoneless loading bar for Angular.
    • 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 - A library for loading spinner for Angular.
    • ngx-spinner-loading - Lightweight, customizable Angular spinner with global, section, inline loaders, HTTP interceptors, and signal-based state.
    • ngxsmk-skeleton-loader - A lightweight skeleton loader featuring SCSS animations and easy theming.
    • ngx-ui-loader - Versatile Angular loader/spinner with foreground/background modes, progress bars, and multi-loader support.
    • phantom-ui - Structure-aware skeleton loader. One Web Component. Every framework.
    • shimmer-from-structure - A React, Vue, Svelte, & Angular shimmer/skeleton library that automatically adapts to your component’s runtime structure.
    • skedapt - A zero‑config adaptive skeleton loader for Angular that decorates the host element so the skeleton automatically matches the container’s natural layout.
    • skeletonizer - Lightweight, customizable package for creating skeleton views with Vue and Angular adapters.
    • skeleton-styler - A lightweight, framework-agnostic library to generate skeleton loading UIs with customizable styles and animations.

    Loggers

    • lumberjack - Versatile Angular logging library with built-in drivers and easy customization for custom log drivers.
    • log4ngx - A TypeScript logging framework for Angular projects, based on concepts used in Log4j, Log4net, etc.
    • candy-logger - A lightweight logging library for JavaScript/TypeScript with a popup UI in browsers and enhanced terminal output in Node.
    • @pubfunc/ngx-common-log - A flexible logging library for Angular applications with support for multiple transports, log levels, namespaces, and dependency injection.

    Maps

    Markdown

    • angular-markdown-editor - Angular Markdown Editor. All-in-one Markdown Editor and Preview.
    • markular - A lightweight Markdown editor for Angular.
    • mdbook-angular - A renderer for mdbook that turns Angular code samples into running Angular applications.
    • md-juice - A lightweight, tokenized CSS theme for Markdown HTML output.
    • ngx-markdown - Angular library that combines Marked, Prism.js, Emoji-Toolkit, KaTeX, Mermaid and Clipboard.js.
    • ngx-markdown-pages - An Angular library for rendering markdown files as routable pages.
    • ngx-md-editable - A lightweight Angular component that edits Markdown and renders expressive HTML content.
    • ngx-md-slides - Create multi-language presentations, using Markdown, HTML, and Angular components for live examples.
    • ngx-remark - Render markdown with custom Angular templates.
    • ngx-streamdown - Angular port of Streamdown, a streaming Markdown renderer optimized for AI‑driven applications.
    • mark-down - A framework‑agnostic snippet engine with an Angular adapter that indexes Markdown at build time and renders HTML at runtime with optional sanitization.
    • m-render - A library for rendering Markdown with extended support for Angular components and code snippets.
    • markstream - Render Markdown while it is still streaming.
    • streamdown-angular - Stream‑safe Markdown rendering for Angular, built for AI chat UIs. Angular port of Vercel Streamdown.

    Media

    • angular-audio-context - An Angular wrapper for the Web Audio API’s AudioContext.
    • silicon-audio-wave - Very simple audio wave system from Silicon.
    • Vidstack - Framework with UI components for custom web media players, plus a customizable Default Layout. See installation guide.
    • @dytesdk/web-core - This quickstart 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.
    • ngx-cam-shoot - A streamlined Angular component that simplifies using your device’s camera and accelerates image capture and saving.
    • cometchat-uikit-angular - CometChat Angular UI Kit offers pre-built UI for quick, reliable, fully featured chat integration.
    • ngx-user-camera - Modern Angular 20+ camera component with front/back switching, optional canvas rendering, and zoneless reactive signals.
    • ngx-rumbletalk - An Angular library for Rumbletalk group chats.
    • ng-three-model-cropper - An Angular Three.js library for configurable 3D model cropping with GLB/FBX support and triangle-pruning export.
    • @ngx-core/media-optimizer - Professional framework-agnostic library for image optimization, conversion, and compression.
    • ngx-streaming-player - A unified, plug-and-play video player component that handles HLS, DASH, MP4, and YouTube through a single API.
    • ngx-pro-media-player - Angular media player with audio, video, queue, crossfade, lyrics, and RTL support.
    • MediaSFU-Angular - Angular SDK for WebRTC video conferencing, webinars, livestreams, chat, screen sharing, recording, breakout rooms, whiteboards, polls, live subtitles, and translation.
    • ngx-sync-videos - An Angular directive to simultaneously play, synchronize, and offset multiple videos.

    Mixed Utilities

    • Official Angular Components repository - Component infrastructure and Material Design components for Angular.
    • rx-angular - RxAngular toolkit for fully reactive apps focused on performance, template rendering, and developer experience.
    • ng-web-apis - A set of common utils for consuming Web APIs with Angular.
    • daffodil - Angular Ecommerce PWA Framework.
    • ngworker - Monorepo for the @ngworker NPM organization. Packages for Angular applications and testing.
    • jscutlery devkit - Tools that make Angular developer’s life easier.
    • lithium-angular - Lithium simplifies Angular with utilities for seamless reactive state and event interactions.
    • rxweb - Tons of extensively featured packages for Angular, Vue and React Projects.
    • ngspot - Collection of awesome Angular libraries.
    • ts-cacheable - A popular platform-agnostic caching library.
    • ngxtension-platform - Utilities for Angular.
    • spartan - Cutting-edge tools powering Angular full-stack development.
    • ngify - Use Angular features outside of Angular.
    • angular-ru-sdk - Set of toolchains for common interaction patterns, abstracting Angular core functionalities without presentation bias.
    • dfts-common - Collection of TypeScript libraries (icons and other utilities).
    • dfx-common - Collection of Angular libraries including dfx-qrcode and more.
    • sba-angular - Sinequa’s Angular-based Search Based Application (SBA) Framework.
    • ng-as - Angular pipe and directive for type casting template variables.
    • angular-toolbox - A library that provides useful tools for Angular apps development.
    • ngx-lift - clr-lift and ngx-lift enhance Angular with utilities, operators, and components for simplified development.
    • firestitch - A wide range of open-source Angular solutions is available from Firestitch.
    • @studiohyperdrive/ngx-tools - A mono-repo providing several of the Angular based packages created and maintained by the Studio Hyperdrive team.
    • ngx-utility - Various helpers for forms, zones, DOM manipulation, HTTP requests, and more.
    • ssv.ngx - Mono-repo of libraries from sketch7. ngx.command is a command pattern implementation for Angular. ngx.ux provides UX essentials and utilities for building apps.
    • ng-kit - Reusable Angular components built with Angular Material and Bootstrap 5.x, Utility classes/functions for Date, Form and String operations.
    • nxt-components - A collection of various Angular components.
    • ngx-signal-plus - A comprehensive utility library for Angular Signals that provides enhanced functionality, operators, and utilities.
    • ngx-nuts-and-bolts - A collection of commonly used pieces of Angular-related code that are used by Infinum.
    • ngx-signals-plus - Additional Signals to improve developer experience.
    • ng-tool-collection - Useful Tools written in Angular.
    • yaagoub - Accelerate your development with decorators, directives, icons, services, and OAuth 2.0.
    • @everllence/ngx-tools - This repository contains a collection of libraries is designed to elevate your Angular development experience.
    • ngx-oneforall - An Angular library with reusable pipes, directives, services, decorators, constants, enums, and more.
    • angular-signal-generators - Angular Signal Generators streamline development with signals and utilities for faster, cleaner code.
    • mmstack - A monorepo for mmstack libraries.
    • @shanieMoonlight/moonlight-repo - Monorepo of SpiderBaby’s open-source Angular libraries, utilities, and demo applications.
    • @jchpro/ng - Monorepo of various libraries for Angular. Visit example page for more info.
    • rxap - A collection of modules and tools that reduce web and cloud app development effort.
    • ng-util - A set of Angular utilities.
    • reactive-kit - Lightweight utilities for reactive Angular apps, reducing boilerplate and pairing well with ngxtension.
    • fireng - A collection of Angular libraries to simplify responsive development using signals.
    • xprng - Micro packages of simple and smart components for Angular.
    • ngx-primeng-toolkit - Comprehensive TypeScript utilities for Angular state management with PrimeNG helpers, ng-select, storage, and NgRx caching.
    • @ibenvandeveire opensource - A monorepo hosting multiple packages—both Angular and non-Angular—developed and maintained by Iben Van de Veire.
    • @farfadev/ngx-lib - Repository of Angular libraries from Farfadev, usable in any application.
    • ngx-security - A modular Angular library for authentication, roles, and permissions management.
    • ng-catbee - A collection of Angular libraries developed and maintained by the Catbee team.
    • ngx-persian - A full-featured toolset for Persian Applications.
    • acontplus-libs - Nx monorepo containing Angular libraries providing Domain-Driven Design (DDD) architecture, core utilities, and Angular Material UI components for enterprise applications.
    • Angular Directive Workspace - An Angular monorepo that hosts several standalone directive and utility libraries, including ng-signals-utils.
    • angular-cool - A monorepo packed with developer‑friendly Angular utilities that supercharge apps with effortless UI, storage, networking, and performance features.
    • dasch-ng - A collection of reusable Angular libraries and TypeScript utilities for modern web development.
    • ngx-schema-tools - A monorepo containing Angular libraries for JSON schema editing, visual data mapping, and dynamic form rendering.
    • angular-3d - Modern Angular libraries for building stunning 3D graphics and scroll animations.
    • npm-ntk-cms-angular - This monorepo contains a collection of 9 reusable Angular libraries designed for building modern CMS applications.
    • ngx-vertex - Designed to assist in creating and managing a directed acyclic graph model in an Angular application.
    • telperion - A collection of high-quality, framework-independent utilities and tools for modern web development, including ng-pack.
    • signality - A collection of atomic utilities for building reactive compositions in Angular.
    • @alvaromarinho/libs - A collection of Angular libraries for common UI needs, compatible with Angular 14+.
    • angular-helpers - A suite of Angular libraries that help you build secure, browser-integrated applications with a clean developer experience.
    • ngneat-archive - A read-only preservation archive of the ngneat repositories.
    • Indice.Angular - A collection of Angular libraries providing authentication, configuration, and reusable components for Angular v20+ applications.
    • trt-web-utils - Monorepo for the @trt-web packages, which includes a Firebase admin helper library and more.
    • dgkit - A growing collection of open-source frontend agnostic and Angular libraries, developer tools, and frontend utilities.

    Modals

    • ngx-dialog - Type-safe Angular Dialogs Directive for Angular 16+.
    • ng-modal-service - A simple Angular modal Service.
    • strictly-typed-mat-dialog - Angular material library to improve type safety around mat dialogs.
    • angular-confirmation-capture - A singleton, global Angular service to programmatically show a confirmation box to capture an user’s consent.
    • angular-anchored-floating-box - Singleton Angular service to render floating boxes anchored to elements with TemplateRef or component content.
    • ngx-side-page - Versatile Angular library for slide‑out side panels with smooth, service‑based animations, like Material dialogs for side pages.
    • async-modal-ngx - This library renders Angular components with flexible data flow, while all styling and modal-host design remain your responsibility.
    • rnd-dialog - Resizable and draggable dialog based on CDK dialog.
    • prettier-modals - Angular directives and an injectable service for Prettier Modals — beautiful open/close animations for native <dialog> elements, powered by GSAP Flip.
    • ngx-call - Imperative, type-safe, and promise-based dialogs for Angular, inspired by React Call’s createCallable.
    • ngx-dialog-forge - Declarative, signals-native Angular dialog library built on the native dialog element.
    • ngx-modalieur - Bootstrap-styled modals using Angular CDK Dialog.
    • ngx-minimal-modal - A small, unopinionated library that provides a straightforward way to work with modals (pop-ups) in an Angular app.

    Notifications

    • 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.
    • angular-notification - A singleton, global Angular service to programmatically show notifications.
    • angular-toaster - Updated fork of Angular2-Toaster.
    • grand-notifications - Beautiful, customizable toast notifications with artistic animations.
    • hot-toast - Smoking hot toast notifications for Angular.
    • makki-toast-package - A customizable toast component built to streamline the creation and management of tailored alerts.
    • mk-magic-messages-library - Easily display animated success, info, warning, and error alerts in your Angular 20+ application.
    • ngx-advanced-toast - Advanced Angular toast notifications built on the native <dialog> element — signals-first, zero RxJS, CSS-only animations, fully accessible.
    • ngx-alertifying - Customizable, responsive Angular alert component for stylish, accessible feedback across devices and contexts.
    • ngx-cozy-popup - Framework-agnostic popup and toast library for modern web applications.
    • ngx-french-toast - Lightweight, customizable Angular 14+ toast library for informative messages, feedback, and dynamic component support.
    • ngx-modern-alerts - Flexible Angular system for banner and floating alerts with hub, timeouts, custom actions, and more.
    • @klausbrandner/ngx-notifications - Simple, lightweight toast notifications for Angular.
    • ngx-notifier - A Simple Notification Service for Angular applications.
    • ngx-popify - Toast notifications for Angular 16+ built using reactive signals and easily integrated via a view component.
    • ngx-signal-toast - Signal-first toast notification library for Angular 21+ with zoneless support, zero dependencies, SSR safety and powerful theming.
    • ngx-snotifire - A flexible toast library offering multiple notification types, simultaneous positions, rich configuration, full custom styling, built‑in themes, callbacks, and custom HTML support.
    • 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-toast - A lightweight, high-performance, and Zoneless-ready toast notification library for Angular 21+ and React 18+.
    • @IQXLimited/ngx-toastr - A fork of ngx-toastr that adds extra features, improvements, and customizations.
    • ngx-toastr-notifier - Lightweight, customizable Angular 20+ toast notifications with Material design and flexible APIs, replacing toastr.
    • Notiflow - A modern toast/notification library for Angular — signal-based, standalone, and zoneless-safe, built without @angular/animations.
    • notifyx - A simple, customizable toast library for JavaScript/TypeScript with zero dependencies.
    • OneSignal - Integrate OneSignal into Angular apps with onesignal-ngx for push and in‑app messaging.
    • toastify - Lightweight and customizable toast notifications for web applications.
    • web-notifier - Lightweight, flexible web notification library with simple RxJS‑based API for browser notifications.
    • ngx-dynamic-toast - An elegant, liquid-smooth toast notification library for Angular, heavily inspired by the beautiful Sileo project.
    • flexi-toast - Angular toast notification component with title, message, icon types, auto-dismiss, manual close, animations, theme, and positioning support.
    • ngx-notitia - Updated fork of ngx-toastr with additional features, fixes, and modernizations for Angular 21+.
    • ngx-herald - A lightweight, modern Angular toast notification library. Signals-first, zoneless-compatible, zero runtime dependencies, and an easy-to-use alternative to ngx-toastr.
    • ngx-gooey-toast - A morphing pill‑to‑blob toast component for Angular, serving as an Angular port of the React gooey‑toast.
    • ngx-yet-another-toast-library - A lightweight, signal-based Angular toast notification library with Bootstrap 5 color palette support.
    • ngx-mat-toast - Angular toast notification library built on top of Angular Material MatSnackBar.
    • ngx-retoast - A rewrite of the archived ngx-toastr library, designed for modern Angular applications.

    Onboarding and Product Tours

    • angular-shepherd - Angular Service wrapping the site tour library Shepherd.
    • skyux - SKY UX components for Angular.
    • ngx-ui-tour - A UI tour library inspired by angular-ui-tour.
    • ngx-onboarding - Onboarding library for seamless Angular tutorials, helping users quickly learn and navigate your app.
    • ngx-web-tour - A customizable product tour library for Angular applications that supports user onboarding with animations and professional UI.
    • ngx-intro - An Angular library that provides a simple integration of Intro.js to create interactive guides and step-by-step tutorials.
    • ngx-custom-tour - Easy to customize step-by-step tour / onboarding for Angular 15+.
    • ng-beacon - Lightweight guided-tour library for Angular 19+ with signals and zoneless-compatible rendering.
    • ngx-guided-tour-lite - A lightweight, dependency-free guided tour library for Angular.

    PDF

    • Angular Image & PDF Viewer - A customizable library for viewing PDFs and images using Mozilla’s pdf.js engine for smooth previews.
    • ng-pdf-renderer - A modern, zero-configuration PDF viewer for Angular applications with intelligent auto-fit, text selection, and responsive design.
    • ng2-pdfjs-viewer - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).
    • ngx-document-signer - A reusable package that provides a PDF form creator and PDF signer.
    • ngx-extended-pdf-viewer - A full-blown PDF viewer for Angular 16+.
    • ngx-pdf-viewer - A lightweight PDF viewer library for Angular applications.
    • pdf-viewer-kit - A modern, high-performance, framework-agnostic, lightweight PDF viewer and annotation library built on top of pdf.js.
    • rm-ng-pdf-export - Angular library for generating and exporting ultra-high-quality PDFs from HTML content with smart page breaking and crystal-clear rendering.

    Pipes

    • ng-generic-pipe - Generic pipe for Angular application.
    • ng-dompurify - Angular Sanitizer/Pipe using DOMPurify with full configuration support.
    • ngx-signal-pipes - Transform Angular signals with functional pipes.
    • ngx-pipe-lib - Common Angular pipe examples for your day to day tasks.
    • memoize-pipe - A universal pipe for memoizing computations in Angular templates.
    • ngx-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.
    • ngx-dynamic-search - Angular pipe designed for dynamic, deep search filtering across complex nested objects and arrays.
    • ngx-name-capitalize - Angular pipe for name capitalization that formats compound surnames, linguistic particles, hyphenated names, apostrophes, and Unicode characters.
    • ngx-transforms - 90+ standalone, tree-shakable pipes for strings, numbers, dates, arrays, objects, and more.
    • @unirate/angular - Angular pipes (currencyRate, currencyConvert) and UniRateService (Observable-based) for live currency exchange rates from the UniRate API. Supports Angular 16–22 with UniRateModule.forRoot() or provideUniRate().

    Printing

    • ngx-pos-print - Print receipts on POS thermal printers from your Angular app.
    • ngx-print - A plug n’ play Angulae library to print your stuff.
    • ngx-printer-demo - A simple Angular service to print a window, parts of a window (div), images, HTMLElements or Angular Objects.

    QR Codes

    • ng-qrcode - Easy to use AOT compatible QR code generator for Angular projects.
    • angularx-qrcode - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library.
    • dfts-qrcode - A tiny and simple-to-use JavaScript / TypeScript QR-Code generator library. Fully type-safe and ES modules compatible.
    • ngx-scanner - Angular QR code, Barcode, DataMatrix, scanner component using ZXing.
    • ng-qrcode-svg - Simple QR code generator (SVG only) for Angular.
    • Angular-html5qrcode - This library provides an Angular wrapper for the html5-qrcode library, allowing developers to easily integrate QR code and barcode scanning functionalities into their applications.
    • ngx-kjua - Angular QR-Code generator component using kjua.
    • ngx-qrcode - A simple Angular 18+ component to generate QR codes. Based on react-native-qrcode-skia library.
    • qrcode-angular - A streamlined Angular library that creates verification QR codes for Self.xyz.
    • qr-code-layout-generate-tool - Framework-agnostic QR code label & badge designer for React, Angular, Vue, Svelte, & Node.js.

    Router

    • ngx-route-breadcrumbs - Angular library that simplifies creating breadcrumbs based on routing URLs and parameters.
    • xng-breadcrumb - Zero‑config, lightweight, configurable, reactive breadcrumbs for Angular 6+.
    • angular-router-menus - Typed, customizable Angular route‑based menus with multi‑navigation, nested dropdowns, and injection‑token access.
    • ngx-back-button - A library for handling proper Angular back button capability.
    • ngx-foresight - An Angular integration of ForesightJS for intelligent router preloading based on user intent.
    • ngx-href - A directive that allows href to understand Angular’s router while retaining its default functionality.
    • ngx-multi-level-push-menu - A modern, accessible Angular component for responsive multi-level push menus with extensive customization options.
    • ngx-quicklink - Quicklink prefetching strategy for the Angular router.
    • ngx-route-manager - A simple library to store all route urls used in the application.
    • ngx-speculation-rules - Angular library for the Speculation Rules API enabling prefetching and prerendering for faster, SSR- and Zoneless-compatible navigation.
    • ui-router - State-based routing in Angular is enabled through UI-Router for Angular.
    • ngx-url-params - Lightweight Angular service for managing and synchronizing URL query parameters with a concise, reactive API.
    • ngx-history - Modern Angular navigation history service with reactive programming support.
    • angular-typed-router - Type‑safe Angular navigation from a single Routes array, yielding inferred path unions and typed navigate tuples with zero codegen or runtime cost.

    Scroll

    • ngx-ui-scroll - Virtual/infinite scroll for Angular.
    • ngx-page-scroll - Animated scrolling functionality for Angular written in pure TypeScript.
    • lithium-ngx-virtual-scroll - A fast and lightweight virtual scrolling solution for Angular that supports single column lists, grid lists and view caching.
    • angular-fullpage - Official component for fullPage.js, a fullscreen scrolling library.
    • ngx-scrolltop - Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies.
    • OverlayScrollbars - JavaScript plugin for custom styleable overlay scrollbars that hide natives while preserving functionality.
    • ngx-scrollbar - Custom overlay-scrollbars with native scrolling mechanism.
    • ngx-tracing-beam - A simple component library to add an animated tracing beam to your vertical scrolling.
    • ngx-marquee - A simple component library to create an infinite scrolling marquee with your content.
    • @omnedia/ngx-scrollbar - Custom scrollbar with smooth scrolling and full styling control.
    • ngx-virtual-dnd-list - A virtual scrolling list component that can be sorted by dragging.
    • ngx-scroll-top - Configurable, lightweight back to top button for Angular projects.
    • ng-mat-select-infinite-scroll - Infinite Scroll directive for Angular Material select component.
    • simplebar - Custom scrollbars vanilla JavaScript library with native scroll, done simple, lightweight, easy to use and cross-browser.
    • ngx-responsive-virtual-scroll - Fast, lightweight Angular virtual scrolling for single‑column lists, responsive grids, and view caching.
    • ngx-virtual-scroller-flexible - Ultra‑fast, flexible virtual scroller rendering unlimited items with varying heights seamlessly.
    • ngx-perfect-scrollbar-portable - Angular wrapper library for Perfect Scrollbar.
    • ng-virtual-list - Maximum performance for extremely large lists.
    • ngx-horizontal-menu-scroll - A lightweight, customizable Angular library for creating beautiful horizontal scrolling menus with smooth navigation controls.
    • usal - Framework agnostic ultimate scroll animation library.
    • ar-virtual-scroll - Lightweight Angular virtual scroll with automatic dynamic height, ideal for chats, feeds, and variable lists.
    • angular-infinity-scroller - A lightweight, high‑performance infinite‑scrolling directive built to work seamlessly with modern Angular and SSR setups.
    • ngx-zoneless-scrollbar - A lightweight Angular scrollbar built for zoneless mode, using native scrolling with CSS styling.
    • ngx-scrollbar-ultimate - A lightweight library for vertical scrolling.
    • ngx-scrollspy - Angular Scroll Spy Service with events.
    • ngx-virtual-grid - A responsive, virtual‑scrolling Angular grid that supports infinite loading, uses CSS Grid, automatically measures item sizes, and renders only the visible elements.
    • ngx-cerious-scroll - Angular bindings for Cerious Scroll, a high-performance virtual scrolling implementation.

    Storage

    • rxdb - An abstraction layer for IndexedDB.
    • ngx-reactive-storage - Wrapper for IndexedDB/localStorage with promise‑based API, supporting Angular Signals and RxJS Observables.
    • ng2-webstorage - LocalStorage and SessionStorage manager.
    • ngx-indexed-db - Wraps IndexedDB in an Angular service.
    • angular-async-local-storage - Efficient client-side storage for Angular: simple API + performance + Observables + validation.
    • signaldb - Local JavaScript DB with MongoDB‑like interface, TypeScript, signal‑based reactivity, schema‑less design, and fast queries.
    • dexie - A Minimalistic Wrapper for IndexedDB.
    • angular-web-storage - Angular decorator to save and restore of HTML5 Local & Session Storage.
    • ng-storage - A modern, reactive Angular service for browser storage management with AES-GCM encryption, TTL, change notifications, and Apollo-style providers.
    • convex-angular - The Angular client for Convex.
    • secure-client-store - Universal TypeScript library for AES-256-GCM client-side encryption (works in browsers & Node.js).
    • ngx-persist - A type‑safe, signal‑based persistent state utility for Angular, syncing with localStorage, sessionStorage, IndexedDB, or custom backends.
    • ngx-webstore - A comprehensive Angular library for browser storage management with TypeScript support, reactive APIs, encryption, TTL, and more.
    • @moltendb-web/angular - Rust/WebAssembly local‑first DB for Angular with Signals, OPFS, GraphQL‑style queries, and Web Workers.
    • ngx-secure-storage - SSR-compatible Angular service to securely store, retrieve, and manage encrypted data in localStorage and sessionStorage using AES encryption.
    • ngx-local-vault - A reactive, encrypted browser storage for Angular—built on Signals, under 2KB gzipped, with zero runtime dependencies.

    Tooltips

    • popover - Angular popover component.
    • ngx-tooltip-directives - Library with three tooltip directives (string, HTML, template), inspired by ng2-tooltip-directive.
    • @babybeet/angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
    • ngx-tippy-wrapper - Angular wrapper for Tippy.js.
    • @lazycuh/angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
    • ngx-overlay - Lightweight Angular library for modern CSS/HTML overlays—modals, tooltips, and popups—browser‑compatible and elegant.
    • ngx-smart-tooltip - A lightweight, customizable tooltip library for Angular 18 that uses signals, the Web Animations API, and OnPush change detection.
    • angular-tooltips - Modern, lightweight Angular tooltips using a single CSS‑anchored popover element with no overlays, no scroll listeners, and no per‑trigger DOM.

    UI Libraries

    • Dev Extreme - Feature-Complete 65+ Angular Component Suite.
    • Zyra UI - Modern Angular component library with design tokens, signals, dark-mode-first theming, and WCAG 2.1 AA accessibility.
    • Syncfusion - Its Essential UI Kit for Angular is compatible with both Tailwind CSS and Bootstrap.
    • ej2-angular-ui-components - Syncfusion Angular UI library with 70+ lightweight, responsive, modular, touch‑friendly components.
    • Nebular - Customizable Angular UI Library based on Eva Design System.
    • NG-ZORRO - An enterprise-class UI components based on Ant Design and Angular.
    • NG-ALAIN - NG-ZORRO admin panel front-end framework.
    • zardui - Collection of beautiful, accessible Angular components based on shadcn-ui and NG‑ZORRO, fully open source and free.
    • ngx-ui - Style and Component Library for Angular2 and beyond!
    • optimus-ui - A fork of PrimeNG.
    • Wijmo 5 - Set of UI components for Angular2.
    • Taiga UI - Powerful set of open source components for Angular!
    • AgnosUI - Highly configurable headless framework agnostic component library.
    • ng-aquila - Aquila, an open‑source Allianz GDF component library, offered here as a white‑label variant.
    • oblique - Angular framework with Swiss corporate design and ready‑to‑use components for branded business apps.
    • fundamental-ngx - Fundamental Library for Angular is SAP Design System Angular component library.
    • designsystem - Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.
    • 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-float-ui - Angular wrapper for the Floating UI library.
    • carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
    • dyte-io/ui-kit - Dyte UI Kit: prebuilt components for quick video and voice call integration into any app or website.
    • ng-zen - Create customizable, production‑ready Angular UI components seamlessly within your project.
    • ngwr - Angular UI kit to make stylish Angular applications.
    • Windmillcode-Angular-CDK - Provides a collection of reusable UI components, each crafted with attention to detail and performance.
    • ng-vcl - Angular component library based on the VCL CSS eco-system.
    • ngx-ui - NGXUI from Omnedia: standalone Angular components, blocks, and templates for landing pages and marketing materials.
    • po-angular - Component library based on Angular. Documentation in Portuguese.
    • ngx-nighthawk - A production-ready, enterprise-grade project developed with Bootstrap, offering extensive custom functionality.
    • @ng-verse/ui - Production Ready Angular Components that you Copy/Paste.
    • bryntum - World class web components for calendars, gantt charts, kanban boards, and scheduling.
    • flexi-ui - Flexi UI: reusable, customizable, open‑source UI components for modern, visually appealing front‑end applications.
    • @koobiq/angular-components - Open‑source design system for security‑focused products, offering UI patterns, components, tools, resources, and guidelines.
    • Vega - Expedite feature development by leveraging reusable components and styles tailored to your preferred framework.
    • Blueprint UI - Accelerate your development with flexible UI components and tools that work everywhere.
    • mantic-ui - Angular components for Semantic UI and Fomantic UI.
    • kage-ui - Lightweight, flexible Angular library with reusable components inspired by border‑first design systems for scalable, consistent UIs.
    • quix-quang - Angular component and utility library developed by Quix Srl.
    • ngx-vflow - An open source library to build node-based UI with Angular.
    • ship-ui - A modern, signal-based, zoneless-compatible UI library for Angular. Explore its features and documentation on their official website.
    • slateui - A modern, accessible UI component library that provides directive-based components built with Angular primitives, Tailwind CSS, and signals.
    • @nexcraft/forge - Framework-agnostic Web Components UI library. Works in Angular via custom elements.
    • ngx-nova-ui - A modern Angular 20 UI component library built with signals, standalone components, and a CSS-first theming approach.
    • MaxterDev NGX Components - A highly flexible and SCSS-customizable components library for Angular.
    • gcds-components - The gcds-components-angular package enables easy integration of GC Design System web components into Angular.
    • 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.
    • TecnualNG - A modern Angular UI library offering reusable, customizable, and accessible components for building professional web applications.
    • takeoff-ui - A comprehensive design system providing framework-agnostic web components developed with Stencil.js.
    • mozek - A lightweight SCSS toolkit and UI library designed for clean, simple, non‑over‑engineered styling with consistent spacing, colors, and typography.
    • Magma - A broad set of components, services, pipes, directives, and utilities that support its ecosystem and are available for anyone to use or extend.
    • ngx-aespartal-ui - A professional, lightweight, and customizable Angular component library built with Atomic Design principles.
    • JSuites - Collection of UI components and utilities (forms, modals, inputs) that can be integrated into Angular with custom wrappers or directives.
    • ngx-support-chat - A pure presentational Angular component library for customer support chat interfaces.
    • luma-ui - Neo-Minimal design system for Angular applications.
    • Mundane UI - Framework-agnostic, zero-dependency, lightweight UI component library.
    • eagami - Lightweight, accessible Angular UI component library built on CSS custom properties.
    • angular-liquid-glass - A standalone Angular component library for liquid glass and glassmorphism interfaces.
    • ngx-pk-ui - An Angular 21 component library providing UI components and CSS utilities.
    • magary - A modern, standalone-first Angular UI library monorepo.
    • ngx-core-components - Angular 19+ component library — production-ready UI components built with signals, OnPush change detection, and zero runtime dependencies.
    • ngx-cupertino - Angular components implementing Apple’s iOS 26 / macOS Tahoe 26 design system.
    • kanso-protocol - Open‑source, cross‑framework design system with W3C DTCG tokens, Web Components, and an AI‑ready MCP server — built around kanso (簡素), the discipline of removing the unnecessary.
    • frame-ui - A customizable Angular component library built around modern primitives.
    • coss-ui-angular - Accessible Angular components inspired by the public COSS UI catalogue.
    • OpenMFP Web Components Library - A modern Angular 21 web components library featuring declarative UI components built with the latest signal-based APIs.
    • ngxsmk-ui-kit - 200+ free Angular components. Signals-native. Zoneless. Token-themed. Dark mode built in.
    • NgBracket - Accessibility-first Angular component packs (forms, data table, scheduler, charts, and more), signals-native on v22+ with Signal Forms; WCAG AA, keyboard + screen-reader tested by hand.

    UI Libraries built on Bootstrap

    • angular-bootstrap-md - Material Design for Bootstrap 5 & Angular 17.
    • ng-bootstrap - Angular widgets built with Bootstrap 5 CSS and APIs tailored for the Angular ecosystem.
    • ng-bootstrap-addons - Adds UI components not available in ng-bootstrap (e.g., input/form controls).
    • ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).
    • design-angular-kit - A toolkit based on Bootstrap Italia for the creation of web applications developed with Angular.
    • yoozsoft - Widgets built using Bootstrap 5, CSS, and NG Bootstrap 17 with APIs designed for the Angular ecosystem.
    • ngx-gccb - Angular 19+ library with easy‑to‑use shared components, directives, pipes, and services. See showcase for code snippets.
    • cute-widgets - An open‑source Angular UI library that provides native directive‑based components styled with Bootstrap 5+ utilities and design classes.

    UI Libraries built on Material

    • angular-ui-plusify - Includes Datetime Picker and Markdown Editor, with plans to expand into a full Angular UI toolkit.
    • MDBootstrap - Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation.
    • Angular Material - Material Design components for Angular.
    • Covalent - Teradata UI Platform built on Angular Material.
    • 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.
    • angular-jqwidgets - Advanced Angular Components with Material Design.
    • @ng-matero/extensions - Angular Material Extensions Library.
    • angular-material-css-vars - Little library to use CSS variables with Angular Material.
    • ngx-components - Useful components and utility functions for Angular.
    • ngx-material-auth - A library for Angular which provides functionality around the frontend part of authentication and authorization.
    • ngx-material-navigation - Creates material navigation elements like combined navbar and sidenav or footers, automatically shifting items based on breakpoints.
    • ngx-material-entity - With NgxMaterialEntity you can create entities and define how to display them directly on their properties. It can even generate complete and highly customizable CRUD-Tables.
    • c3-components - An open-source component library that extends the @angular/material library.
    • simplematcomponents - Set of Angular components that fit into or use Angular Material Design.
    • Angular Material Dev UI - One place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.
    • nmce - Suite of Angular Material extensions with reusable code and UI enhancements for complex, data‑rich business apps.
    • NgxMatFacetToolkit - Angular standalone facet filtering toolkit with Material UI.
    • ngx-dynamic-stepper - A powerful, flexible Angular library for creating dynamic wizard-style steppers built on top of Angular Material Stepper.
    • BuilderKit - A complete UI toolkit and modern design system built on Angular Material, with blocks, templates, and a solid foundation for building Angular applications.
    • angular-material-extended - Community extensions for Angular Material (Standalone, Signals, Zoneless, SSR, M3 Theming).
    • mat-exp - A library of components and styles for Angular Material, built on the latest Material Design 3 Expressive Design System.
    • angular-material-components - Provides extra components for Angular Material projects: Datetime picker, Time picker, Color picker, etc.

    UI Libraries built on Tailwind CSS

    • angular-superui - Comprehensive Angular UI library with 50+ production‑ready components, built on Tailwind CSS v4, TypeScript, and Angular 17+ Signals.
    • angular-tailwind-ui - Easy to use and simple components, directives and services. Using Angular 19 and Tailwind CSS 3.
    • bpdm/ng - Accessible, themeable Angular component library on the Angular CDK and Tailwind CSS, driven by a shared design-token set with a native React version.
    • elbe-ui - Angular UI components built with Tailwind CSS and Spartan UI.
    • Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
    • FlyonUI - Integrate FlyonUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently.
    • Galaxy UI - Universal Component Library that brings beautiful, accessible components to Angular.
    • koala-ui - A modern and accessible component library designed to speed up interface development.
    • ng-brutalism - Neo-brutalist Angular UI library with signals, zoneless, and Tailwind CSS v4. Bold borders, offset shadows, opinionated aesthetic end-to-end.
    • Metronic - Comprehensive Tailwind CSS UI toolkit for building modern, scalable web applications efficiently.
    • ngx-lite-suite - Angular UI library with a “Lite Suite” design system of glassmorphism, gradients, and fluid animations.
    • ngx-tailwindcss - A customizable Angular UI library for Tailwind CSS 4+, offering accessible, beautifully designed components with full styling control.
    • ngx-tw - A comprehensive component library built with Tailwind CSS, providing a modern and customizable set of UI components for Angular applications.
    • nicacoder-ng - Centralized Angular library of customizable components to accelerate development and ensure project consistency.
    • Preline UI - Preline is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
    • PrimeBlocks - Professionally designed UI blocks tailored for rapid application development.
    • seacotools - A library designed for modern Angular applications, offering a suite of reusable UI components and services compatible with Tailwind CSS.
    • semantic-components - Modular Angular CDK + Tailwind UI elements with semantic HTML, full accessibility, and lightweight flexibility.
    • simui - Beautiful Angular UI components built with Tailwind CSS and Spartan.
    • starting-point-ui - Framework‑agnostic Tailwind CSS components inspired by shadcn/ui, fully compatible with Angular.
    • synerity-ui - Enterprise‑grade Angular 20+ library with 90+ accessible, performant Tailwind‑styled components for modern apps.
    • Tailkit UI - Carefully crafted, customizable, fully responsive Tailwind CSS components, templates, and tools for your projects.
    • tailng - Angular components styled with Tailwind to achieve a Material‑like look.
    • volt-ui - Fully accessible, themeable Angular components built with signals, Tailwind CSS v4, CVA, and ng-primitives.
    • zapui - Build scalable Angular apps with a Tailwind-powered design system from zap:ui.

    UI Library and Framework Ionic

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

    UI Primitives

    • ng-primitives - A low-level UI component library with a focus on accessibility, customization, and developer experience.
    • primitives - Angular port of Radix UI Primitives. Accessible. Customizable.
    • vacui-ui - A headless Angular library of utility-first, primitives, low-level directives as foundational elements.
    • ngx-headless - A collection of standalone, accessible Angular primitives inspired by Headless UI & FormKit.
    • Clean Architecture Frontend - Domain-agnostic primitives for building frontend applications with Clean Architecture. Works with React, Vue, Angular, or any future framework.
    • @luminacn/ui - Signal-first, headless UI primitives for Angular.
    • Bloc UI - Lightweight, accessible Angular components with zero design opinions. Use your own styles or the optional theme package.
    • angular-primitives - Signal-first Angular primitives for building scalable, accessible UI systems.

    Viewers

    • file-viewer - A powerful, universal file previewer library for Angular applications with support for PDF, images, documents, spreadsheets, and more.
    • json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences!
    • ngx-diff - Angular component library for displaying diffs of text.
    • ngx-gist - An Angular Material and highlightjs styled display box for GitHub gist and local code snippets.
    • ngx-json-diff-viewer - Angular component for visually displaying the differences between two JSON objects.
    • ngx-json-schema-viewer - JSON Schema Viewer in Angular.
    • ngx-json-treeview - A collapsible JSON tree view for Angular.
    • ngx-omniview - An all-in-one content viewer for Angular that seamlessly displays raw string inputs as Plain Text, HTML, Markdown, LaTeX, MathJax, JSON, and more—using just a single component.
    • ngx-profile-comparison - A high-quality, production-ready Angular component library that visually compares two user profiles by highlighting their similarities and differences.
    • ngx-serial-console - Angular component and service to monitor output from a serial device.
    • ngx-universal-viewer - An Angular component for viewing PDFs, Word, Excel, and PowerPoint files in continuous scroll or page-by-page modes.
    • ngx-voyage - File Explorer for Angular and PrimeNG.
    • ngx-file-peek - An Angular standalone component library that renders real file content as thumbnails from any URL or storage source.
    • ngx-json-explorer - An interactive, fully-customizable Angular JSON tree component featuring inline editing, search, and comprehensive option-based configuration.
    • ngx-superlite-img-viewer - An ultra-lightweight Angular library designed to display image galleries in a fast and intuitive viewer.

    Visual Effects

    • angular-tag-cloud-module - With this module, you can generate word clouds / tag clouds.
    • levita - Lightweight 3D tilt & parallax with accelerometer support.
    • ng-snowfall - An interactive Angular snowfall component where snowflakes respond to mouse movement to create a realistic wind effect.
    • ng-whiteboard - Lightweight Angular whiteboard component.
    • @craftedcode-dev/ngx-analog-clock - Analog clock component for Angular applications with timezone support, custom themes, and extensive styling options.
    • @DerStimmler/ngx-analog-clock - Customizable analog clock for your Angular app.
    • ngx-color-scheme - Add dark mode to your Angular applications with ease.
    • ngx-countdown - Simple, easy and performant countdown.
    • ngx-fancy - Fancy divider between template elements.
    • ngx-font-picker - Google fonts font picker widget for Angular.
    • ngx-gauge - A highly customizable Gauge component for Angular apps and dashboards.
    • ngx-glassy-effect - An Angular directive that applies a glassy effect to your HTML elements.
    • ngx-globe - A simple component library to create a container with an animated globe.
    • ngx-gooey - The gooey effect for Angular, used for shape blobbing / metaballs.
    • ngx-lamp - A simple component library to create a lamp.
    • ngx-neon-underline - An Angular library that provides a glowing neon underline effect for your components.
    • ngx-parallax-stars - Angular library to create beautiful stars with parallax effect.
    • ngx-waterbox - An isometric water box component.

    Underlying Technologies

    RxJS

    • Official website - Reactive Extensions Library for JavaScript.
    • eslint-plugin-rxjs-x - Fork of eslint-plugin-rxjs adding ESLint flat config support with breaking changes and improvements.
    • learn-rxjs - Clear examples, explanations, and resources for RxJS.
    • ng-event-bus - RxJS-based message bus service for Angular.
    • ngx-device-permission - Angular library for handling device permissions (camera, microphone, geolocation, etc.) in a reactive way using RxJS.
    • ngx-operators - RxJS operators for Angular.
    • operators - This package regroups a couple of RxJS operators meant to simplify some common patterns.
    • reactive-event-source - Lightweight RxJS-based EventSource wrapper with auto-reconnect, leak prevention, and reactive state management.
    • redux-observable - RxJS middleware for action side effects in Redux using “Epics”.
    • rx-computed - The async RxJS-based version of signals’ computed().
    • @mrOranger/RxJs - Theory with examples about the Reactive Programming paradigm, using the library RxJS.
    • rxjs-broker - An RxJS message broker for WebRTC DataChannels and WebSockets.
    • rxjs-challenge - A set of little RxJS puzzles to practice your Observable skills.
    • rxjs-collection - RxJS enhanced Array, Map, WeakMap, Set, and WeakSet.
    • rxjs-common - A collection of useful RxJS operators.
    • rxjs-conduit - RxJS ReplaySubjects with with additional features to make reactive programming easier.
    • rxjs-course - RxJS course from Angular University.
    • subscribable-things - A collection of reactive wrappers for various browser APIs.
    • subsiphon - Lightweight utility for managing multiple RxJS subscriptions with indexed/named keys and simple cleanup methods.
    • web-serial-rxjs - A TypeScript library that provides a reactive RxJS-based wrapper for the Web Serial API, enabling easy serial port communication in web applications.

    TypeScript

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

    Framework Interoperability

    Cross-Framework Integration

    • detector - A zero-dependency, TypeScript-first library for fast, universal detection of platforms, frameworks, browsers, and capabilities.
    • @oguimbal/ngx-react - Enables smooth integration of React and Angular components, or effortless migration between the two.
    • ngx-reactify - Library to make running Angular and React applications together easy.
    • ng-react-bridge - A lightweight Angular package that enables developers to seamlessly render React components inside Angular components using a directive.
    • gong - Full‑stack framework with Go (Gin, Gorm, pure SQLite) backend and Angular Material frontend.
    • @retejs/angular-plugin - Angular plugin with a classic preset of node, connection, socket, and control components, built on Rete.js.
    • Stencil - Generate Angular component wrappers for your web components.
    • AnQst - Generates Angular services and native Qt widgets from a shared DSL, letting Angular apps compile into QWidget‑based C++ UIs via the AnQst CLI and host libraries.
    • rozie.js - A cross-framework compiler that transforms single Vue/Alpine-flavored component files into native Angular code without runtime overhead or wrapper boilerplate.

    External Integration

    • Sentry - A developer-first error tracking and performance monitoring platform.
    • DataDog - With the Datadog Angular integration, you can resolve performance issues quickly.
    • Elastic - Real User Monitoring JavaScript agent with Angular applications.
    • @elastic/apm-rum-angular - Elastic APM Real User Monitoring for Angular applications.
    • Partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
    • Pega - Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system.
    • Postcat - A lightweight, extensible API tool based on Angular and Electron.
    • NativeScript - Provides platform APIs directly to the JavaScript runtime (with strong types) for a rich TypeScript development experience.
    • Strich - A JavaScript library for real-time, multi-format barcode scanning directly in the web browser.
    • stream-chat-angular - Angular Chat SDK ➜ Stream Chat. Build a chat app with ease.
    • foblex2D - Angular library for 2D geometry with utilities for points, lines, vectors, shapes, and transformations, used in Foblex Flow.
    • Bloomreach Angular SDK - Provides simplified headless integration with Bloomreach Content for Angular-based applications.
    • ngx-notion-cms - Render your Notion content through your Angular application as a CMS.
    • Otter - Highly modular Angular framework with units for localization, testing, customization, and CMS-driven dynamic configuration.
    • HyperFormula - Headless spreadsheet engine in TypeScript for formula parsing/evaluation, with an Angular integration demo.
    • fusio-sdk-javascript-angular - This SDK enables Angular apps to integrate with Fusio, used by projects like the backend and developer.
    • limitless-angular - A collection of powerful Angular libraries designed to enhance the Angular ecosystem and help developers build better applications with a focus on Sanity.io integration.
    • Bit - Leverage Bit to build composable software.
    • angular-twitter-timeline - Angular Public Twitter Timeline Widget.
    • ngx-signalr-websocket - A lightweight ASP.NET SignalR client for Angular.
    • Keploy - Record test cases and mocks by interacting with the Angular UI, and then test them using Keploy.
    • alterior - Isomorphic TypeScript framework for building modular services with seamless Angular integration.
    • 23blocks SDK - Build full-stack apps 10x faster with modular backend blocks.
    • ngx-unity - A type-safe bridge for bidirectional communication between Unity WebGL/WebGPU and Angular.
    • ngx-wp-shortcode - A library that lets Angular applications render WordPress shortcodes as native Angular components.
    • ngx-iobroker - This library offers the possibility to integrate a ioBroker server quickly and easily into an Angular application.
    • AngularDart - A web framework that separates cleanly into a template language and a component model, making it easy to build complex, maintainable web applications.

    Wrappers

    Angular-Inspired Solutions

    • angular-style-injector - A lightweight dependency injection container inspired by Angular’s Injector.
    • di - This library is a lightweight dependency injection library, similar to InversifyJS and typedi.
    • flexdi - Flexible, lightweight DI library for React, React Native, and Vue3, inspired by NestJS and Angular.
    • gapi - Inspired by Angular and intended to provide complex Node.js GraphQL Backend applications with minimal effort.
    • GTPL - TypeScript library for reactive templates using Direct DOM and Proxy, inspired by Vue, Angular AOT, and JSX, in a compact 9KB package.
    • illuma - Angular-style dependency injection for TypeScript.
    • indulgent - A lightweight set of TypeScript utilities designed for web development, free of external dependencies and optimized for solid runtime performance.
    • injection-js - A fast, well‑tested JavaScript/TypeScript dependency injection library extracted from Angular’s ReflectiveInjector.
    • ioc - A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
    • knifecycle - Manage your Node.js processes’ lifecycle automatically with an unobtrusive dependency injection implementation.
    • Lua-Generate - A CLI tool to generate boilerplate code inspired by ng tool from Angular.
    • named-slots - Declarative “holes” for React components, inspired by slots in Vue, Svelte, Angular, and WebComponents.
    • needle-di - A lightweight, type-safe Dependency Injection (DI) library for JavaScript and TypeScript projects.
    • npm-clang-format-node - Node wrapper for LLVM Clang’s clang-format and git-clang-format native binaries inspired by clang-format.
    • 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.
    • react-di-lite - Lightweight, hierarchical dependency injection for React inspired by Angular’s services.
    • @joanpablo/reactive_forms - A Dart library using a model-driven approach for forms and validations, inspired by Angular’s Reactive Forms.
    • reaktiv - Reactive Signals for Python with first-class async support, inspired by Angular’s reactivity model.
    • rgenex - An Angular‑CLI–style generator for React that instantly scaffolds components, hooks, and pages.
    • rxor - Brings reactive signals to React, inspired by Angular Signals, Vue 3’s ref/computed, and SolidJS.
    • Signals - Zero‑dependency, glitch‑free reactive signals for TypeScript and JavaScript using an optimized Angular‑inspired push/pull architecture.
    • sio - Silicia Framework: a fresh approach built upon Ionic, designed to streamline the development of hybrid applications and websites.
    • UnReact.js - A modern framework combining the best of Angular and React for enhanced component communication.
    • use-vue-service - Lightweight Vue 3 state management with dependency injection, inspired by Angular services.
    • weave - A fine-grained reactive, signal-native UI framework.

    External Lists