Awesome Angular
by PatrickJS · PatrickJS/awesome-angular
A curated list of awesome Angular resources.
@Enhance your Angular development with skills for AI-assisted coding, featuring up-to-date patterns, best practices, and examples for version 20+.
AAngular web app for AI-generated image descriptions. You need an OpenAI API key to use the tool.
AA CLI tool for AI that installs and configures rules to guide agents in technology stack best practices.
AA framework that standardizes how AI agents discover, interact with, and control application components.
AComposable toolkit and headless chat components for building AI agents in Angular, with streaming, tools, memory and RAG.
Guide for effective AI interaction patterns when working with Angular code.
The first AI coding assistant built for professional software engineers and large codebases.
An innovative AI-powered tool that transforms your instructions into efficient Angular code.
FAn AI-powered agent built with Google's Agent Development Kit (ADK) that automatically searches and analyzes Angular's GitHub pull requests for new features.
Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM.
MFix your AI-built app instantly with plain-English diagnoses and ready-to-use fixes directly in your editor.
NA collection of Claude Code skills for writing high-quality Angular unit tests with Jest and ng-mocks.
NAgent-agnostic catalog of micro-skills for Angular, TypeScript, JavaScript, RxJS, testing, code quality, architecture, versioning, and quality governance workflows.
NAdd Angular documentation to your project for AI coding agents (Claude Code, Cursor, etc).
NSee every prompt, response, token, and dollar your app spends without leaving the browser tab.
NAngular chat widget with messaging, local history, error handling, commands, and search.
NLightweight Angular directive and service for streaming generative UI content via Firebase AI.
RA 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.
RExecute, debug, and visualize RxJS streams directly from AI assistants like Claude.
SAn expert AI skill for senior-level Angular architecture guidance.
SAn 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.
TAngular-native agent UI framework: streaming chat, durable threads, interrupts, subagents, planning, memory, and generative UI for LangGraph and AG-UI backends.
WA tool for evaluating the quality of web code generated by Large Language Models (LLMs).
ADelivers a zero‑dependency accessibility toolkit with cross‑framework primitives, idiomatic adapters, and a runtime audit mapped to EAA / EN 301 549.
The a11y package provides a number of tools to improve accessibility.
AAn Angular library that integrates VLibras to automatically translate content into Brazilian Sign Language (Libras).
Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native.
A collection of headless, accessible directives that implement common WAI-ARIA patterns.
UAccessibility utilities for the modern web. Vanilla-first, with optional React, Remix, Vue, and Angular adapters.
The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
@Angular module for injecting Google Analytics script, with safeguards to prevent use in dev environments.
@Wrapper for the LogRocket Web SDK with DI‑friendly init, lazy loading, typed options, privacy helpers, and DOM directives for data‑private/data‑public.
CEnables collection of browser clickstream data to AWS via the provided data pipeline.
An AI native alternative to Google Analytics, with a more generous free tier than competitors.
NAngular library that automatically injects the script tag required to use Google Tag Manager (GTM).
NProvides GDPR-compliant tracking for Angular sites with built-in Google Analytics, Meta Pixel, and custom options.
NThis package enables you to setup Meta Pixel for your Angular application.
NA dedicated Piwik PRO Angular library for implementing Tag Manager and tracking.
NAngular integration for Umami Analytics — a lightweight, privacy‑first tracking solution tailored for Angular applications.
PLightweight, open‑source, privacy‑friendly analytics with SPA support—see SPA support.
RA privacy-friendly alternative to Google Analytics; see this guide for Angular integration.
SIntegrate Swetrix with your Angular application to track page views, monitor errors, and capture custom events — all while staying privacy-friendly and GDPR-compliant.
@A Dart library using a model-driven approach for forms and validations, inspired by Angular's Reactive Forms.
AA lightweight dependency injection container inspired by Angular's Injector.
DThis library is a lightweight dependency injection library, similar to InversifyJS and typedi.
FFlexible, lightweight DI library for React, React Native, and Vue3, inspired by NestJS and Angular.
GInspired by Angular and intended to provide complex Node.js GraphQL Backend applications with minimal effort.
GTypeScript library for reactive templates using Direct DOM and Proxy, inspired by Vue, Angular AOT, and JSX, in a compact 9KB package.
IA lightweight set of TypeScript utilities designed for web development, free of external dependencies and optimized for solid runtime performance.
IA fast, well‑tested JavaScript/TypeScript dependency injection library extracted from Angular’s ReflectiveInjector.
IA powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
KManage your Node.js processes' lifecycle automatically with an unobtrusive dependency injection implementation.
NDeclarative "holes" for React components, inspired by slots in Vue, Svelte, Angular, and WebComponents.
NA lightweight, type-safe Dependency Injection (DI) library for JavaScript and TypeScript projects.
NNode wrapper for LLVM Clang's clang-format and git-clang-format native binaries inspired by clang-format.
OA modern, simple, and high-performance web framework built on the Bun runtime. It provides a development experience and architecture that should be familiar to Angular users.
RLightweight, hierarchical dependency injection for React inspired by Angular’s services.
RReactive Signals for Python with first-class async support, inspired by Angular's reactivity model.
RAn Angular‑CLI–style generator for React that instantly scaffolds components, hooks, and pages.
RBrings reactive signals to React, inspired by Angular Signals, Vue 3's ref/computed, and SolidJS.
SZero‑dependency, glitch‑free reactive signals for TypeScript and JavaScript using an optimized Angular‑inspired push/pull architecture.
SSilicia Framework: a fresh approach built upon Ionic, designed to streamline the development of hybrid applications and websites.
UA modern framework combining the best of Angular and React for enhanced component communication.
ULightweight Vue 3 state management with dependency injection, inspired by Angular services.
AA resource to showcase the different animations that you could do with Angular.
AAn Angular motion ecosystem combining a reusable animation‑directive library with a demo and documentation site in one repository.
NAngular animation library inspired by GSAP, offering high-performance directives, components, and a timeline service with full RTL support.
NAn Angular library for a customizable, animated aurora background with gradient effects and two animation styles.
NAn Angular component that generates dynamic animated background beams with customizable gradients and motion paths.
NThis component allows you to create a glowing, animated border that can be customized in terms of colors, border radius, and animation duration.
NAn Angular component that dynamically renders animated connection lines between two elements.
NA 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.
NAn Angular library that provides a cryptic text animation effect. The component animates text by randomly switching letters until the correct characters appear.
NIndividual 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.
NAn Angular library that provides a customizable dot pattern background effect for your Angular components.
NAn Angular library for smooth, animated text gradients with customizable color transitions.
NA lightweight, customizable Angular animation library powered by GSAP that's declarative and easy to use.
NFully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+.
NAn Angular library that adds a mesmerizing meteor shower animation effect to your components.
NAn Angular library for interactive particle animations that respond to mouse movements, creating customizable backgrounds.
NA customizable ripple effect component for interactive, engaging backgrounds or containers.
NAn Angular library that provides a dynamic and customizable animated border effect for Angular components.
NAn Angular library for SVG spotlight effects that highlight page sections with customizable colors and animations.
NCreate fluid, natural-feeling animations using spring physics instead of durations and easing curves.
NAn Angular library that creates a beautiful starry sky background with optional shooting star effects.
NAn Angular library to seamlessly transition dialog content by fading out old content, animating to new dimensions, and fading in new content.
NA Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly).
NA lightweight and easy-to-use library for creating typewriter effects. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations.
N18 braille-based Unicode spinner animations for Angular. Zero runtime dependencies.
NAn Angular library designed to facilitate word morphing animations within Angular applications.
NAn 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.
NAn Angular library designed to facilitate word rotation animations within Angular applications.
@Authentication and authorization support for Angular based desktop and mobile applications.
ANPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow.
AAn Angular application that demonstrates best practices for user authentication & authorization flows.
AIntegrate your Angular app with Appwrite for auth, database, storage, functions, and more.
AThis package only contains a module for easy setup and registration of the Authress LoginClient.
The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.
Angular SDK for login/registration, logout, and refresh token handling.
HFollow this quickstart to integrate Hanko, an open source authentication and user management solution, into your Angular app.
LProvides JWT authentication for loopback applications. Includes storing roles inside tokens and handling refreshing. Built-in reuse detection.
MIts SDK enables seamless Angular–melody auth integration with automated state, redirects, and token handling.
MMSAL 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.
NAn Angular 20+ wrapper for Better Auth. Provides reactive session handling with signals, clean DI provider setup with observables, and modern guards.
NAngular 21+ library for AWS Cognito authentication using the OAuth 2.0 Authorization Code flow with PKCE.
NAn 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.
OAngular authentication library providing core functionality for authentication flows, guards, and error handling.
OA lightweight, highly customizable, and dependency-free OTP (One-Time Password) input component built for Angular 20+ applications.
Configure your Angular application to use SuperTokens for authentication.
WA comprehensive Angular library for OAuth2 authentication with PKCE (Proof Key for Code Exchange) support.
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.
Learn all about Angular, NgRx, RxJS & NX and advance your skills with guides, in-depth content and actionable tips and tricks!
One place for everything related to Material Design in Angular.
Best practices and recommendations for building complex, large and maintainable applications with Angular.
Shares the newest and most important updates about Angular, along with useful tips and tricks.
Real-world-ish solutions for Angular developers by Donald Murillo.
Available separately or included with a subscription.
Support authors on your own terms with LeanPub’s flexible pricing model, giving you the freedom to choose what you pay.
Your best option to find the largest variety of up-to-date programming books.
Free cross-platform search engine indexing 50,000+ tutorials from Udemy, Skillshare, Pluralsight, and other major learning platforms across 45+ categories.
AThis repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.
ABuilder to generate src/environments/environment.ts file based on your environment variables.
ACreate a list of Angular static assets and a hash for each file.
BProvides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc.
DSeamlessly load environment variables. Supports cli, esbuild, Rollup, Vite, Webpack, Angular, ESM and Monorepos.
NA builder for the Angular CLI to build Node.js apps using the TypeScript compiler tsc (no Webpack or any other bundler used).
NExtend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements.
NThis package contains Architect builders used to build and test Angular applications and libraries.
NAngular CLI builder that runs your application in the desktop using Electron.
NA tool for building Angular schematic projects. Compiles and packages your custom schematics, preparing them for publishing and use.
@A CLI tool that generates Clean Architecture–based, production‑ready Angular features with clear, maintainable layers.
AA CLI tool that scaffolds and manages modular microservice architectures with optional React or Angular frontends.
AEasily upgrade your Angular CLI applications from one version to another 🚀.
AEasily upgrade your Angular CLI SSR applications from one version to another 🚀.
ACLI to run Angular tests in parallel across projects; uses available CPU cores.
AA flexible CLI tool designed to streamline workflows, automate tasks, and provide customizable utilities for developers.
BScaffold production-ready fullstack apps in seconds. Pick your stack from 425 options — the CLI wires everything together.
DThis tool helps create consistent instructions for AI assistants working with your codebase.
FA lightweight CLI and architecture that automatically watches your Firebase functions and generates a strictly typed Angular service.
FExperimental addon to the Firebase CLI to add web framework support.
IFramework-agnostic CLI tool that finds hardcoded strings, missing i18n keys, and unused translations.
JModern CLI for scaffolding production-ready JavaScript full-stack projects, with customization and best-practice presets.
KA fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/GraphQL services.
MA server offering Angular CLI and workspace automation, enabling LLMs and agents to generate components, add packages, create workspaces, and run custom architect targets.
NAn Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS.
NA minimal tool to initialize a new Angular project with pre-configured Prettier, ESLint, Husky and Lint-staged.
NA powerful CLI tool that helps you craft Angular projects with pre-configured folder structures and essential packages.
NA CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean.
NCLI tool that analyzes Angular projects, quantifying modules, components, directives, pipes, and services to give a clear structural overview for better architectural insight.
NEasily split a large angular.json into modular, project-local files using the power of JSON References, with the convenience of YAML and JSON5 formats.
NA lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config.
PA lightweight CLI tool that generates a clean angular.json file from a commented angular.jsonc.
RCLI tool that generates authentication and CRUD modules for NestJS and Angular, automating boilerplate to streamline development and ensure consistency.
SA lightweight CLI that transforms SVGs into optimized Angular components with zero dependencies.
TA one-command setup tool for Tailwind CSS in Angular, React, or Next.js projects!
NAngular 2+ / Ionic 2+ HTML/table element to export it as JSON, XML, PNG, CSV, TXT, MS-Word, Ms-Excel, and PDF.
RA lightweight and customizable Angular library to export JSON data to CSV files with auto-download support. Ideal for charts, tables, reports, and dashboards.
A plugin wrapper around the Pyas Connect Web Component, exposing PyasConnect as a first-class Angular component.
AA flexible calendar component for Angular 15+ that can display events on a month, week, or day view.
COpen source JavaScript calendar and scheduling component that can be integrated into Angular projects.
CA lightweight, multi-calendar Angular date picker supporting Gregorian, Shamsi (Jalali / Persian), and Imperial calendars.
DA customizable, zero-dependency Angular calendar featuring 12 views and multiple date layers.
Angular version of JavaScript/HTML5 event calendar/scheduler components that can display day/week/month calendar views.
HA premium, lightweight, and fully customizable calendar library for Angular 19+.
NA responsive Angular calendar component library with day/week/month views, drag-and-drop events, mobile swipe support, and built-in dark mode.
NA lightweight, customizable, and feature-rich calendar widget designed to simplify event management and scheduling in your Angular applications.
NAn Angular library for displaying customizable calendars with event support.
NA fast, accessible Angular date‑picker library built with signals and standalone components.
AGDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter.
GA simple, easy-to-use, interactive, and secure behavioral verification code that implements verification modes such as text/graphic clicking, sliding/dragging, and rotation.
NAn intuitive, lightweight and easy to integrate Cloudflare turnstile component for Angular.
NAngular 18 fork of ng-recaptcha. Alternatively, you create your own service that implements Google's reCAPTCHA with the help of this article.
NThis kit simplifies CAPTCHA implementation with a single component and service, ensuring compatibility with Angular 20+ features like Signals and zoneless change detection.
NA dynamic 3D CAPTCHA library featuring dice-based interaction and lifelike physics powered by Three.js and Cannon-es.
NEasy captcha implementation for both Google Recaptcha and Cloudflare Turnstile.
NA modern, lightweight Angular CAPTCHA library featuring multiple verification challenges.
This library helps you integrate Trustcaptcha into your Angular frontend applications.
YAn Angular library for integrating Yandex SmartCaptcha with support for standard/invisible captchas, reactive forms, and modern signals/effects.
@Small, performant, responsive, dependency free, easy to use Angular 8+ gallery.
@Simplifies the process of creating beautiful image galleries for the web and mobile devices.
AImage Gallery built with Angular 17+, Node.js and GraphicsMagick.
CA versatile Angular library providing a feature-rich, simple, and performant carousel component.
NA modern, customizable carousel component for Angular 16+ with support for both standalone and NgModule-based applications.
NTailored CDK-based solution for rendering an image gallery with lightbox functionality in Angular.
NA highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+).
NA lightweight gallery library for Angular 18 that presents all images as thumbnails, expanding them to full size upon clicking or tapping.
NSelf-contained, mobile friendly slider component for Angular based on angularjs-slider.
RStandalone Angular image slider with lightbox, lazy loading, and video support (YouTube/MP4).
WAngular carousel with drag, looping, virtual slides, projected content, thumbs, SSR‑friendly responsive layouts, external controls, and a rich event API.
Obtain your Certification of Competence as an Angular Developer.
Along with @cubejs-client/core, you can integrate Cube.js in Angular.
ACharting library for JavaScript and TypeScript apps. Check out the Angular integration guide.
AA high-performance, developer-friendly data visualization library for modern Angular applications.
CCarbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.
FAngular-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.
MOne 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.
NAngular library for building interactive, customizable diagrams, node-based editors, and visual workflows.
NA powerful and fully customizable JavaScript component for web reporting and data visualization.
NModern Angular organizational chart component with interactive panning and zooming.
NBuild composable charts with Angular components using the same API as Recharts.
NAngular 17+ library for D3 based line, bar, donut and date/timeline charts with multiple entry points. A configurable service for token handling is provided.
OHighly customizable org chart. Integrations available for Angular, React, and Vue.
PAn Angular library for creating responsive, customizable charts using D3.js—supports bar, line, pie, and more.
SOfficial Angular wrapper for SchedulaCore — a fast, lightweight Gantt chart & resource scheduler component.
SCustomizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies.
UModular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.
AAngular interview questions and answers to help you prepare for your next technical interview.
DA comprehensive guide for full-stack developers working with .NET and Angular.
A free and practical way to learn Angular, React, & Vue all at once.
ASee the JS output of the Angular compiler for a given Angular template.
AScans your project for Angular-specific lint issues and dead code, then produces a 0–100 health score plus actionable diagnostics.
MA suite of architecture, structure, and quality analysis tools for frontend workspaces.
NA command-line tool that analyzes Angular TypeScript codebases to extract dependency injection relationships.
NA Node.js tool that uses ts-morph to analyze Angular components and detect service usage patterns from any API library.
NParse your Angular codebase to JSON abstraction - Great for displaying APIs and analysis.
NStatic analysis tool that evaluates health, architecture, maintainability, and modernization readiness.
NAngular-aware static analysis for architecture, performance, SSR, security, and code quality.
NA tool to visualize the dependency injection tree, analyze service states, track component relationships, and identify memory or architectural issues.
NConverts Angular templates into static HTML variants, enabling reliable validation and linting with any standard HTML tool.
NAngular development utility to open components and templates from the browser like LocatorJS.
OA high-performance Angular template compiler written in Rust, leveraging the Oxc infrastructure for blazing-fast compilation.
TA comprehensive TypeScript codebase analyzer that provides detailed metrics on type safety, code complexity, and quality.
AAn AI-era normalized statistical analysis of Angular’s popularity.
Independent developers can highlight their availability for upcoming projects, eliminating the need to endlessly scroll through job boards.
ARepo is dedicated to collecting all the different kinds of Angular badges and logos.
Find beginner-friendly issues and start contributing to Angular open-source projects.
Explore the NgSphere to discover repositories with overlapping stargazers.
Extends DOM Testing Library by introducing APIs tailored for testing Angular components.
Save time, enhance code coverage, and ensure quality with Early's automatically generated, verified, and validated unit tests. Works with Jest and Vitest.
Cover the 1000s of edge cases of your application - without writing or maintaining a single test.
SThis is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest.
SSWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn't support Angular so you need this plugin.
TBy removing mocks and guesswork, Testronaut enables developers to visually inspect output and write precise tests with Playwright’s robust API.
TA Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.
CSimple cross-browser cookie-consent plugin written in vanilla js that can be added to Angular.
NModern Angular cookie consent — standalone components, signal-based state, provideCookieConsent() functional setup, SSR-safe, and zero runtime dependencies.
NAngular service for cookies. Originally based on the ng2-cookies library.
NA straightforward cookie service for Angular 19 applications, inspired by ngx-cookie-service.
@Enables smooth integration of React and Angular components, or effortless migration between the two.
@Angular plugin with a classic preset of node, connection, socket, and control components, built on Rete.js.
AGenerates Angular services and native Qt widgets from a shared DSL, letting Angular apps compile into QWidget‑based C++ UIs via the AnQst CLI and host libraries.
DA zero-dependency, TypeScript-first library for fast, universal detection of platforms, frameworks, browsers, and capabilities.
GFull‑stack framework with Go (Gin, Gorm, pure SQLite) backend and Angular Material frontend.
NA lightweight Angular package that enables developers to seamlessly render React components inside Angular components using a directive.
RA cross-framework compiler that transforms single Vue/Alpine-flavored component files into native Angular code without runtime overhead or wrapper boilerplate.
NDynamic components with full life-cycle support for inputs and outputs for Angular.
NAngular decorator to lock a function and user interface while a task is running.
NAn Angular library for visualizing and annotating text, ideal for tasks like named entity recognition and part of speech tagging.
NAutomatically insert live Angular components into dynamic strings (based on their selector or any pattern of your choice) and render the result in the DOM.
NAn Angular component for smooth fade-and-slide viewport transitions using the Intersection Observer API.
NGet Angular 8+ events fired when an element is mutated in the DOM.
NAn Angular library offering custom pipes to simplify data formatting and keep component logic cleaner.
NComposable boolean helpers for Angular signals, enabling cleaner reactive template logic.
NAngular module that detects when elements are visible. Uses IntersectionObserver.
VA tiny VisualViewport‑first store for accurate CSS‑pixel viewport size that detects virtual keyboards, reduces resize/scroll jitter, and works with SSR across frameworks.
@Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including Angular.
@An Angular data table component with filtering, sorting, pagination, CSV export, sub-grids, and Material integration.
@Canvas‑based spreadsheet/datagrid engine with zero dependencies, 100K+ rows at 60fps, full editing, and real‑time collaboration. Check their website.
Angular components for data visualization and reporting. Embed reports with ActiveReportsJS.
The best JavaScript Data Table for building Enterprise Applications. Supports React, Angular, Vue and Plain JavaScript.
AAngular data grid with spreadsheet-like editing, virtual scrolling, filtering, sorting, grouping, clipboard workflows, row operations, pagination, and custom cell renderers.
CA seriously powerful Angular grid for developers who demand control, flexibility, and performance.
GData grid library built with a modular architecture that cleanly separates core logic from framework integrations to efficiently handle massive datasets with millions of rows.
A popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.
The data grid, tree grid, hierarchical grid in Ignite UI provide excel-style filtering, live-data, sorting, draggable row and other toolbar.
JA comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo.
JOpen source JavaScript spreadsheet and data grid component, can be used in Angular apps when wrapped or consumed via Angular elements.
NA powerful, reusable Angular column filter component with support for multiple field types, advanced filtering rules, and customizable match modes.
NTable component modernizing the classic DataWindow with zero‑config CRUD, computed columns, multi‑buffer state, offline sync, and granular change tracking.
NAn editable table, built on top of Angular Material, natively for Angular.
NThis library features a multiple sortable table based on Angular Material Design, with a focus on server-side loaded and sorted data.
NAn 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.
NA 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.
NA lightweight, high-performance Angular data table component with features like virtual scrolling, column freezing, and customizable templates.
NModern Angular 17+ datatable focused on performance, customization, and developer experience.
OThe lightweight, multi-framework data grid with enterprise features and zero enterprise cost.
RPowerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.
SFramework-agnostic data grid and table component for building modern, scalable applications.
SA monorepo which includes all editors, filters, extensions, and services related to framework agnostic SlickGrid usage.
TLightweight JavaScript table and data grid library for advanced table features in Angular.
THigh-performance, framework-agnostic web components for data-intensive applications.
UOpen‑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.
UAngular data grid built on signals for zero‑lag performance, combining advanced server‑side features with a streamlined configuration API.
ZA 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.
AA comprehensive Angular library that provides Jalali (Persian/Solar Hijri/Shamsi) date adapter for Angular Material datepicker component.
DThis library provides a robust solution for converting date and duration strings from JSON payloads into native Date objects and Duration objects, respectively.
FThis library allows you to integrate a timeline in your Angular app.
HAngular standalone dual Gregorian/Hijri datetime picker using Umm Al-Qura calendar.
LAn interactive Vanilla JS component for visualizing product lifecycle stages, accompanied by an Angular integration guide.
NA flexible Angular date / date-time range selector built on Angular CDK Overlay.
NA comprehensive Angular library providing six specialized date and time picker components that fill critical gaps in the Angular ecosystem.
NAn Angular Material date range picker with configurable options, supporting advanced features and straightforward integration.
NA powerful, customizable Angular date range picker built with Angular 17+ and Day.js.
NA comprehensive, standalone Angular library providing high-quality Gregorian, Jalali (Persian), and Hijri (Islamic) date pickers.
NAn Angular component for creating a responsive vertical timeline.
TAngular lib to identify which time is associated with a Blockchain block in the past (and format it).
WA standalone Angular weekly availability picker with drag & resize support.
AAutomatically detects and highlights Angular components that are re-rendering.
FInspect form structure, control state, validation errors, and nested form trees directly inside your app during development.
NA powerful development toolbar for Angular applications to improve your developer productivity directly in the browser.
OAngular debug dashboard providing visibility into SQL activity, server timing, and authentication debugging.
@One-click default Angular TS starter, utilizing Caddy to serve!
AA GitHub Action for the Deployment of an Analog.js app on GitHub Pages.
ASSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.
AAngular 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.
DLets you deploy an Angular app directly to the Flux Network from a Git repository.
FDetects your Angular build settings, compiles the project, and uploads it to AWS S3 with optimized cache headers using a single command.
Angular apps on Netlify gain automatic framework detection and redirects via the Angular Runtime plugin.
NAngular library for runtime configuration via external JSON, enabling “Build Once, Deploy Anywhere.”
It makes deploying and running Analog apps, both server side rendered and static, a breeze.
A framework for building desktop apps using TypeScript, HTML, and CSS, with source code protection built in.
NA lightweight, portable framework for building cross‑platform desktop apps with JavaScript, HTML, and CSS, running on Linux, macOS, Windows, Web, and Chrome.
NChromium + Node.js runtime for native apps using HTML, JavaScript, and direct Node integration.
@Angular Directives including ngx-cursor and ngx-simple-countdown.
NAngular global trackBy property directive with strict type checking.
NStructural directive for sharing data as local variable into HTML component template.
NAngular directive for multi-line or height-based text clamping with legacy-browser support.
NAn 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.
NAngular directives for highlighting search matches in text, built on the CSS Custom Highlight API.
NThis Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves.
NA lightweight, zero‑dependency decorator that memoizes Angular class methods to eliminate repeated template-call overhead and boost performance.
NThis library provides a way to make properties nullable in Angular templates.
NAn Angular directive that elegantly reveals truncated text on hover.
NAn Angular directive that provides an easy-to-use wrapper for the Web Speech API, enabling voice input functionality with minimal setup.
NAngular 17+ directive to show a loading spinner inline or centered on any button.
NA lightweight and modular Angular library that provides ready-to-use animations and gesture directives.
DA modern, powerful and out of the box documentation generator for Angular components lib and markdown docs.
EFramework-agnostic environment variable validation, documentation generator, and .env.example creator.
NAn unobtrusive tool that generates Mermaid diagrams of your Angular component hierarchy from route configs.
SAutomate component documentation by generating Storybook stories through AI-powered conversations, compatible with many LLM providers.
SA Storybook addon that builds an Angular component manifest from your stories and Compodoc documentation.
AA lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality.
AAngular Directive to support mixed orientation drag drop using Angular CDK.
CA demo to showcase cdkDrag features to achieve drop only on certain points.
NLibrary to add keyboard commands for elements that also use CDK drag and drop sorting.
NModern Angular workspace for building drag-and-drop grid dashboards with resizable cells and customizable widgets.
NHigh-performance Angular drag & drop toolkit featuring grid layouts, sorting, resizing, nesting, and more.
NThis Angular library provides directives that add drag and resize functionality to HTML elements.
NAngular attribute directive that causes any element to become a draggable element.
NA maintained fork of @peterfreeman/ngx-dropzone, providing bug fixes and compatibility with newer Angular versions.
NA simple component library to get a drag and drop DOM through the help of Swapy.
A curated collection of resources that can help you to migrate your test suite from Cypress to Playwright.
CA production-ready collection of reusable Cypress custom commands for modern Angular enterprise and ERP applications.
LAn Angular library that automatically records the Cypress commands needed to test your application while you browse and use the interface.
Export Chromium recorder tab data to Playwright tests. This gives you a nice starting point that you can refine to modern Playwright.
PReport coverage on Playwright tests using v8 coverage, without requiring any instrumentation.
PA Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright.
TIn‑browser test runner with instant feedback, Testing Library support, Vite discovery, and built‑in API mocking—framework‑agnostic and easy to use in Angular.
AAngular JSON Tree Editor Component that actually works.
AAngular wrapper for RichTextEditor with license key support and ControlValueAccessor.
AA secure, lightweight rich text editor with premium features—built to integrate seamlessly into Angular applications.
CAngular renderer for Contentful Rich Text, offering customizable node and mark rendering using Angular templates.
DLightweight, extensible rich text editor toolkit with native Angular components (Signals, OnPush, standalone), built-in toolbar and theme, and full table support.
DDual‑mode Angular component blending a designer‑friendly visual editor with an AI‑driven conversational interface.
MExtensible Angular WYSIWYG editor for rich text, media, and tables with a plugin architecture.
MA premium Angular library that wraps Monaco Editor with beautiful themes and coding interview preparation features.
NA lightweight, customizable Angular Rich Text Editor component with built-in toolbar, headings, text formatting, and alignment options.
NExtensible block editor inspired by Editor.js, with customizable blocks and Angular reactive features. ngx-editor-js2-blocks adds support for custom content types.
NAn Angular 21 frontend email builder for composing, importing, editing, previewing, and exporting responsive email templates.
NA feature-rich WYSIWYG editor for Angular with auto-save, special characters, and advanced formatting.
NAngular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.
NA modern Rich Text Editor component for Angular 21+ with native support for images, alignment, lists, color pickers, and translations.
NNgx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.
NA WYSIWYG Angular editor library built on top of ProseMirror, built for standalone components and highly customizable with plugins.
NA powerful, highly customizable Angular library for building interactive node-based editors, flow charts, and diagrams.
A repository of 60+ Angular, Nx, RxJS, NgRx, and TypeScript challenges designed to sharpen real-world skills.
Google Developers Codelabs offer guided, hands-on tutorials to build apps or add new features.
MExercises on various Angular topics, including solutions and solution videos.
AIsomorphic TypeScript framework for building modular services with seamless Angular integration.
BProvides simplified headless integration with Bloomreach Content for Angular-based applications.
With the Datadog Angular integration, you can resolve performance issues quickly.
FAngular library for 2D geometry with utilities for points, lines, vectors, shapes, and transformations, used in Foblex Flow.
FThis SDK enables Angular apps to integrate with Fusio, used by projects like the backend and developer.
Headless spreadsheet engine in TypeScript for formula parsing/evaluation, with an Angular integration demo.
Record test cases and mocks by interacting with the Angular UI, and then test them using Keploy.
LA collection of powerful Angular libraries designed to enhance the Angular ecosystem and help developers build better applications with a focus on Sanity.io integration.
Provides platform APIs directly to the JavaScript runtime (with strong types) for a rich TypeScript development experience.
NA type-safe bridge for bidirectional communication between Unity WebGL/WebGPU and Angular.
OHighly modular Angular framework with units for localization, testing, customization, and CMS-driven dynamic configuration.
Relocate resource intensive third-party scripts off of the main thread and into a web worker.
Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system.
A JavaScript library for real-time, multi-format barcode scanning directly in the web browser.
@ConfigCat SDK for JavaScript provides easy integration for your application to ConfigCat.
GO Feature Flag provider allows you to connect to your GO Feature Flag instance with the @openfeature/web-sdk.
@Angular SDK for Rollgate, a feature‑flag platform with scheduled releases and gradual rollouts.
The Statsig Angular bindings package provides a StatsigService that can be injected into your components. See the Statsig docs for more details.
FAngular wrapper of the JavaScript client for the FeaturIT Feature Flag management platform.
NStreamlines feature‑toggle management with flexible options like boolean flags and percentage rollouts.
NAn Angular‑first, enterprise‑ready feature‑flag layer that standardizes how flags are resolved, guarded, and rendered across Angular apps.
NAngular feature flag library with Unleash; reactive and type-safe flag management with minimal setup.
A vendor-agnostic, community-driven API specification for feature flagging.
@Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat.
@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.
FA Web Components–based file upload widget compatible with any JavaScript framework — React, Next.js, Vue, Angular, and Svelte — without adapters.
NA tiny, zero-dependency, fully accessible drag-and-drop file upload component for Angular with keyboard and screen-reader support.
UA sleek, modular JavaScript file uploader that integrates seamlessly with Angular.
@Lightweight Angular 16+ datepicker with standalone support, range and multi-date selection, and customizable templates—no external dependencies.
ARobust Angular input component (numbers/chars) for Angular 7–16+, with Ionic 4–7, mobile, and clipboard support.
AA maintained Angular multiselect dropdown built for template-driven and reactive forms.
BA polished, blooming color picker for the Web, offered as a standalone JS library with lightweight wrappers for Angular, React, Vue, and Svelte.
CAn all‑in‑one Angular Select solution with built‑in multiselect and autocomplete features.
FAngular directive that provides file input functionality in Angular forms.
MAngular Password Strength Meter (zxcvbn, NIST-aligned, customizable).
NA fully customizable, one-time password (OTP) input component for the web built with Angular.
NAngular wrapper for animated-paginator-web-component that plugs seamlessly into template-driven and reactive forms via ControlValueAccessor.
NAn Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width.
NA material‑style Angular color‑picker updated for Angular 20+, using signals and no animation dependencies.
NAngular library with customizable countries dropdown component with flags, dial code, language and currency details.
NA sleek, customizable Angular Material country selector offering accessible dropdowns with flags, codes, local names, and more.
NGraphical Angular 15+ cron builder with reactive forms integration and Material Design styling.
NDual-calendar date range picker for Angular 20+ and Angular Material M3.
Nngx-input-gradient and ngx-input-color are customizable Angular components for color/gradient picking with previews and form integration.
NAccessible, headless Angular international phone input with CDK-powered country selector.
NA modern Angular Material period picker component built with standalone components.
NA reusable Angular Material select component with infinite scroll, debounced search, "no items found" feedback, and static/mock data support.
NAngular Material split button with a primary action and dropdown for secondary options.
NA customizable Angular searchable dropdown component with multi-field search support.
NAn Angular OTP input component with extensive customization options, including masking, numeric-only input, and autofocus.
NA lightweight, fully responsive, and customizable Android-style pattern lock component for Angular.
NAngular phone input with auto country detection, real-time formatting, validation, and full forms support.
NComprehensive Angular library for phone input and country selection with reactive forms support.
NAngular directive for international phone input with flag dropdowns, supporting Reactive and Template-Driven Forms.
NAdd split input button to password or text input. Toggles input type between "text" and "password".
NAngular datetime picker built on Signal Forms — date + time in one control, zero deps, WCAG 2.2 AAA out of the box.
NA lightweight Angular component for displaying fractional star ratings with full precision.
NAn Angular telephone input component with country dropdown, flags, and robust validation/formatting.
NHigh‑performance, zero‑dependency emoji picker for Angular 17+ with 929 emojis, auto‑theming, i18n, and responsive design.
RA fully customizable and feature-rich Angular standalone component for advanced star ratings with precision and responsive design.
SA smart date input directive that uses the Writer API to parse natural language dates.
SA high-performance, lightweight, and customizable Angular select component with built-in virtual scroll and search capabilities.
TAngular adapter for the TouchSpin number input component with per-renderer support.
AProtect your users from re-using a password known to be hacked with this simple Angular directive.
AThis library simplifies Reactive Forms validation by eliminating the need for extensive HTML.
NAngular reactive forms library that shows error tooltips for user-friendly validation messages.
NAngular library for streamlined form validation with customizable messages, Transloco integration, and styled error labels.
NAngular library providing conditional, equality, inequality, and sequence-based validations on form controls.
NOffers a simple and adaptable approach to presenting error messages within a MatFormField.
NA lightweight library for dynamically validate Angular reactive forms using class-validator library.
NThis module simplifies the display of form validator messages by using a single component.
NA collection of validators designed to simplify usage and allow quick customization.
OPowerful, flexible validation library for any UI framework—Vue, React, Angular, and more—for complete front-end validation.
PA validation library designed for Polish-specific formats, also available as an Angular wrapper via ngx-polish-validators.
TAutomatic validation messages for Angular forms in any language.
@Simple Angular library to implement forms with signals.
@High-performance, zero-dependency, framework-agnostic reactive form engine.
@With TypeScript support, headless UI, and framework-agnostic design, it streamlines cross-framework form handling.
AA modern Angular form library built from the ground up with Signals — flexible, type-safe, and fully themeable.
CAdvanced Angular library for reactive form generation and management with dynamic validation, change tracking, and customizable error messages.
FGenerates reactive, signal-based forms, validation, and conditional fields from a single TypeScript object.
FA developer‑friendly Angular‑ready form backend that lets you collect and manage submissions without server‑side code.
C
D
H
N
N
R
A
A
A
L
N
N
O
T
I
L
W
L
N
N
N
N
N
@
A
A
A
F
K
N
N
P
Z
A
A
N
L
N
I
N
F
N
N
S
N
@
E
F
N
N
N
N
N
A
A
H
N
N
N
N
N
N
N
S
L
A
C
A
M
D
J
J
J
N
W
N
S
N
A
A
N
N
N
A
A
M
N
N
N
@
D
M
N
N
N
N
N
N
A
N
R
G
A
C
E
N
W
N
N
C
E
N
N
S
@
N
N
N
P
W
@
@
A
A
N
N
N
N
N
N
Q
T
A
2
A
N
N
P
S
A
A
@
N
F
N
N
N
N
N
N
N
@
A
A
A
N
N
N
N
N
N
N
N
N
N
N
V
V
L