Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-angular

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

Last synced: about 18 hours 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-rspack - [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 - [Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications.
      • 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.
      • Webpack

    • 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.
      • 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.
      • angular-codx-recipe - A [Codx](https://github.com/marmotz-dev/codx) recipe for setting up Angular projects quickly and efficiently.
      • 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.
      • ngx-ws - Easily split a large `angular.json` into modular, project-local files using the power of [JSON References](https://www.npmjs.com/package/@apidevtools/json-schema-ref-parser), with the convenience of [YAML](https://yaml.org/) and [JSON5](https://json5.org/) formats.
      • nest-schematics - An Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS.
      • 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.
      • ngx-i18n-scan - A CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean.
      • ns-gc - A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config.
      • 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-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.
      • 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.
      • prepare-angular-json - A lightweight CLI tool that generates a clean `angular.json` file from a commented `angular.jsonc`.
      • 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.

    • 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.
      • 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.
      • Cloudflare Pages
      • actions-angular-deploy
      • actions-angular-ci-cd
      • 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.
      • ngx-ssh-deploy - Deploy Angular projects using SSH.
      • Netlify - Angular apps on Netlify gain automatic framework detection and redirects via the [Angular Runtime](https://github.com/netlify/angular-runtime) plugin.
      • ngx-ssh-deploy - Deploy Angular projects using SSH.
      • front-ready - Detects your Angular build settings, compiles the project, and uploads it to AWS S3 with optimized cache headers using a single command.

    • 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.

    • 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.
      • 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.
      • ngx-boomer - A straightforward utility to enforce legacy naming‑convention rules for Angular 20 projects.
      • 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.
      • 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.

  • 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.
      • ioc - A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS.
      • 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 [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.
      • @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.
      • fornax - Lightweight, opinionated Bun-powered full‑stack framework for SPAs with custom components, routing, and flexible styling.
      • flexdi - Flexible, lightweight DI library for React, React Native, and Vue3, inspired by NestJS and Angular.
      • arky-js - Annotation-based framework for AWS Lambda/API Gateway, inspired by Angular/NestJS, with decorators for modules, controllers, and services.
      • di - This library is 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.
      • 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.
      • 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.
      • 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.
      • 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.
      • 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.

  • Angular Pulse

Programming Languages
TypeScript 1,402 JavaScript 72 HTML 49 SCSS 20 CSS 9 C# 6 Go 5 Rust 4 Shell 3 Vue 3
Categories
Third Party Components 1,123 Table of contents 432 Development Utilities 320 Learning Resources 129 Angular 125 Architecture and Advanced Topics 99 Angular Pulse 96 Framework Interoperability 93 Site Templates 80 State Management 75 Security and Authentication 72 Testing 64 Underlying Technologies 57 Angular-Inspired Solutions 37 External Lists 4
Sub Categories
Angular 255 Third Party Components 177 Wrappers 92 UI Libraries 79 Free Templates 69 Form Controls 69 Mixed Utilities 68 Internationalization 58 AI 54 Forms 47 HTTP 46 Animations 43 Data Grids 43 Other State Libraries 41 Authentication 40 Editors 38 Google Developer Experts on X 38 CLI Tools 38 Blogs 37 Notifications 35 Scroll 33 Charts 33 Generators and Scaffolding 32 Loaders 31 External Integration 31 RxJS 30 Analytics 29 Dates 29 Icons 28 TypeScript 27 Carousels 25 YouTube Channels 25 Layout 25 UI Libraries built on Tailwind CSS 25 Helpers 24 Official Resources 23 NgRx 23 Form Validation 23 Directives 22 DOM 22 Images 22 Component 22 UI Libraries built on Material 21 Accessibility 20 File Upload 20 Drag and Drop 19 Books 19 Deployment 19 IDE Extensions 19 Builders 19 Media 19 Training 19 Community 19 Visual Effects 18 Feature Flags 18 Calendars 18 Router 18 UI Library and Framework Ionic 18 Captcha 17 Modals 17 Markdown 17 Storage 17 Viewers 16 Updating Angular 16 Performance 16 Styling 15 Code Analysis 15 E2E 15 Linting 15 Angular Team on X 14 Maps 14 Pipes 14 QR Codes 13 JSON Forms 13 Onboarding and Product Tours 12 Keyboard Mouse 12 Security Best Practices 12 Runtime 12 Paid Templates 11 NGXS 11 Cross-Framework Integration 11 Desktop Applications 10 Angular Experts on X 10 Cheat Sheets 10 UI Libraries built on Bootstrap 10 Role-Based Access Control 10 Documentation Tools 10 Tooltips 10 Debugging 10 Payments 10 Server-Side Rendering 10 Exercises 9 GraphQL 9 UI Primitives 9 Loggers 9 Module Federation 8 Podcasts 8 Cookies 8 SEO 7 PDF 7 Certification Programs 7 Newsletters 6 Networking 6 CSV 5 Micro-Frontends 5 Editor Components 4 Layout Components 4 Printing 4 Guides 3 Monorepos 3 Style Guides 3 Editor and IDE Extensions 2 Bluesky 1
Keywords
angular 765 typescript 234 javascript 90 angular2 69 ngx 59 react 55 rxjs 45 library 41 vue 34 ui 33 angular-components 31 angular-library 29 i18n 28 material 28 components 27 angular-material 27 angular-cli 24 ngrx 23 tailwindcss 23 signals 22 svelte 22 component 21 testing 21 frontend 20 angular17 20 npm 19 nodejs 19 forms 18 admin-dashboard 17 angular-component 17 state-management 17 translation 16 ng 16 icons 16 bootstrap 16 angular4 15 jest 15 svg 15 internationalization 15 angular5 15 angular18 14 template 14 nextjs 14 charts 14 grid 13 cli 13 css 13 material-design 13 ionic 13 angular7 13