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: 20 days ago
JSON representation
Angular
Builders
- Angular Builders - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.
- Jest Builder
- Custom Webpack
- Custom esbuild
- Bazel - Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc.
- Timestamp - This is explained in this đ article.
- ngx-build-plus - Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements.
- dotenv-run - Seamlessly load environment variables. Supports cli, esbuild, Rollup, Vite, Webpack, Angular, ESM and Monorepos.
- ng-packagr - Compile and package Angular libraries in Angular Package Format (APF).
-
angular-env-builder
- Builder to generate
src/environments/environment.tsfile based on your environment variables. - ngx-devkit-builders - This package contains Architect builders used to build and test Angular applications and libraries.
- angular-static-assets-hash - Create a list of Angular static assets and a hash for each file.
- ngx-schematic-builder - A tool for building Angular schematic projects. Compiles and packages your custom schematics, preparing them for publishing and use.
- angular-rspack - Â 12934â Â Â Â 870đ´ Rspack) plugin and tooling for Angular applications.
- ngx-electronify - Angular CLI builder that runs your application in the desktop using Electron.
CLI Tools
- Official GitHub repository
- angular-cli-diff - Easily upgrade your Angular CLI applications from one version to another đ.
- ng-chrome-extension - Easily create Angular Chrome Extensions (manifest v3).
- angular-cli-ssr-diff - Easily upgrade your Angular CLI SSR applications from one version to another đ.
- firebase-framework-tools - Experimental addon to the      ?â      ?đ´ Firebase CLI) to add web framework support.
- lin - A CLI tool that translates locale JSONs using LLMs.
- tailwind-init-cli - A one-command setup tool for Tailwind CSS in Angular, React, or Next.js projects!
- js-stack - Modern CLI for scaffolding production-ready JavaScript full-stack projects, with customization and best-practice presets.
- svger-cli - A lightweight CLI that transforms SVGs into optimized Angular components with zero dependencies.
- alterforge - A CLI tool that scaffolds and manages modular microservice architectures with optional React or Angular frontends.
- @MohamedBouattour/angular-clean-architecture - A CLI tool that generates Clean Architectureâbased, productionâready Angular features with clear, maintainable layers.
- angular-web-cli - A flexible CLI tool designed to streamline workflows, automate tasks, and provide customizable utilities for developers.
- Better-Fullstack - Scaffold production-ready fullstack apps in seconds. Pick your stack from 425 options â the CLI wires everything together.
- i18n-fixer - Framework-agnostic CLI tool that finds hardcoded strings, missing i18n keys, and unused translations.
- ng-create-with-config - A minimal tool to initialize a new Angular project with pre-configured Prettier, ESLint, Husky and Lint-staged.
- fanstack - A lightweight CLI and architecture that automatically watches your Firebase functions and generates a strictly typed Angular service.
- ngTooLazy - A Node.js CLI that scaffolds an Angular app with modern conventions, opinionated architecture, and starter boilerplate (guards, interceptors, layouts).
- angular-cli-helper - A CLI tool that can initialize a full project structure with a built-in API service, authentication system, and HTTP interceptor.
- ignite-ng - Start a new Angular 22 app with authentication, guards and a feature-based structure already in place.
Deployment
- angular-cli-ghpages - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.
-
analog-publish-gh-pages
- A GitHub Action for the Deployment of an
Analog.jsapp on GitHub Pages. - Genezio - The easiest way to write and host a serverless application.
- ngx-config-orchestrator - Angular library for runtime configuration via external JSON, enabling âBuild Once, Deploy Anywhere.â
- deploy-with-git - Lets you deploy an Angular app directly to the đ Flux Network from a Git repository.
- @railwayapp-templates/angular-starter - One-click default Angular TS starter, utilizing Caddy to serve!
-
angular-deploy-bunny
- Angular Architect builder (
ng deploy) that syncs your build to a Bunny.net CDN Storage Zone using SHA256 incremental diffing, then purges the corresponding Pull Zone. - front-ready - Detects your Angular build settings, compiles the project, and uploads it to AWS S3 with optimized cache headers using a single command.
- oSStack Deploy - A high-performance deployment platform inspired by Vercel; features zero-config deployments, automated framework detection, and real-time build streaming.
Desktop Applications
- create-tauri-app - Rapidly scaffold out a new Tauri app project.
- angular-electron - Ultra-fast bootstrapping with Angular and Electron.
- angular-tauri - Ultra-fast bootstrapping with Angular and Tauri.
- electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS.
- neutralinojs - A lightweight, portable framework for building crossâplatform desktop apps with JavaScript, HTML, and CSS, running on Linux, macOS, Windows, Web, and Chrome.
- nw.js - Chromium + Node.js runtime for native apps using HTML, JavaScript, and direct Node integration.
- nw-angular-example - An example of integrating Angular with NW.js.
- wails - Build desktop applications using Go & web technologies, including đ Angular.
Mobile Applications
- ionic-angular-collect-icons - Library to group ionIcons and autoâgenerate export files, simplifying addIcons() management in small projects.
- Official Ionic GitHub repository
- awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
- ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
- IDEA-Ionic8-extra - đ IDEA's extra components and services built on Ionic 8, and distributed with different NPM packages.
-
ionic-header-parallax
- This directive enables a parallax effect on
ion-headerelements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down. -
ionx-search-select
- Modern Angular/Ionic search & select with standalone components, signals, and full
ControlValueAccessorsupport. - ionic-insta-api-wrapper - Lightweight Ionic/Cordova library for fetching Instagram content (Stories, Reels, posts, profiles) with login and cookie support.
- ionic-adv-tooltip - Media-rich tooltips and popovers for Ionic Angular that render templates, images, videos, or live previews on any host.
- PushApp-Capacitor - A Capacitor plugin for push notifications, in-app messaging, event tracking, and session handling in Ionic/Angular/Capacitor apps.
- ng-native - Angular apps rendered as real native iOS and Android views.
- symbiote-native - A stable native runtime utilizing React Native's core engine to drive real iOS/Android stacks directly from Angular.
- Capacitor - The official cross-platform native runtime that powers modern Ionic applications.
Official Resources
Updating Angular
- ng-morph - Code mutations in your project or schematics were never easier than now.
-
@fast-facts/ng-update
- A GitHub Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on
ng update. - npx-app-updater - Alerts users to available updates when a new version is deployed.
- ngx-update-app - Angular directive for updating app via service workers.
- migration-planificator - Plan Angular migrations with precision AST analysis, calculate workload estimates, and generate interactive HTML dashboards.
- ng-ceiling - Estimates the highest Angular version allowed by declared package compatibility and lists upgrade blockers.
Angular-Inspired Solutions
Wrappers
- gapi - Inspired by Angular and intended to provide complex Node.js GraphQL Backend applications with minimal effort.
- GTPL - TypeScript library for reactive templates using Direct DOM and Proxy, inspired by Vue, Angular AOT, and JSX, in a compact 9KB package.
- named-slots - Declarative "holes" for React components, inspired by slots in Vue, Svelte, Angular, and WebComponents.
- npm-clang-format-node - Node wrapper for LLVM Clang's clang-format and git-clang-format native binaries inspired by     98â     30đ´ clang-format).
- reaktiv - Reactive Signals for Python with first-class async support, inspired by Angular's reactivity model.
- ioc - A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
- @joanpablo/reactive_forms - A Dart library using a model-driven approach for forms and validations, inspired by Angular's Reactive Forms.
- sio - Silicia Framework: a fresh approach built upon Ionic, designed to streamline the development of hybrid applications and websites.
- di - A lightweight dependency injection library, similar to  12060â    708đ´ InversifyJS) and   4245â    166đ´ typedi).
- angular-style-injector - A lightweight dependency injection container inspired by Angular's Injector.
- needle-di - A lightweight, type-safe Dependency Injection (DI) library for JavaScript and TypeScript projects.
- use-vue-service - Lightweight Vue 3 state management with dependency injection, inspired by Angular services.
- UnReact.js - A modern framework combining the best of Angular and React for enhanced component communication.
- indulgent - A lightweight set of TypeScript utilities designed for web development, free of external dependencies and optimized for solid runtime performance.
- react-di-lite - Lightweight, hierarchical dependency injection for React inspired by Angularâs services.
-
injection-js
- A fast, wellâtested JavaScript/TypeScript dependency injection library extracted from Angularâs
ReflectiveInjector. - illuma - Angular-style dependency injection for TypeScript.
- knifecycle - Manage your Node.js processes' lifecycle automatically with an unobtrusive dependency injection implementation.
- rgenex - An AngularâCLIâstyle generator for React that instantly scaffolds components, hooks, and pages.
-
rxor
- Brings reactive signals to React, inspired by Angular Signals, Vue 3's
ref/computed, and SolidJS. - @dmytrodemchenko/Signals - Zeroâdependency, glitchâfree reactive signals for TypeScript and JavaScript using an optimized Angularâinspired push/pull architecture.
- weave - A fine-grained reactive, signal-native UI framework.
- use-component-store - Provides a bare minimum implementation of a component store for React using RxJS.
- armature - A modern, type-safe HTTP framework for Rust heavily inspired by Angular and NestJS.
-
dom-harness
- Framework agnostic DOM component test harness library inspired by Angular CDK's
ComponentHarness. - media-observer - JavaScript observable resize (event listener) inspired by Angular Flex Layout Media Observer.
-
semantic-react-cli
- A CLI tool that scaffolds React components, inspired by Angular's
ng generate. - @coregx/signals - Type-safe reactive state management for Go, inspired by Angular Signals.
- sigsharp - A computational dependency library for .Net inspired by Angular signals.
- x-injection-reactjs - Powerful IoC library built on-top of InversifyJS inspired by Angular's DI for ReactJS.
Angular Pulse
Community
- angular-logos - This repository collects all Angular badges and logos.
- Made with Angular - A showcase of web apps built with Angular.
- Angular Popularity Analysis - An AI-era normalized statistical analysis of Angularâs popularity.
- Angular Hub - Curated list of Angular events and communities.
Architecture and Advanced Topics
Feature Flags
- ngx-feature-toggle - Simplify managing feature toggles with this Angular directive.
- @configcat/js-sdk - ConfigCat SDK for JavaScript provides easy integration for your application to đ ConfigCat.
- @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 Feature Flag management platform.
- 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, a featureâflag platform with scheduled releases and gradual rollouts.
- Toggly - Angular SDK for đ Toggly feature flags.
GraphQL
- graphql-code-generator - Code generator for GraphQL schemas and operations, with flexible plugin support.
- 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.
- 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.
- @ngify/http - Reactive Angular HTTP client with typed responses, streamlined errors, and request/response interception.
- ng-http-loader - Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar.
- angular-odata - A fluent API for querying, creating, updating and deleting OData resources in Angular.
- ng-memento - Makes your application faster by preventing the same HTTP requests from being called again in your Angular project.
- ngx-suspense-of - Angular directive that adds suspense to your app.
- ngx-repository - Easily create a strongly typed data client (HTTP REST or Firestore) in your Angular project.
- ng-rest-client - This library simplifies HTTP requests by letting developers define RESTful API clients with method decorators.
-
ngx-sse-client
- A simple SSE (Server Sent Events) client for Angular applications to replace the use of
EventSource. - @connectrpc/connect-web - đ Connect provides cross-platform API libraries. đ @connectrpc/connect offers type-safe Protobuf APIs in TypeScript, and đ @connectrpc/connect-web adds browser support. See the    166â     29đ´ Angular example).
- ng-httpclient-easy-network-stub - An easy class to mock a lot of network requests from the Angular HttpClient.
- simply-direct - A fullstack communication library that bridges Angular and NestJS through real-time, bidirectional communication powered by WebSockets.
- ng-error-handling - An Angular module designed for managing HTTP API error responses.
- active-connect - A connection framework for Node.js, Angular, and WebSockets that simplifies real-time clientâserver communication with decorators and utilities.
- ngx-http - A lightweight Angular library that enhances HTTP functionalities by providing types, static values, and utility functions.
- ng-speed-test - A lightweight Angular library for checking internet speed.
- ngx-hal - A datastore library with support for handling HAL-formatted HTTP requests.
-
trpc-angular
- This repository offers two tRPC-based Angular packages:
@heddendorp/trpc-link-angularfor HttpClient, and@heddendorp/tanstack-angular-queryfor 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   3036â   1488đ´ 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.
- ngx-trpc-client - Reworked fork of Analog's   3188â    331đ´ TRPC package).
-
zx-angular-lazy-resource
- Lazy helpers for Angular's signal-based
resource()â defer loading until first access, and await the first settled value as a promise. - @stitchapi/angular - Streaming-first StitchAPI bindings that expose typed, validated calls as signals or observables with dynamic delta updates.
- angular-fetcher - A modern, signal-based Angular library for seamless, type-safe remote API data management, handling fetching, mutations, and error tracking reactively.
- @some-angular-utils/paginator - Simple, reliable pagination with two inputs: sliding window, jump buttons, disabled edges, and CSS-variable theming.
- ngx-request-lock - An Angular library that binds a UI flow to the lifecycle of its HTTP requests.
-
ngx-api-client
- This configurable
ApiServiceextracts and standardizes ad-hocHttpClientlogic for handling base URLs, errors, retries, and loading states. - ngx-task - Signal-first controlled asynchronous actions for Angular with cancellation, lifecycle cleanup, and explicit concurrency policies.
- ngx-smart-interceptor - Enterprise-grade, resilient, and intelligent HTTP Interceptor for modern Angular applications.
- angular-query - An Angular-first data fetching library inspired by TanStack Query that uses Angular Signals for reactive queries, caching, and state management.
- fetchwise - Simplify API integration with automatic retries, response validation, request and response interceptors, and generated API types.
- ngx-nest-http - Angular HTTP client with Nest-style controllers, DTO validation, and declarative routing.
- ngx-signal-query - Signal-first data fetching, caching, and mutations for Angular â inspired by TanStack Query.
- signal-http-cache - Angular Signal-based HTTP caching library (queries, mutations, TTL, SWR).
- ngx-esy-jsonapi - A lightweight Angular v20+ adapter for JSON API.
Micro Frontends
- micro-frontends-mindmaps - A mindmap summarizing micro-frontend concepts.
- luigi - Enterprise-ready, technology-agnostic micro-frontend orchestration framework with out-of-the-box navigation and authorization features.
Module Federation Vite
- @native-federation/angular-adapter - The official reference implementation and starter template for using Native Federation with Angular.
- @angulardevelopment/micro-frontend-monorepo - A scalable micro-frontend monorepo architecture using modern tooling (e.g., Nx / Turborepo / Webpack Module Federation / Vite).
- micro-frontend-vite-vue-react-angular-ts - Multi-framework micro-frontends (Vue, React, Angular) integrated into a Vue.js shell using Module Federation.
- Zephyr Cloud - An Angular application built with Vite bundler, showcasing fast development experience with modern tooling and đ Zephyr Cloud integration.
Module Federation Webpack
- 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 - Core library allowing developers to share code and resources dynamically across multiple JavaScript applications.
- webpack-module-federation-with-angular - Guide to learn about Webpack Module Federation with several Angular code demos.
- mfe-crossframework - Module Federation project with Angular host and cross-framework remotes built without Nx.
- ngx-mfe - Angular library for working with micro-frontends in Webpack 5 and the Module Federation plugin.
- angular-mfe-poc - POC demonstrating micro-frontend architecture with Angular acting as the host.
- web-fragments-migration-demo - Migration path from Angular monolithic SPA app, to micro-frontends featuring Qwik, Analog and Angular SSR.
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.
Server-Side Rendering
- angular-prerender - A command line tool to prerender Angular Apps.
- 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   1160â     86đ´ isbot).
- ng-ssr-caching - Cache for server-side rendered pages in Angular SSR.
- analog-tools - A collection of utilities and libraries designed to enhance and extend AnalogJS.
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-libraries - A range of accessibility solutions for Angular.
- a11yguard - Delivers a zeroâdependency accessibility toolkit with crossâframework primitives, idiomatic adapters, and a runtime audit mapped to EAA / ENâŻ301âŻ549.
- ulam - Accessibility utilities for the modern web. Vanilla-first, with optional React, Remix, Vue, and Angular adapters.
- aria-reach - ARIA accessibility anti-pattern analyzer for shared component libraries.
- rgaa-source - Axe-core accessibility scanner mapping violations directly to source template lines. Features safe auto-fixes and French RGAA 4.1.2 audit grids.
- a11y-devtools - Dev-only accessibility devtools overlay/scanner for Angular.
AI
- 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.
- Official Angular Examples Repo - Angular Examples using đ 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 - Framework for building joyful, AI-powered user experiences.
- context7 - MCP Server with up-to-date code documentation for LLMs and AI code editors.
- ngx-gen-ui - Lightweight Angular directive and service for streaming generative UI content via Firebase AI.