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: 14 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-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.

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

    • 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.
      • Netlify - Angular apps on Netlify gain automatic framework detection and redirects via the [Angular Runtime](https://github.com/netlify/angular-runtime) plugin.
      • @railwayapp-templates/angular-starter - One-click default Angular TS starter, utilizing Caddy to serve!

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

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

  • Angular Pulse

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