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

    • 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!
      • Netlify - Angular apps on Netlify gain automatic framework detection and redirects via the [Angular Runtime](https://github.com/netlify/angular-runtime) plugin.
      • 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.
      • 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.

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

  • Angular Pulse

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