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: 1 day 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

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