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: 10 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](medium.com/angular-in-depth/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811).
 - 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-rspack - <code> 11837⭐</code> <code>   764🍴</code> [Rspack](https://github.com/web-infra-dev/rspack)) plugin and tooling for Angular applications.
 - 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 - <code> 12874⭐</code> <code>   842🍴</code> [Rspack](https://github.com/web-infra-dev/rspack)) plugin and tooling for Angular applications.
 - esbuild
 - ng-builder-typescript - A builder for the Angular CLI to build Node.js apps using the TypeScript compiler `tsc` (no Webpack or any other bundler used).
 - 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 🚀.
 - mantis-cli - M.A.N.T.I.S (MongoDB, Angular, Nx, Tailwind, Ionic, Storybook) is your gateway to a seamless full-stack project launch.
 - angular-serve-and-run - Serve your Angular CLI project then run a command on top of it.
 - ngx-starter - An `@angular/cli` based starter containing common components and services as well as a reference site.
 - ngx-stylesweep - A CLI tool that removes empty style files from your Angular components.
 - ng-chrome-extension - Easily create Angular Chrome Extensions (manifest v3).
 - ngx-devs-cli - Command-line interface (CLI) built in Node.js allow you to automate repetitive tasks and make your life easier when working with Angular projects.
 - angular-cli-ssr-diff - Easily upgrade your Angular CLI SSR applications from one version to another 🚀.
 - firebase-framework-tools - Experimental addon to the <code>     ?⭐</code> <code>     ?🍴</code> [Firebase CLI](https://github.com/firebase/firebase-tools/)) to add web framework support.
 - ngx-create - A lightweight CLI for quickly generating Angular projects with optional frameworks like Material, Tailwind, Bootstrap, and NgRx.
 - rafacli - CLI tool that generates authentication and CRUD modules for NestJS and Angular, automating boilerplate to streamline development and ensure consistency.
 - mcp-angular-cli - A server offering Angular CLI and workspace automation, enabling LLMs and agents to generate components, add packages, create workspaces, and run custom architect targets.
 - angular-parallel-test-runner - CLI to run Angular tests in parallel across projects; uses available CPU cores.
 - kqgen - A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/GraphQL services.
 - dotairc - This tool helps create consistent instructions for AI assistants working with your codebase.
 - lin - Lazy I18N is a CLI tool that translates locale JSONs using LLMs.
 - nest-schematics - An Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS.
 - ns-gc - A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config.
 - ngx-i18n-scan - A CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean.
 - ngx-stats - CLI tool that analyzes Angular projects, quantifying modules, components, directives, pipes, and services to give a clear structural overview for better architectural insight.
 - ngx-ws - Easily split a large `angular.json` into modular, project-local files using the power of 🌎 [JSON References](www.npmjs.com/package/@apidevtools/json-schema-ref-parser), with the convenience of 🌎 [YAML](yaml.org/) and 🌎 [JSON5](json5.org/) formats.
 - ngx-crafter - A powerful CLI tool that helps you craft Angular projects with pre-configured folder structures and essential packages.
 - angular-v20-bulk-file-refactor - A CLI tool to automate file renaming and content refactoring to match Angular 20 conventions.
 - Official website
 - angular-codx-recipe - A [Codx](https://github.com/marmotz-dev/codx) recipe for setting up Angular projects quickly and efficiently.
 - 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!
 - prepare-angular-json - A lightweight CLI tool that generates a clean `angular.json` file from a commented `angular.jsonc`.
 - 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).
- 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.js` app on GitHub Pages.
 - Genezio - The easiest way to write and host a serverless application.
 - actions-angular-deploy
 - actions-angular-ci-cd
 - AWS Amplify
 - Vercel
 - Firebase Hosting
 - Cloudflare Pages
 - Zerops - It makes deploying and running Analog apps, both [server side rendered](https://github.com/zeropsio/recipe-analog-nodejs) and [static](https://github.com/zeropsio/recipe-analog-static), a breeze.
 - 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](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.
 - SST - A framework that makes it easy to build and automate modern full-stack applications.
 - 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](wails.io/docs/guides/angular/).
 - tauri - Create small, fast, secure, cross-platform applications.
- Official Resources
- Updating Angular
 - ng-morph - Code mutations in your project or schematics were never easier than now.
 - ngx-libs - Angular Libraries Support lists community libs support for each Angular version.
 - @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.
 - ngx-boomer - A straightforward utility to enforce legacy naming‑convention rules for Angular 20 projects.
 - 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.
 - Angular Caniuse - Track Angular features from preview to stable stages.
 - angular-updater - A lightweight solution for managing version control and updates in Angular apps with seamless Service Worker integration.
 - 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.
 - Depfixer - Smart dependency analysis for JS/TS projects; detects compatibility conflicts and provides step‑by‑step fixes.
 - NgReady - Stop Wasting Days on Angular Upgrades.
Angular-Inspired Solutions
- Wrappers
 - css-fx-layout - A responsive SCSS flexbox library inspired by Angular Flex-Layout.
 - friendly-di - A lightweight and high-performance inversion of control (IoC) container inspired by NestJS and Angular.
 - GameEngine - A TypeScript game engine inspired by Angular.
 - 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.
 - Lua-Generate - A CLI tool to generate boilerplate code inspired by ng tool from Angular.
 - 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 <code>    98⭐</code> <code>    30🍴</code> [clang-format](https://github.com/angular/clang-format)).
 - obfetch - A HttpClient base on RxJS and fetch API inspired by Angular `httpClient`.
 - prang - A framework that looks like Angular, smells like Angular, but is actually Vue.
 - PrasthuthTS - TypeScript framework inspired by Angular with modular components, two‑way binding, flexible routing, and strong typing.
 - ReactiveForms - Retrieve form input values using the DOM and implement form validation, drawing inspiration from Angular's Reactive Forms approach.
 - reaktiv - Reactive Signals for Python with first-class async support, inspired by Angular's reactivity model.
 - ts-react-directives - A small React/TypeScript library designed to mimic Angular directives.
 - vyuha - A Node.js template engine inspired by EJS, Angular, and Laravel Blade.
 - 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.
 - flexdi - Flexible, lightweight DI library for React, React Native, and Vue3, inspired by NestJS and Angular.
 - fornax - Lightweight, opinionated Bun-powered full‑stack framework for SPAs with custom components, routing, and flexible styling.
 - di - This library is a lightweight dependency injection library, similar to <code> 12075⭐</code> <code>   709🍴</code> [InversifyJS](https://github.com/inversify/InversifyJS)) and <code>  4243⭐</code> <code>   166🍴</code> [typedi](https://github.com/typestack/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.
 - ozean - A 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.
 - 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.
 - arky-js - A powerful, annotation-based framework for building serverless applications on AWS Lambda and API Gateway. Inspired by Angular and NestJS, Arky.js simplifies serverless development by providing decorators for defining modules, controllers, and services.
 - 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.
 - illuma - Angular-style dependency injection for TypeScript.
 - 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.
 - 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.
Angular Pulse
- Angular Experts on X
- Angular Team on X
- Bluesky
  - Angular Starter Pack by @brandonroberts.dev
- Community
  - angular-logos - Repo is dedicated to collecting all the different kinds of Angular badges and logos.
  - Made with Angular - A showcase of web apps built with Angular.
  - Angular Hub - Curated list of Angular events and communities.
  - Angular Discord Channel
  - Angular Hashtag - Use `#angular` hashtag on X.
  - Angular Stack Overflow
  - @Angular on X
  - /r/Angular Subreddit
  - Angular Buddies Slack Channel
  - Angular Space - Your Hub for Learning and Growing as an Angular Developer.
  - builtwith trends - Angular Usage Statistics.
  - Is This Tech Dead? - Is Angular dead?
  - Angular: The Documentary | An origin story
  - Angular Talents - Independent developers can highlight their availability for upcoming projects, eliminating the need to endlessly scroll through job boards.
  - Map of GitHub - Explore the NgSphere to discover repositories with overlapping stargazers.
  - Good First Issues - Find beginner-friendly issues and start contributing to Angular open-source projects.
  - Angular Popularity Analysis - An AI-era normalized statistical analysis of Angular’s popularity.
- Google Developer Experts on X

Programming Languages

TypeScript 1,477 JavaScript 76 HTML 53 SCSS 20 CSS 9 C# 6 Go 5 Rust 4 Shell 3 Vue 3

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

fucking-awesome-angular

Angular

Builders

CLI Tools

Deployment

Desktop Applications

Official Resources

Updating Angular

Angular-Inspired Solutions

Wrappers

Angular Pulse

Angular Experts on X

Angular Team on X

Bluesky

Community

Google Developer Experts on X