awesome-angular

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

Last synced: 5 days ago
JSON representation

Angular
- Builders
  - esbuild
  - 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](https://medium.com/angular-in-depth/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811).
  - Angular Builders - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.
  - 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.ts` file 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 - [Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications.
  - ngx-electronify - Angular CLI builder that runs your application in the desktop using Electron.
  - Webpack
- 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).
  - Official website
  - 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](https://github.com/firebase/firebase-tools/) to add web framework support.
  - lin - A CLI tool that translates locale JSONs using LLMs.
  - ng new command generator - Generate optimized `ng new` commands.
  - 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.
  - i18n-fixer - Framework-agnostic CLI tool that finds hardcoded strings, missing i18n keys, and unused translations.
  - Better-Fullstack - Scaffold production-ready fullstack apps in seconds. Pick your stack from 425 options — the CLI wires everything together.
  - 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
  - AWS Amplify
  - Vercel
  - Firebase Hosting
  - Genezio - The easiest way to write and host a serverless application.
  - angular-cli-ghpages - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.
  - analog-publish-gh-pages - A GitHub Action for the Deployment of an `Analog.js` app on GitHub Pages.
  - Cloudflare Pages
  - SST - A framework that makes it easy to build and automate modern full-stack applications.
  - ngx-config-orchestrator - Angular library for runtime configuration via external JSON, enabling “Build Once, Deploy Anywhere.”
  - deploy-with-git - Lets you deploy an Angular app directly to the [Flux Network](https://runonflux.com/) 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.
  - tauri - Create small, fast, secure, cross-platform applications.
  - wails - Build desktop applications using Go & web technologies, including [Angular](https://wails.io/docs/guides/angular/).
  - MōBrowser - A framework for building desktop apps using TypeScript, HTML, and CSS, with source code protection built in.
- Mobile Applications
  - Ionic Academy - The fastest way to learn Ionic.
  - Elite Ionic - Advanced training for Angular developers who want to create next-level native web applications.
  - Ionic Start - Build web and native mobile applications with Ionic whilst learning modern reactive development with Angular.
  - 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](https://www.iter-idea.com/) 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-header` elements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down.
  - Official Ionic website
  - ionx-search-select - Modern Angular/Ionic search & select with standalone components, signals, and full `ControlValueAccessor` support.
  - 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.
  - Capgo - Live updates / OTA for 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.
  - Official website - Interactive guide to help you migrate from one version of Angular to another.
  - Official update reference - Use the CLI to update your project or try new Angular features by adding the `--next` flag.
  - Official migrations reference - Angular schematics help update projects by enabling conversion to standalone components, new control flow syntax, and more.
  - Depfixer - Smart dependency analysis for JS/TS projects; detects compatibility conflicts and provides step‑by‑step fixes.
  - migration-planificator - Plan Angular migrations with precision AST analysis, calculate workload estimates, and generate interactive HTML dashboards.
  - Angular Caniuse - Track Angular features from preview to stable stages.
  - NgReady - Stop Wasting Days on Angular Upgrades.
  - 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.
  - ioc - A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
  - 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 [clang-format](https://github.com/angular/clang-format).
  - reaktiv - Reactive Signals for Python with first-class async support, inspired by Angular's reactivity model.
  - @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 [InversifyJS](https://github.com/inversify/InversifyJS) and [typedi](https://github.com/typestack/typedi).
  - 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.
  - angular-style-injector - A lightweight dependency injection container inspired by Angular's Injector.
  - 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.
  - rxor - Brings reactive signals to React, inspired by Angular Signals, Vue 3's `ref/computed`, and SolidJS.
  - knifecycle - Manage your Node.js processes' lifecycle automatically with an unobtrusive dependency injection implementation.
  - @dmytrodemchenko/Signals - Zero‑dependency, glitch‑free reactive signals for TypeScript and JavaScript using an optimized Angular‑inspired push/pull architecture.
  - rgenex - An Angular‑CLI–style generator for React that instantly scaffolds components, hooks, and pages.
  - weave - A fine-grained reactive, signal-native UI framework.
  - 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.
  - use-component-store - Provides a bare minimum implementation of a component store for React using RxJS.
  - x-injection-reactjs - Powerful IoC library built on-top of InversifyJS inspired by Angular's DI for ReactJS.
Angular Pulse
- Angular Team on X
- Bluesky
  - Angular Starter Pack by @brandonroberts.dev
- Community
  - Angular Stack Overflow
  - @Angular on X
  - Angular Space - Your Hub for Learning and Growing as an Angular Developer.
  - Angular Discord Channel
  - builtwith trends - Angular Usage Statistics.
  - angular-logos - This repository collects all Angular badges and logos.
  - Made with Angular - A showcase of web apps built with Angular.
  - Angular: The Documentary | An origin story
  - /r/Angular Subreddit
  - Map of GitHub - Discover repositories with overlapping stargazers across the NgSphere.
  - Angular Popularity Analysis - An AI-era normalized statistical analysis of Angular’s popularity.
  - Jobs in JS - Angular developer jobs in the US, Canada and UK. Updated daily.
  - Angular Hub - Curated list of Angular events and communities.
- Newsletters
- Podcasts
  - Angular Air
  - Angular Plus Show
  - Angularidades - In Spanish.
Architecture and Advanced Topics
- Feature Flags
  - ngx-feature-toggle - Simplify managing feature toggles with this Angular directive.
  - Flagsmith - Ship Faster and Control Releases with Feature Flag Management.
  - @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`.
  - @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.
  - 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](https://rollgate.io), a feature‑flag platform with scheduled releases and gradual rollouts.
  - Toggly - Angular SDK for [Toggly](https://toggly.io/) feature flags.
  - flagtide - A self-hosted feature flag service built with a Quarkus backend that pushes real-time updates via WebSockets to an Angular SDK for server-consistent local evaluation.
- 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.
  - 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.
  - 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](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-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://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.

Programming Languages

TypeScript 1,043 JavaScript 62 HTML 23 SCSS 14 CSS 8 C# 6 Go 5 Rust 5 Vue 3 C++ 2

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-angular

Angular

Builders

CLI Tools

Deployment

Desktop Applications

Mobile Applications

Official Resources

Updating Angular

Angular-Inspired Solutions

Wrappers

Angular Pulse

Angular Team on X

Bluesky

Community

Newsletters

Podcasts

Architecture and Advanced Topics

Feature Flags

GraphQL

HTTP