Shadowgraph
About
Sign in

AngularClass/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

10,074

stars

2,583

commits

HTML

primary language

Sep 5, 2026

updated

patrickjs.github.io/awesome-angular/
angular
angular10
angular11
angular2
angular4
angular9
angular-components
awesome
awesome-list
Browse cluster: Curated Resource Lists and Guides →

README

Awesome Angular Awesome

Awesome Angular

logo designed by SAWARATSUKI

This is the Awesome list of the Angular framework, and it contains intriguing libraries in the Angular ecosystem for all developers. Something missing? PRs welcomed!

Repo maintained by @jdegand and @patrickjs

Current Angular version: npm version

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.
  • angular-query - An Angular-first data fetching library inspired by TanStack Query that uses Angular Signals for reactive queries, caching, and state management.

Micro Frontends

  • angular-micro-frontends - Micro-frontends with Angular and Nx.
  • luigi - Enterprise-ready, technology-agnostic micro-frontend orchestration framework with out-of-the-box navigation and authorization features.
  • micro-frontends-mindmaps - A mindmap summarizing micro-frontend concepts.

Module Federation Vite

Module Federation Webpack

  • @module-federation/core - Core library allowing developers to share code and resources dynamically across multiple JavaScript applications.
  • angular-mfe-poc - POC demonstrating micro-frontend architecture with Angular acting as the host.
  • mfe-crossframework - Module Federation project with Angular host and cross-framework remotes built without Nx.
  • module-federation-plugin - Plugin integrating Module Federation with Angular CLI for loading micro-frontends or plugins.
  • ng-dynamic-mf - Truly dynamic modules at runtime with Module Federation.
  • ngx-mfe - Angular library for working with micro-frontends in Webpack 5 and the Module Federation plugin.
  • webpack-module-federation-with-angular - Guide to learn about Webpack Module Federation with several Angular code demos.

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.
  • rgaa-source - Scans a built Angular app with axe-core and reports each violation with its originating template file and line when available, rather than only a CSS selector, plus safe automatic fixes and the French RGAA 4.1.2 audit grid.

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-json-render - Angular renderer for Vercel's json-render — an LLM streams a JSON spec constrained to your component catalog, rendered progressively as real Angular components with signals.
  • 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.
  • enola - Architecture intelligence for developers, coding agents, and CI - understand codebases, analyze change impact, and catch architectural regressions.
  • 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-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-eval - Expression parsing and evaluation for Angular applications.
  • 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.
  • object-recipes - Lightweight, type-safe Immer alternative using string paths for immutable nested updates, featuring deep-equal optimization and universal state management integration.

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.
  • web-scrolling-text - A lightweight, customizable text animation library for creating smooth scrolling text effects with support for React, Next.js, Angular, and Vanilla JavaScript.

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.
  • angular-datagrid - Powerful Angular Data Grid component built on top of RevoGrid.
  • 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 Table - Framework-agnostic table library designed to seamlessly integrate with major frameworks, including Angular (see Angular 22 example).
  • 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.
  • ngx-mentions - Signals-first mentions wrapper using non-editable atomic DOM pills inside contenteditable elements.

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.
  • ngx-exitus-tiptap-editor - A powerful, feature-rich Tiptap-based Rich Text Editor for Angular 18+, specifically designed for educational and technical content.

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 architectura

Truncated — view the full README on GitHub.

Contributors

(top 30 of 321)

jdegand

1,895 commits

PatrickJS

132 commits

rolandjitsu

60 commits

mgechev

33 commits

Similar repos

sindresorhus/awesome-nodejs

:zap: Delightful Node.js packages and resources [BECAUSE OF TOO MUCH SPAM AND LOW-QUALITY…

66,761

shared topics

CodeverDotDev/bookmarks

:bookmark: :star: Collection of public dev bookmarks, shared with :heart: from www.codever.dev

463

shared topics

quozd/awesome-dotnet

A collection of awesome .NET libraries, tools, frameworks and software

21,591

shared topics

docsifyjs/awesome-docsify

💖 A curated list of awesome things related to docsify

2,650

shared topics

agamm/awesome-developer-first

A curated list of awesome developer-first tools products.

1,796

shared topics

sindresorhus/awesome

😎 Awesome lists about all kinds of interesting topics [NOTE: Pull requests are temporarily…

503,504

shared topics

dypsilon/frontend-dev-bookmarks

Manually curated collection of resources for frontend web developers.

47,447

shared topics

vitejs/awesome-vite

⚡️ A curated list of awesome things related to Vite.js

17,239

shared topics

Languages

HTML

74.6%

CSS

23.3%

Shell

2.1%

AngularClass/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

10,074

stars

2,583

commits

HTML

primary language

Sep 5, 2026

updated

patrickjs.github.io/awesome-angular/
angular
angular10
angular11
angular2
angular4
angular9
angular-components
awesome
awesome-list
Browse cluster: Curated Resource Lists and Guides →

README

Awesome Angular Awesome

Awesome Angular

logo designed by SAWARATSUKI

This is the Awesome list of the Angular framework, and it contains intriguing libraries in the Angular ecosystem for all developers. Something missing? PRs welcomed!

Repo maintained by @jdegand and @patrickjs

Current Angular version: npm version

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.
  • angular-query - An Angular-first data fetching library inspired by TanStack Query that uses Angular Signals for reactive queries, caching, and state management.

Micro Frontends

  • angular-micro-frontends - Micro-frontends with Angular and Nx.
  • luigi - Enterprise-ready, technology-agnostic micro-frontend orchestration framework with out-of-the-box navigation and authorization features.
  • micro-frontends-mindmaps - A mindmap summarizing micro-frontend concepts.

Module Federation Vite

Module Federation Webpack

  • @module-federation/core - Core library allowing developers to share code and resources dynamically across multiple JavaScript applications.
  • angular-mfe-poc - POC demonstrating micro-frontend architecture with Angular acting as the host.
  • mfe-crossframework - Module Federation project with Angular host and cross-framework remotes built without Nx.
  • module-federation-plugin - Plugin integrating Module Federation with Angular CLI for loading micro-frontends or plugins.
  • ng-dynamic-mf - Truly dynamic modules at runtime with Module Federation.
  • ngx-mfe - Angular library for working with micro-frontends in Webpack 5 and the Module Federation plugin.
  • webpack-module-federation-with-angular - Guide to learn about Webpack Module Federation with several Angular code demos.

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.
  • rgaa-source - Scans a built Angular app with axe-core and reports each violation with its originating template file and line when available, rather than only a CSS selector, plus safe automatic fixes and the French RGAA 4.1.2 audit grid.

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-json-render - Angular renderer for Vercel's json-render — an LLM streams a JSON spec constrained to your component catalog, rendered progressively as real Angular components with signals.
  • 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.
  • enola - Architecture intelligence for developers, coding agents, and CI - understand codebases, analyze change impact, and catch architectural regressions.
  • 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-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-eval - Expression parsing and evaluation for Angular applications.
  • 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.
  • object-recipes - Lightweight, type-safe Immer alternative using string paths for immutable nested updates, featuring deep-equal optimization and universal state management integration.

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.
  • web-scrolling-text - A lightweight, customizable text animation library for creating smooth scrolling text effects with support for React, Next.js, Angular, and Vanilla JavaScript.

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.
  • angular-datagrid - Powerful Angular Data Grid component built on top of RevoGrid.
  • 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 Table - Framework-agnostic table library designed to seamlessly integrate with major frameworks, including Angular (see Angular 22 example).
  • 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.
  • ngx-mentions - Signals-first mentions wrapper using non-editable atomic DOM pills inside contenteditable elements.

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.
  • ngx-exitus-tiptap-editor - A powerful, feature-rich Tiptap-based Rich Text Editor for Angular 18+, specifically designed for educational and technical content.

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 architectura

Truncated — view the full README on GitHub.

Similar repos

sindresorhus/awesome-nodejs

:zap: Delightful Node.js packages and resources [BECAUSE OF TOO MUCH SPAM AND LOW-QUALITY…

66,761

shared topics

CodeverDotDev/bookmarks

:bookmark: :star: Collection of public dev bookmarks, shared with :heart: from www.codever.dev

463

shared topics

quozd/awesome-dotnet

A collection of awesome .NET libraries, tools, frameworks and software

21,591

shared topics

docsifyjs/awesome-docsify

💖 A curated list of awesome things related to docsify

2,650

shared topics

agamm/awesome-developer-first

A curated list of awesome developer-first tools products.

1,796

shared topics

sindresorhus/awesome

😎 Awesome lists about all kinds of interesting topics [NOTE: Pull requests are temporarily…

503,504

shared topics

dypsilon/frontend-dev-bookmarks

Manually curated collection of resources for frontend web developers.

47,447

shared topics

vitejs/awesome-vite

⚡️ A curated list of awesome things related to Vite.js

17,239

shared topics

Contributors

(top 30 of 321)

jdegand

1,895 commits

PatrickJS

132 commits

rolandjitsu

60 commits

mgechev

33 commits

Languages

HTML

74.6%

CSS

23.3%

Shell

2.1%