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
- 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> 12758⭐</code> <code>   806🍴</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.
- 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 - Zerops 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.
- 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.
 - ng update - Use the CLI to update your project or try new Angular features by adding the `--next` flag.
 - migrations - Angular offers schematics to help update your project for you. You can convert your project to standalone components, the new control flow syntax, and more by using one of the Angular built-in schematics.
 - 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-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 minimum 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> 12065⭐</code> <code>   711🍴</code> [InversifyJS](https://github.com/inversify/InversifyJS)) and <code>  4242⭐</code> <code>   165🍴</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.
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 - Angular talents empowers independent developers available for their next gig. Stop scouring job boards and sit back as companies reach out to you first.
  - 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.
- Google Developer Experts on X

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

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