fucking-awesome-angular

📄 A curated list of awesome Angular resources. With repository stars⭐ and forks🍴
https://github.com/correia-jpv/fucking-awesome-angular

Last synced: 14 days ago
JSON representation

Angular Pulse
- Google Developer Experts on X
- Newsletters
- Podcasts
  - Adventures in Angular
  - Angular Experts
  - Angular Air
  - Angular Plus Show
  - Angular Catch Up
  - Angularidades - In Spanish.
Architecture and Advanced Topics
- Feature Flags
 - ngx-feature-toggle - Simplify managing feature toggles with this Angular directive.
 - ngx-growthbook - An Angular wrapper for 🌎 [GrowthBook](www.growthbook.io/), providing feature flags and A/B testing capabilities.
 - angular-unleash-proxy-client - Angular wrapper for 🌎 [unleash](www.getunleash.io/) and <code>    52⭐</code> <code>    54🍴</code> [unleash-proxy-client-js](https://github.com/Unleash/unleash-proxy-client-js)).
 - ngx-version-view - A powerful Angular library that enables version-aware component rendering for seamless feature toggling based on application versions.
 - @configcat/js-sdk - ConfigCat SDK for JavaScript provides easy integration for your application to 🌎 [ConfigCat](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](featurit.com/) Feature Flag management platform.
 - @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`.
 - Flagsmith - Ship Faster and Control Releases with Feature Flag Management.
 - @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.
 - flagpole - Angular SDK for the [Flagpole](https://useflagpole.dev/) feature flag management system. Provides real-time feature flag updates, A/B testing capabilities, and seamless integration with Angular applications.
 - ngx-feature-proxy - Angular feature flag library with Unleash; 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-circuit - Streamlines feature‑toggle management with flexible options like boolean flags and percentage rollouts.
 - @rollgate/sdk-angular - Angular SDK for 🌎 [Rollgate](rollgate.io), a feature‑flag platform with scheduled releases and gradual rollouts.
- GraphQL
 - 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.
 - hasura - Real world GraphQL tutorials for frontend developers with deadlines!
 - apollo-orbit - A fully-featured GraphQL client for Angular with modular state management.
 - apollo-dynamic-angular - Variant of Apollo Angular that allows dynamic selection sets for queries, mutations and subscriptions via a decorated schema.
 - tailcall - This comprehensive guide dives into five powerful approaches for integrating GraphQL into your Angular applications.
 - takeshape - It's easy to build a GraphQL API using TakeShape. Integrating with an Angular project is easy, and you can follow this [guide](https://app.takeshape.io/docs/get-started/client/angular).
 - 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
 - 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.
 - @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.
 - 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](connectrpc.com/) provides cross-platform API libraries. 🌎 [@connectrpc/connect](www.npmjs.com/package/@connectrpc/connect) offers type-safe Protobuf APIs in TypeScript, and 🌎 [@connectrpc/connect-web](www.npmjs.com/package/@connectrpc/connect-web) adds browser support. See the <code>   164⭐</code> <code>    30🍴</code> [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 <code>  3038⭐</code> <code>  1487🍴</code> [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.
 - 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 <code>   785⭐</code> <code>   142🍴</code> [Module Federation Vite](https://github.com/module-federation/vite)) with Angular and AnalogJS (via <code>    11⭐</code> <code>     3🍴</code> [@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.
 - ngx-remote-component - An Angular library for loading remote components dynamically in Nx workspaces.
 - npm-mfe-live-reload - This tool is designed to work in development mode and helps automatically reload the shell application when changes are detected in remote microfrontend applications.
- Monorepos
 - 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.
 - Moon - A build system and monorepo management tool for the web ecosystem, written in Rust.
- Server-Side Rendering
 - angular-prerender - A command line tool to prerender Angular Apps.
 - 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.
 - ngx-sitemaps - Generate sitemaps from Angular prerendered routes.
 - Official website - Documentation for the new SSR package built into the framework.
 - analogjs - Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications.
 - 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 <code>  1150⭐</code> <code>    86🍴</code> [isbot](https://github.com/omrilotan/isbot)).
Development Utilities
- Accessibility
 - 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.
 - 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 - WAVE Web Accessibility Evaluation Tools.
 - axe Accessibility Linter - Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native.
 - PrimeNG - PrimeNG accessibility guide.
 - 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.
- AI
 - mini-bard-palm2-angular - Result from this 🌎 [step by step guide](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.
 - ai-friendly-docs - Angular AI-optimized documentation, enhancing accessibility and response quality for Large Language Models.
 - Official Angular Examples Repo - Angular Examples using 🌎 [GenKit](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](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.
 - angular-mcp-server - An MCP server offering Angular documentation access, enabling AI assistants to search and retrieve relevant Angular info.
 - context7 - MCP Server with up-to-date code documentation for LLMs and AI code editors.
 - angular-material-ai-rules - A collection of configuration rules and usage guidelines for using Angular Material in AI-driven code editors.
 - Official AI docs
 - Official Angular CLI MCP Server Setup
 - Official llms.txt file
 - Official llms-full.txt file
 - AGENT.md - The Universal Agent Configuration File.
 - aitools.fyi - AI Tools Built With Angular.
 - Angular code editor rules - Guide for effective AI interaction patterns when working with Angular code.
 - augment code - The first AI coding assistant built for professional software engineers and large codebases.
 - cursor.directory - The home for Cursor enthusiasts.
 - Design Shift - Generate Angular components you want from [Uizard](https://uizard.io/) layouts.
 - Figma to Angular - Convert designs to clean Angular code in a click.
 - Frontend AI - Ask for a component or upload an image, and instantly receive ready-to-use code without lifting a finger.
 - gitingest - Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM.
 - global seo - Translate Angular app with AI.
 - PureCode AI - Build Angular application UIs 50% faster with PureCode AI.
 - UI2CODE - UI to Code Converter in seconds with AI.
 - 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.
 - 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.
 - 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.
 - 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).
 - repomix - A tool that packs your entire repository into a single, AI-friendly file.
 - 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.
 - agentskit - Composable toolkit and headless chat components for building AI agents in Angular, with streaming, tools, memory and RAG.
 - @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-agent-framework - Angular SDK for Building Agentic Apps + Generative UI.
- Analytics
 - ngx-matomo-client - Matomo analytics client for Angular applications.
 - angulartics2 - Vendor-agnostic analytics for Angular2 applications.
 - angular-google-tag-manager - A service library for integrate google tag manager in your Angular project.
 - litlyx - An open-source analytics tool — set up with one line of code.
 - plausible - Lightweight, open‑source, privacy‑friendly analytics with SPA support—see 🌎 [SPA support](plausible.io/docs/spa-support).
 - @blue-cardinal/ngx-google-analytics - Angular module for injecting Google Analytics script, with safeguards to prevent use in dev environments.
 - oculr-ngx - An analytics library that makes collecting data in an Angular app simple.
 - ngx-clarity - A useful Angular library that automatically injects the script tag required to use 🌎 [Microsoft Clarity](clarity.microsoft.com/).
 - ngx-piwik-pro - A dedicated 🌎 [Piwik PRO](piwik.pro/) Angular library for implementing Tag Manager and tracking.
 - ngx-material-tracking - Provides GDPR-compliant tracking for Angular sites with built-in Google Analytics, Meta Pixel, and custom options.
 - ngx-segment-analytics - Provides an API for <code>     ?⭐</code> <code>     ?🍴</code> [Segment](https://github.com/segmentio/analytics-next/)).
 - ngx-meta-pixel - This package enables you to setup 🌎 [Meta Pixel](www.facebook.com/business/tools/meta-pixel) for your Angular application.
 - clickstream-analytics-on-aws-web-sdk - Enables collection of browser clickstream data to AWS via the provided data pipeline.
 - opentelemetry-angular-interceptor - A library to deploy 🌎 [OpenTelemetry](opentelemetry.io/) in your Angular application.
 - ng-webdatarocks - This repository contains the source code of the Angular wrapper for 🌎 [WebDataRocks](www.webdatarocks.com/). Follow this <code>    31⭐</code> <code>    38🍴</code> [example](https://github.com/WebDataRocks/pivot-angular)) to integrate the WebDataRocks web reporting tool.
 - ngx-amplitude - An Angular 18+ library for easy integration of 🌎 [Amplitude](amplitude.com/) analytics, with global init and event logging service.
 - rybbit - A privacy-friendly alternative to Google Analytics; see this 🌎 [guide](www.rybbit.io/docs/guides/angular) for Angular integration.
 - @luzmo/ngx-embed - A library for embedding [Luzmo](https://www.luzmo.com/) dashboards in your Angular application.
 - ngx-tableau - `ngx-tableau` is an Angular module that allows you to embed a Tableau report in an Angular webapp.
 - ngx-gtm - Angular library that automatically injects the script tag required to use Google Tag Manager (GTM).
 - ngx-segment-community - The community-maintained successor to <code>    22⭐</code> <code>    10🍴</code> [ngx-segment-analytics](https://github.com/opendecide/ngx-segment-analytics)).
 - swetrix - 🌎 [Integrate Swetrix with your Angular application](swetrix.com/docs/angular-integration) 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](umami.is/) — a lightweight, privacy‑first tracking solution tailored for Angular applications.
- Code Analysis
 - ng-parsel - Parse your Angular codebase to JSON abstraction - Great for displaying APIs and analysis.
 - angular-compiler-output - See the JS output of the Angular compiler for a given Angular template.
 - ng-lens - A Node.js tool that uses `ts-morph` to analyze Angular components and detect service usage patterns from any API library.

Programming Languages

TypeScript 1,367 JavaScript 71 HTML 49 SCSS 20 CSS 9 C# 5 Go 5 Rust 4 Shell 3 Vue 2

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

fucking-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

Code Analysis