awesome-angular

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

Last synced: 17 days ago
JSON representation

Angular Pulse
- Google Developer Experts on X
- Newsletters
- Podcasts
  - Adventures in Angular
  - Angular Experts
  - Angular Air
  - Angular Plus Show
  - Angularidades - In Spanish.
  - Angular Catch Up
  - Angular Master Podcast
Architecture and Advanced Topics
- Feature Flags
  - ngx-feature-toggle - Simplify managing feature toggles with this Angular directive.
  - ngx-growthbook - An Angular wrapper for [GrowthBook](https://www.growthbook.io/), providing feature flags and A/B testing capabilities.
  - Flagsmith - Ship Faster and Control Releases with Feature Flag Management.
  - angular-unleash-proxy-client - Angular wrapper for [unleash](https://www.getunleash.io/) and [unleash-proxy-client-js](https://github.com/Unleash/unleash-proxy-client-js).
  - @devcycle/openfeature-angular-provider - [DevCycle](https://docs.devcycle.com/sdk/client-side-sdks/angular/) supports the OpenFeature Angular SDK.
  - @openfeature/go-feature-flag-web-provider - [GO Feature Flag](https://gofeatureflag.org/) provider allows you to [connect](https://gofeatureflag.org/docs/sdk/client_providers/openfeature_angular) to your GO Feature Flag instance with the `@openfeature/web-sdk`.
  - ngx-version-view - A powerful Angular library that enables version-aware component rendering for seamless feature toggling based on application versions.
  - @statsig/angular-bindings - The [Statsig](https://www.statsig.com/) Angular bindings package provides a `StatsigService` that can be injected into your components. See the [Statsig docs](https://docs.statsig.com/client/javascript-sdk/Angular/) for more details.
  - @configcat/js-sdk - ConfigCat SDK for JavaScript provides easy integration for your application to [ConfigCat](https://configcat.com/).
  - @configcat-labs/feature-flags-in-angular-sample-app - Example app that uses ConfigCat.
  - featurit-sdk-angular - Angular wrapper of the JavaScript client for the [FeaturIT](https://featurit.com/) Feature Flag management platform.
  - flagpole - Angular SDK for the [Flagpole](https://useflagpole.dev/) feature flag management system.
  - ngx-feature-proxy - Angular feature flag library with Unleash; reactive and type-safe flag management with minimal setup.
  - ngx-feature-flags - An Angular‑first, enterprise‑ready feature‑flag layer that standardizes how flags are resolved, guarded, and rendered across Angular apps.
  - ngx-feature-flags-toggly - Angular SDK for [Toggly](https://toggly.io/) feature flags.
  - ngx-circuit - Streamlines feature‑toggle management with flexible options like boolean flags and percentage rollouts.
  - @rollgate/sdk-angular - Angular SDK for [Rollgate](https://rollgate.io), a feature‑flag platform with scheduled releases and gradual rollouts.
- GraphQL
  - graphql-code-generator - Code generator for GraphQL schemas and operations, with flexible plugin support.
  - buoy - A GraphQL client for Angular built on top of Apollo.
  - hasura - Real world GraphQL tutorials for frontend developers with deadlines!
  - tailcall - This comprehensive guide dives into five powerful approaches for integrating GraphQL into your Angular applications.
  - apollo-orbit - A fully-featured GraphQL client for Angular with modular state management.
  - takeshape - It's easy to build a GraphQL API using TakeShape. Follow this [guide](https://app.takeshape.io/docs/get-started/client/angular) to integrate with Angular.
  - apollo-dynamic-angular - Variant of Apollo Angular that allows dynamic selection sets for queries, mutations and subscriptions via a decorated schema.
  - ngx-graphql-client - A typed GraphQL client for Angular applications with full TypeScript support.
  - apollo-angular - A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.
- HTTP
  - @ngify/http - Reactive Angular HTTP client with typed responses, streamlined errors, and request/response interception.
  - ng-http-caching - Cache for HTTP requests in Angular application.
  - cashew - A flexible and straightforward library that caches HTTP requests in Angular.
  - convoyr - Modular HTTP extensions for Angular.
  - angular-http-cache-interceptor - Angular HTTP cache interceptor.
  - ng-http-loader - Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar.
  - angular-odata - A fluent API for querying, creating, updating and deleting OData resources in Angular.
  - ngx-http-retry - An Angular service that provides HTTP methods (GET, POST, PUT, DELETE) with built-in retry logic using RxJS's `retry` operator.
  - 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-http-request-state - An Angular library for wrapping HttpClient responses with loading & error information.
  - ngs-request-tracker - A library for tracking, storing, and displaying statistics on all HTTP requests.
  - ngx-pwa - Provides additional functionality around Angular PWA's. Most notably being able to cache and sync POST/PATCH/DELETE Requests.
  - ngx-repository - Easily create a strongly typed data client (HTTP REST or Firestore) in your Angular project.
  - ng-rest-client - This library simplifies HTTP requests by letting developers define RESTful API clients with method decorators.
  - ngx-http-helper - A lightweight library to easily call your APIs and add JWT token or API key on each header request.
  - ngx-sse-client - A simple **SSE** (Server Sent Events) client for Angular applications to replace the use of `EventSource`.
  - @connectrpc/connect-web - [Connect](https://connectrpc.com/) provides cross-platform API libraries. [@connectrpc/connect](https://www.npmjs.com/package/@connectrpc/connect) offers type-safe Protobuf APIs in TypeScript, and [@connectrpc/connect-web](https://www.npmjs.com/package/@connectrpc/connect-web) adds browser support. See the [Angular example](https://github.com/connectrpc/examples-es/tree/main/angular).
  - ng-httpclient-easy-network-stub - An easy class to mock a lot of network requests from the Angular HttpClient.
  - simply-direct - A fullstack communication library that bridges Angular and NestJS through real-time, bidirectional communication powered by WebSockets.
  - 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-drupal8-rest - Drupal 8 rest module for Angular applications.
  - 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.
  - @angular-experts-io/resource - The missing create, update, delete (CUD) support for Angular resource.
  - ng-speed-test - A lightweight Angular library for checking internet speed.
  - ngx-http-resilience - Angular HttpInterceptors that provide resiliency capabilities.
  - ngx-interceptors - Library with common HTTP interceptors for Angular applications.
  - ngx-hal - A datastore library with support for handling [HAL-formatted](http://stateless.co/hal_specification.html) HTTP requests.
  - trpc-angular - This repository offers two tRPC-based Angular packages: `@heddendorp/trpc-link-angular` for HttpClient, and `@heddendorp/tanstack-angular-query` for reactive data fetching.
  - my-http-resource - A reactive Angular HttpClient wrapper that streamlines requests by managing state, URL parameters, and configuration.
  - 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](https://github.com/vpulim/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.
- Micro-Frontends
  - angular-microfrontend-demo - Module Federation Vite + Angular is now possible.
  - backbase-micro-frontends - Proof of concept showcasing how legacy apps (widgets) can work together with newer apps (journeys) via Module Federation.
  - ngx-mfe - Angular library for working with micro-frontends in Webpack 5 and plugin ModuleFederation.
  - ngx-mf-remote-loader - SSR-compatible dynamic remote module loader for Angular + Nx Micro Frontends.
  - micro-frontends-mindmaps - A mindmap summarizing micro-frontends concepts.
- Module Federation
  - ng-dynamic-mf - Truly dynamic modules at runtime with Module Federation.
  - module-federation-plugin - Plugin integrating Module Federation with Angular CLI for loading micro frontends or plugins.
  - @module-federation/core - Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications.
  - webpack-module-federation-with-angular - Guide to learn about Webpack Module Federation with several Angular code demos.
  - Vite-module-federation-angular-test - Tests [Module Federation Vite](https://github.com/module-federation/vite) with Angular and AnalogJS (via [@brandonroberts/angular-vite](https://github.com/brandonroberts/angular-vite)); explores SSR with an AnalogJS host (plugin SSR support may vary).
  - mfe-crossframework - Module Federation project with Angular Host, Cross-framework remotes and without Nx.
  - npm-mfe-live-reload - This tool auto-reloads the shell in development mode when remote microfrontends change.
  - ngx-remote-component - An Angular library for loading remote components dynamically in Nx workspaces.
- Monorepos
  - Nx - A build system with integrated tools and advanced CI features for maintaining and scaling monorepos locally and in CI.
  - Moon - A Rust-based build and monorepo management tool for the web.
  - Turbo - Turbopack (Rust bundler) and Turborepo (build system/monorepo tools) for JavaScript and TypeScript.
- Server-Side Rendering
  - angular-prerender - A command line tool to prerender Angular Apps.
  - analogjs - Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications.
  - ngx-ssr-code-remover - Post processor to remove SSR Code from bundles when served.
  - treaty - The meta framework for Angular. An alternative to Analog.
  - analog-stuff - Extra stuff for AnalogJS including `agx-remark-rehype`.
  - ngx-trpc - Angular tRPC client with SSR, RxJS, Signals and Subscriptions Support.
  - Official website - Documentation for the new SSR package built into the framework.
  - ngx-sitemaps - Generate sitemaps from Angular prerendered routes.
  - ngx-bun - High-performance SSR/SSG adapter for Angular 19+ using Bun's built-in server.
  - bot-ssr - SSR for bots, instant CSR for users — fast loads and clean prerendered HTML for major crawlers, powered by [isbot](https://github.com/omrilotan/isbot).
Development Utilities
- Accessibility
  - digital.gov - Accessibility for teams guide from USA government.
  - WAI - The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
  - webaim - Web accessibility in mind.
  - 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 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-accessibility-first - A WCAG 2.2-compliant Angular template with an accessibility component to boost accessibility.
  - ngx-accessible-ui - Angular 9+ navigation and menu directives compliant with WCAG 2.1 AA and the European Accessibility Act 2025 for inclusive web experiences.
  - easy - Uncomplicated Angular styles with a11y.
  - a11y-libraries - A range of accessibility solutions for Angular.
  - Official Angular ARIA - A collection of headless, accessible directives that implement common WAI-ARIA patterns.
  - a11yguard - Delivers a zero‑dependency accessibility toolkit with cross‑framework primitives, idiomatic adapters, and a runtime audit mapped to EAA / EN 301 549.
- AI
  - Workik - Free AI-Powered Angular code generator | Your Context-Driven AI Partner!
  - Figma to Angular - Convert designs to clean Angular code in a click.
  - Zipy - AI Angular Code Generator.
  - Yes Chat AI - Angular Ninja - Angular Development Assistant.
  - aitools.fyi - AI Tools Built With Angular.
  - global seo - Translate Angular app with AI.
  - mini-bard-palm2-angular - Result from this [step by step guide](https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d#f02a) on how to integrate Google Gemini with Angular.
  - deep-chat - Fully customizable AI chatbot component for your website.
  - abbi-ng-ai-image-descriptor - Angular web app for AI-generated image descriptions. You need an OpenAI API key to use the tool.
  - Design Shift - Generate Angular components you want from [Uizard](https://uizard.io/) layouts.
  - UI2CODE - UI to Code Converter in seconds with AI.
  - PureCode AI - Build Angular application UIs 50% faster with PureCode AI.
  - augment code - The first AI coding assistant built for professional software engineers and large codebases.
  - ai-friendly-docs - Angular AI-optimized documentation, enhancing accessibility and response quality for Large Language Models.
  - Official Angular Examples Repo - Angular Examples using [GenKit](https://firebase.google.com/docs/genkit) and AI.
  - agent-rules-kit - A CLI tool for AI that installs and configures rules to guide agents in technology stack best practices.
  - hashbrown - The [Hashbrown](https://hashbrown.dev/) framework is for building joyful, AI-powered user experiences.
  - CodeSage AI - Analyzes code quality of React, Vue, and Angular projects using linters and an LLM.
  - Official AI docs
  - Frontend AI - Ask for a component or upload an image, and instantly receive ready-to-use code without lifting a finger.
  - angular-mcp-server - An MCP server offering Angular documentation access, enabling AI assistants to search and retrieve relevant Angular info.
  - gitingest - Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM.
  - context7 - MCP Server with up-to-date code documentation for LLMs and AI code editors.
  - Official Angular CLI MCP Server Setup
  - Official llms.txt file
  - Official llms-full.txt file
  - AGENT.md - The universal agent configuration file.
  - Angular code editor rules - Guide for effective AI interaction patterns when working with Angular code.
  - cursor.directory - The home for Cursor enthusiasts.
  - angular-material-ai-rules - A collection of configuration rules and usage guidelines for using Angular Material in AI-driven code editors.
  - web-codegen-scorer - A tool for evaluating the quality of web code generated by Large Language Models (LLMs).
  - 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.
  - agentbridge - A framework that standardizes how AI agents discover, interact with, and control application components.
  - 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.
  - glama - Directory of MCP servers filtered for Angular-related entries.
  - 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.
  - Official llms-full.txt file
  - CodingFleet - An innovative AI-powered tool that transforms your instructions into efficient Angular code.
  - repomix - A tool that packs your entire repository into a single, AI-friendly file.
  - angular-skills - A collection of skills that provide coding agents with up-to-date Angular v20+ patterns, best practices, and code examples.
  - ngx-agents-md - Add Angular documentation to your project for AI coding agents (Claude Code, Cursor, etc).
  - Official Angular Skills
  - 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`.
  - ngx-prompt-kit - Angular components for AI chat interfaces, built on Spartan UI.
  - rxjs-mcp-server - Execute, debug, and visualize RxJS streams directly from AI assistants like Claude.
- Analytics
  - ngx-tableau - A module that allows you to embed a Tableau report in an Angular webapp.
  - ngx-matomo-client - Matomo analytics client for Angular applications.

Programming Languages

TypeScript 1,332 JavaScript 67 HTML 47 SCSS 19 CSS 9 C# 5 Go 5 Rust 4 Shell 3 Vue 2

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-angular

Angular Pulse

Google Developer Experts on X

Newsletters

Podcasts

Architecture and Advanced Topics

Feature Flags

GraphQL

HTTP

Micro-Frontends

Module Federation

Monorepos

Server-Side Rendering

Development Utilities

Accessibility

AI

Analytics