[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/front-end-development/angular.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Angular **repo:** [PatrickJS/awesome-angular](https://github.com/PatrickJS/awesome-angular) **category:** [[front-end-development|Front-End Development]] **related:** [[typescript|TypeScript]] · [[javascript|JavaScript]] · [[react|React]] · [[svelte|Svelte]] · [[vue-js|Vue Js]] --- # Awesome Angular [](https://github.com/sindresorhus/awesome) <p align="center"> <a href="https://patrickjs.com" target="_blank"> <img src="/media/new/awesome-angular.png" alt="Awesome Angular" /> </a> </p> > logo designed by [SAWARATSUKI](https://github.com/SAWARATSUKI/KawaiiLogos) This is the Awesome list of the Angular framework, and it contains intriguing libraries in the Angular ecosystem for all developers. Something missing? [PRs welcomed!](https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md) > Repo maintained by [@jdegand](https://github.com/jdegand) and [@patrickjs](https://github.com/patrickjs) Current Angular version: [](https://www.npmjs.com/~angular) ## Contents * [Angular](#angular) * [Official Resources](#official-resources) * [Builders](#builders) * [CLI Tools](#cli-tools) * [Deployment](#deployment) * [Desktop Applications](#desktop-applications) * [Updating Angular](#updating-angular) * [Angular Pulse](#angular-pulse) * [Community](#community) * [Newsletters](#newsletters) * [Podcasts](#podcasts) * [Bluesky](#bluesky) * [Angular Team on X](#angular-team-on-x) * [Angular Experts on X](#angular-experts-on-x) * [Google Developer Experts on X](#google-developer-experts-on-x) * [Learning Resources](#[learning](/@harrisonqian/awesome/wiki/programming-languages/learning)-resources) * [Blogs](#blogs) * [Books](#books) * [Certification Programs](#certification-programs) * [Cheat Sheets](#cheat-sheets) * [Exercises](#exercises) * [Training](#training) * [Style Guides](#style-guides) * [YouTube Channels](#youtube-channels) * [Architecture and Advanced Topics](#architecture-and-advanced-topics) * [Feature Flags](#feature-flags) * [GraphQL](#graphql) * [HTTP](#http) * [Micro-Frontends](#micro-frontends) * [Module Federation](#module-federation) * [Monorepos](#monorepos) * [Server-Side Rendering](#server-side-rendering) * [Development Utilities](#development-utilities) * [Accessibility](#accessibility) * [AI](#ai) * [Analytics](#analytics) * [Code Analysis](#code-analysis) * [Debugging](#debugging) * [Documentation Tools](#documentation-tools) * [IDE Extensions](#ide-extensions) * [Generators and Scaffolding](#generators-and-scaffolding) * [Internationalization](#internationalization) * [Linting](#linting) * [Networking](#networking) * [Performance](#performance) * [Runtime](#runtime) * [SEO](#seo) * [Styling](#styling) * [Security and Authentication](#[security](/@harrisonqian/awesome/wiki/security/security)-and-authentication) * [Authentication](#authentication) * [Payments](#payments) * [Role-Based Access Control](#role-based-access-control) * [Security Best Practices](#[security](/@harrisonqian/awesome/wiki/security/security)-best-practices) * [State Management](#state-management) * [NgRx](#ngrx) * [NGXS](#ngxs) * [Other State Libraries](#other-state-libraries) * [Testing](#testing) * [E2E](#e2e) * [Component](#component) * [Helpers](#helpers) * [Site Templates](#site-templates) * [Free Templates](#free-templates) * [Paid Templates](#paid-templates) * [Third Party Components](#third-party-components) * [Animations](#animations) * [Calendars](#calendars) * [Captcha](#captcha) * [Carousels](#carousels) * [Charts](#charts) * [Cookies](#cookies) * [CSV](#csv) * [Data Grids](#data-grids) * [Dates](#dates) * [Directives](#directives) * [DOM](#dom) * [Drag and Drop](#drag-and-drop) * [Editors](#editors) * [File Upload](#file-upload) * [Forms](#forms) * [Form Controls](#form-controls) * [JSON Forms](#[json](/@harrisonqian/awesome/wiki/miscellaneous/json)-forms) * [Form Validation](#form-validation) * [Icons](#icons) * [Images](#images) * [Keyboard Mouse](#keyboard-mouse) * [Layout](#layout) * [Loaders](#loaders) * [Loggers](#loggers) * [Maps](#maps) * [Markdown](#markdown) * [Media](#media) * [Mixed Utilities](#mixed-utilities) * [Modals](#modals) * [Notifications](#notifications) * [Onboarding and Product Tours](#onboarding-and-product-tours) * [Pipes](#pipes) * [Printing](#printing) * [QR Codes](#qr-codes) * [Router](#router) * [Scroll](#scroll) * [Storage](#storage) * [Tooltips](#tooltips) * [UI Libraries](#ui-libraries) * [UI Libraries built on Bootstrap](#ui-libraries-built-on-bootstrap) * [UI Libraries built on Material](#ui-libraries-built-on-material) * [UI Libraries built on Tailwind CSS](#ui-libraries-built-on-tailwind-css) * [UI Library and Framework Ionic](#ui-library-and-framework-ionic) * [UI Primitives](#ui-primitives) * [Viewers](#viewers) * [Visual Effects](#visual-effects) * [Underlying Technologies](#underlying-technologies) * [RxJS](#rxjs) * [TypeScript](#typescript) * [Framework Interoperability](#framework-interoperability) * [Cross-Framework Integration](#cross-framework-integration) * [External Integration](#external-integration) * [Wrappers](#wrappers) * [Angular-Inspired Solutions](#angular-inspired-solutions) * [External Lists](#external-lists) ## Angular > Angular is a web framework that empowers developers to build fast, reliable applications that users love. ### Official Resources * [Site](https://angular.dev) * [Blog](https://blog.angular.dev/) * [Documentation](https://angular.dev/overview) * [Getting Started Tutorial](https://angular.dev/tutorials/learn-angular) * [GitHub Repo](https://github.com/angular/angular) * [Past Documentation Site](https://v17.angular.io/docs) ### Builders * [Webpack](https://webpack.js.org) * [esbuild](https://esbuild.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/) * [Angular Builders](https://github.com/just-jeb/angular-builders) - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade. * [Jest Builder](https://github.com/just-jeb/angular-builders/tree/master/packages/jest) * [Custom Webpack](https://github.com/just-jeb/angular-builders/tree/master/packages/custom-webpack) * [Custom esbuild](https://github.com/just-jeb/angular-builders/tree/master/packages/custom-esbuild) * [Bazel](https://github.com/just-jeb/angular-builders/tree/master/packages/bazel) - Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc. * [Timestamp](https://github.com/just-jeb/angular-builders/tree/master/packages/timestamp) - This is explained in this [article](https://medium.com/angular-in-depth/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811). * [ngx-build-plus](https://github.com/manfredsteyer/ngx-build-plus) - Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements. * [ngx-electronify](https://github.com/bampakoa/ngx-electronify) - Angular CLI builder that runs your application in the desktop using [Electron](/@harrisonqian/awesome/wiki/platforms/electron). * [dotenv-run](https://github.com/chihab/dotenv-run) - Seamlessly load environment variables. Supports cli, esbuild, Rollup, Vite, Webpack, Angular, ESM and Monorepos. * [ng-packagr](https://github.com/ng-packagr/ng-packagr) - Compile and package Angular libraries in Angular Package Format (APF). * [angular-env-builder](https://github.com/igorissen/angular-env-builder) - Builder to generate `src/environments/environment.ts` file based on your environment variables. * [angular-rspack](https://github.com/nrwl/nx/tree/HEAD/packages/angular-rspack) - [Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications. * [ngx-devkit-builders](https://github.com/Celtian/ngx-devkit-builders) - This package contains Architect builders used to build and test Angular applications and libraries. * [angular-static-assets-hash](https://github.com/sitelint/angular-static-assets-hash) - Create a list of Angular static assets and a hash for each file. * [ngx-schematic-builder](https://github.com/kstepien3/ngx-schematic-builder) - A tool for building Angular schematic projects. Compiles and packages your custom schematics, preparing them for publishing and use. * [ng-builder-typescript](https://github.com/da-mkay/ng-builder-typescript) - A builder for the Angular CLI to build [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js) [apps](/@harrisonqian/awesome/wiki/platforms/apps) using the TypeScript compiler `tsc` (no Webpack or any other bundler used). ### CLI Tools * [Official website](https://angular.dev/tools/cli) * [Official [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) repository](https://github.com/angular/angular-cli) * [alterforge](https://github.com/themodulardev/alterforge) - A CLI tool that scaffolds and manages modular microservice architectures with optional [React](/@harrisonqian/awesome/wiki/front-end-development/react) or Angular frontends. * [@MohamedBouattour/angular-clean-architecture](https://github.com/MohamedBouattour/angular-clean-architecture) - A CLI tool that generates Clean Architecture–based, production‑ready Angular features with clear, maintainable layers. * [angular-cli-diff](https://github.com/cexbrayat/angular-cli-diff) - Easily upgrade your Angular CLI applications from one version to another 🚀. * [angular-cli-ssr-diff](https://github.com/cexbrayat/angular-cli-ssr-diff) - Easily upgrade your Angular CLI SSR applications from one version to another 🚀. * [angular-codx-recipe](https://www.npmjs.com/package/angular-codx-recipe) - A [Codx](https://github.com/marmotz-dev/codx) recipe for setting up Angular projects quickly and efficiently. * [angular-parallel-test-runner](https://github.com/mahdi-hajian/angular-parallel-test-runner) - CLI to run Angular tests in parallel across projects; uses available CPU cores. * [angular-web-cli](https://github.com/qodalis-solutions/angular-web-cli) - A flexible CLI tool designed to streamline workflows, automate tasks, and provide customizable utilities for developers. * [dotairc](https://github.com/elecash/dotairc) - This tool helps create consistent instructions for AI assistants working with your codebase. * [firebase-framework-tools](https://github.com/FirebaseExtended/firebase-framework-tools) - Experimental addon to the [Firebase CLI](https://github.com/firebase/firebase-tools/) to add web framework support. * [js-stack](https://github.com/vipinyadav01/js-stack) - Modern CLI for scaffolding production-ready [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) full-stack projects, with customization and best-practice presets. * [kqgen](https://github.com/KilloconQ/kqgen) - A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/[GraphQL](/@harrisonqian/awesome/wiki/miscellaneous/graphql) services. * [lin](https://github.com/yuo-app/lin) - Lazy I18N is a CLI tool that translates locale JSONs using LLMs. * [mcp-angular-cli](https://github.com/talzach/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. * [nest-schematics](https://github.com/lcasass3/nest-schematics) - An Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS. * [ng-chrome-extension](https://github.com/larscom/ng-chrome-extension) - Easily create Angular Chrome Extensions (manifest v3). * [ns-gc](https://github.com/th3n00bc0d3r/ns-gc) - A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config. * [ngx-create](https://github.com/maran-t/ngx-create) - A lightweight CLI for quickly generating Angular projects with optional [frameworks](/@harrisonqian/awesome/wiki/front-end-development/frameworks) like Material, Tailwind, Bootstrap, and NgRx. * [ngx-i18n-scan](https://github.com/pratiksonone/ngx-i18n-scan) - A CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean. * [ngx-stats](https://github.com/tomer953/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](https://github.com/art-ws/ngx-ws) - Easily split a large `angular.[json](/@harrisonqian/awesome/wiki/miscellaneous/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. * [prepare-angular-json](https://github.com/ackheron/prepare-angular-json) - A lightweight CLI tool that generates a clean `angular.[json](/@harrisonqian/awesome/wiki/miscellaneous/json)` file from a commented `angular.jsonc`. * [rafacli](https://github.com/rafa00716/rafacli) - CLI tool that generates authentication and CRUD modules for NestJS and Angular, automating boilerplate to streamline development and ensure consistency. * [ngx-crafter](https://github.com/ErwanHeschung/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](https://github.com/esteecodes/angular-v20-bulk-file-refactor) - A CLI tool to automate file renaming and content refactoring to match Angular 20 conventions. * [ng new command generator](https://ng.gridatek.com/) - Generate optimized `ng new` commands. * [svger-cli](https://github.com/faezemohades/svger-cli) - A lightweight CLI that transforms SVGs into optimized Angular components with zero dependencies. * [tailwind-init-cli](https://github.com/ImLeoNova/tailwind-init-cli) - A one-command setup tool for [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css) in Angular, [React](/@harrisonqian/awesome/wiki/front-end-development/react), or [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) projects! ### Deployment * [AWS Amplify](https://docs.amplify.aws/angular/) * [Vercel](https://vercel.com/solutions/angular) * [Firebase Hosting](https://firebase.google.com/docs/app-hosting/get-started) * [Netlify](https://docs.netlify.com/frameworks/angular/) - Angular [apps](/@harrisonqian/awesome/wiki/platforms/apps) on Netlify gain automatic framework detection and redirects via the [Angular Runtime](https://github.com/netlify/angular-runtime) plugin. * [angular-cli-ghpages](https://github.com/angular-schule/angular-cli-ghpages) - SSR does not work, and there can be some caveats, but you can host your Angular project on [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) Pages. * [analog-publish-gh-pages](https://github.com/k9n-dev/analog-publish-gh-pages) - A [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) Action for the Deployment of an `Analog.js` app on [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) Pages. * [Genezio](https://github.com/Genez-io/genezio) - The easiest way to write and host a serverless application. * [Cloudflare Pages](https://developers.[cloudflare](/@harrisonqian/awesome/wiki/platforms/cloudflare).com/pages/framework-guides/deploy-an-angular-site/#create-a-new-project-using-the-create-cloudflare-cli-c3) * [Zerops](https://zerops.io/) - It makes deploying and running Analog [apps](/@harrisonqian/awesome/wiki/platforms/apps), both [server side rendered](https://github.com/zeropsio/recipe-analog-nodejs) and [static](https://github.com/zeropsio/recipe-analog-static), a breeze. * [SST](https://sst.dev/) - A framework that makes it easy to build and automate modern full-stack applications. * [ngx-config-orchestrator](https://github.com/xhani-manolis-trungu/ngx-config-orchestrator) - Angular library for runtime configuration via external [JSON](/@harrisonqian/awesome/wiki/miscellaneous/json), enabling “Build Once, Deploy Anywhere.” * [deploy-with-git](https://github.com/RunOnFlux/deploy-with-git/tree/master/deploy-angular) - Lets you deploy an Angular app directly to the [Flux Network](https://runonflux.com/) from a Git repository. ### Desktop Applications * [electron](https://github.com/electron/electron) - Build [cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) desktop [apps](/@harrisonqian/awesome/wiki/platforms/apps) with [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript), HTML, and CSS. * [angular-electron](https://github.com/maximegris/angular-electron) - Ultra-fast bootstrapping with Angular and [Electron](/@harrisonqian/awesome/wiki/platforms/electron). * [neutralinojs](https://github.com/neutralinojs/neutralinojs) - A lightweight, portable framework for building cross‑platform desktop [apps](/@harrisonqian/awesome/wiki/platforms/apps) with [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript), HTML, and CSS, running on [Linux](/@harrisonqian/awesome/wiki/platforms/linux), macOS, [Windows](/@harrisonqian/awesome/wiki/platforms/windows), Web, and Chrome. * [nw.js](https://github.com/nwjs/nw.js) - Chromium + [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js) runtime for native [apps](/@harrisonqian/awesome/wiki/platforms/apps) using HTML, [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript), and direct Node [integration](/@harrisonqian/awesome/wiki/platforms/integration). * [nw-angular-example](https://github.com/nwutils/nw-angular-example) - An example of integrating Angular with NW.js. * [tauri](https://v2.tauri.app/) - Create small, fast, secure, [cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) applications. * [angular-tauri](https://github.com/maximegris/angular-tauri) - Ultra-fast bootstrapping with Angular and Tauri. * [create-tauri-app](https://github.com/tauri-apps/create-tauri-app) - Rapidly scaffold out a new Tauri app project. * [wails](https://github.com/wailsapp/wails) - Build desktop applications using Go & web technologies, including [Angular](https://wails.io/docs/guides/angular/). ### Updating Angular * [Official website](https://angular.dev/update-guide) - Interactive guide to help you migrate from one version of Angular to another. * [Official update reference](https://angular.dev/cli/update) - Use the CLI to update your project or try new Angular features by adding the `--next` flag. * [Official migrations reference](https://angular.dev/reference/migrations) - Angular schematics help update projects by enabling conversion to standalone components, new control flow syntax, and more. * [ng-morph](https://github.com/taiga-family/ng-morph) - Code mutations in your project or schematics were never easier than now. * [ngx-libs](https://github.com/eneajaho/ngx-libs) - Angular Libraries Support lists community libs support for each Angular version. * [@fast-facts/ng-update](https://github.com/fast-facts/ng-update) - A [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on `ng update`. * [npx-app-updater](https://github.com/DSI-HUG/ngx-app-updater) - Alerts users to available updates when a new version is deployed. * [ngx-update-app](https://github.com/Celtian/ngx-update-app) - Angular directive for updating app via [service workers](/@harrisonqian/awesome/wiki/front-end-development/service-workers). * [Angular Caniuse](https://www.angular.courses/caniuse/features) - Track Angular features from preview to stable stages. * [Depfixer](https://depfixer.com/sample-report/angular) - Smart dependency analysis for JS/TS projects; detects compatibility conflicts and provides step‑by‑step fixes. * [migration-planificator](https://github.com/silvestv/migration-planificator-documentation) - Plan Angular migrations with precision AST analysis, calculate workload estimates, and generate interactive HTML dashboards. ## Angular Pulse ### Community * [Angular Discord Channel](https://discord.com/invite/angular) * [Angular Hashtag](https://x.com/hashtag/angular) - Use `#angular` hashtag on X. * [Gitter Channel](https://gitter.im/angular/angular) * [Angular Stack Overflow](https://stackoverflow.com/questions/tagged/angular) * [@Angular on X](https://x.com/angular) * [/r/Angular Subreddit](https://www.reddit.com/r/Angular/) * [Angular Buddies [Slack](/@harrisonqian/awesome/wiki/work/slack) Channel](https://angularbuddies.slack.com/) * [angular-logos](https://github.com/maartentibau/angular-logos) - Repo is dedicated to collecting all the different kinds of Angular badges and logos. * [Made with Angular](https://github.com/madewithangular/madewithangular.[github](/@harrisonqian/awesome/wiki/development-environment/github).io) - A showcase of web [apps](/@harrisonqian/awesome/wiki/platforms/apps) built with Angular. * [Angular Hub](https://github.com/angular-sanctuary/angular-hub) - Curated list of Angular events and [communities](/@harrisonqian/awesome/wiki/work/communities). * [Angular Space](https://www.angularspace.com/) - Your Hub for [Learning](/@harrisonqian/awesome/wiki/programming-languages/learning) and Growing as an Angular Developer. * [builtwith trends](https://trends.builtwith.com/framework/Angular) - Angular Usage Statistics. * [Angular: The Documentary | An origin story](https://www.youtube.com/watch?v=cRC9DlH45lA) * [Angular Talents](https://www.angulartalents.com/) - Independent developers can highlight their availability for upcoming projects, eliminating the need to endlessly scroll through job boards. * [Map of GitHub](https://anvaka.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/map-of-github/#9.14/-21.9624/9.8143) - Explore the NgSphere to discover repositories with overlapping stargazers. * [Good First Issues](https://www.dolmen.tools/en/angular/good-first-issues/explorer) - Find beginner-friendly issues and start contributing to Angular open-source projects. ### Newsletters * [Angular Addicts](https://www.angularaddicts.com/) * [Angular Digest](https://geromegrignon.substack.com/) * [ultimate courses](https://ultimatecourses.com/newsletter) * [Weekly Angular](https://prodigious-knitter-4508.kit.com/subscribe) ### Podcasts * [Angular Air](https://angularair.com/) * [Angular Master Podcast](https://www.youtube.com/playlist?list=PLYJFRoKhU5SNcu5GBjIn4X3oVpy4fP1wV) * [Angular Plus Show](https://open.spotify.com/show/1PrLErQHBqBhZsRV1KHhGM) * [Angularidades](https://podcasts.apple.com/us/podcast/angularidades/id1702444448) - In [Spanish](/@harrisonqian/awesome/wiki/computer-science/spanish). ### Bluesky * [Angular Starter Pack by @brandonroberts.dev](https://bsky.app/starter-pack/brandonroberts.dev/3l7lzgkwkqu2n) ### Angular Team on X * [Minko Gechev](https://x.com/mgechev) * [Alan Agius](https://x.com/AlanAgius4) * [Matthieu Riegler](https://x.com/jean__meche) * [Alex Rickabaugh](https://x.com/synalx) * [Kristiyan Kostadinov](https://x.com/_crisbeto) * [Paul Gschwendtner](https://x.com/devversion) * [Joost Koehoorn](https://x.com/devjoost) * [Simona Cotin](https://x.com/simona_cotin) * [Jessica Janiuk](https://mastodon.social/@jessicajaniuk) * [Doug Parker](https://mastodon.social/@develwithoutacause@techhub.social) * [Emma Twersky](https://x.com/twerske) * [Mark Thompson](https://x.com/marktechson) * [Pawel Kozlowski](https://x.com/pkozlowski_os) * [Dylan Hunn](https://x.com/dylhunn) ### Angular Experts on X * [@PatrickJS__](https://x.com/PatrickJS__) * [@eggheadio](https://x.com/eggheadio) * [@hirez_io](https://x.com/hirez_io) * [@cedric_exbrayat](https://x.com/cedric_exbrayat) * [@victorsavkin](https://x.com/victorsavkin) * [@jeffbcross](https://x.com/jeffbcross) * [@marsibarsi](https://x.com/marsibarsi) * [@maciejtreder](https://x.com/maciejtreder) * [@maartentibau](https://x.com/maartentibau) ### Google Developer Experts on X * [Jack Franklin](https://x.com/jack_franklin) * [Thierry Chatel](https://x.com/ThierryChatel) * [Uri Shaked](https://x.com/urishaked) * [Gonzalo Ruiz de Villa Suárez](https://x.com/gruizdevilla) * [Sharon DiOrio](https://x.com/sharondio) * [John Papa](https://x.com/John_Papa) * [Dan Wahlin](https://x.com/danwahlin) * [Christian Weyer](https://x.com/christianweyer) * [Todd Motto](https://x.com/toddmotto) * [Tim Ruffles](https://x.com/timruffles) * [Wassim Chegham](https://x.com/manekinekko) * [Aaron Frost](https://x.com/js_dev) * [Wilson Mendes](https://x.com/willmendesneto) * [Jared Williams](https://x.com/jaredwilli) * [Gerard Sans](https://x.com/gerardsans) * [Pascal Precht](https://x.com/PascalPrecht) * [Jeff Whelpley](https://x.com/jeffwhelpley/) * [Raúl Jiménez](https://x.com/elecash/) * [Maxim Salnikov](https://x.com/webmaxru) * [Deborah Kurata](https://x.com/deborahkurata) * [Shai Reznik](https://x.com/shai_reznik) * [Manfred Steyer](https://x.com/manfredsteyer) * [Juri Strumpflohner](https://x.com/juristr) * [William Grasel](https://x.com/willgmbr) * [Alyssa Nicoll](https://x.com/AlyssaNicoll) * [Nir kaufman](https://x.com/nirkaufman) * [Dmitriy Shekhovtsov](https://x.com/valorkin) * [Jeff Delaney](https://x.com/jeffdelaney23) * [Nishu Goel](https://x.com/TheNishuGoel) * [Alex Inkin](https://x.com/waterplea) * [Santosh Yadav](https://x.com/SantoshYadavDev) * [Ankit](https://x.com/ankitsharma_007) * [Siddharth Ajmera](https://x.com/SiddAjmera) * [Muhammad Ahsan Ayaz](https://x.com/codewith_ahsan) * [Dmytro Mezhenskyi](https://x.com/DecodedFrontend) * [Michael Hladky](https://x.com/Michael_Hladky) * [Fabio Biondi](https://x.com/biondifabio) * [Thomas Laforge](https://x.com/laforge_toma) ## Learning Resources ### Blogs * [Angular Experts](https://angularexperts.io/blog) - Learn all about Angular, NgRx, RxJS & NX and advance your skills with guides, in-depth content and actionable [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) and tricks! * [angular-university](https://blog.angular-university.io/) - Learn and Keep Up with the Angular Ecosystem. * [simplified courses](https://blog.simplified.courses/) - Blog articles written with love, just for you! * [Just Angular](https://justangular.com/) - Shares the newest and most important updates about Angular, along with useful [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) and tricks. * [Angular Love](https://angular.love/) - (Polish) Excellent up-to-date resource for Angular. * [Angular Minds](https://www.angularminds.com/blog) * [Angular Architects](https://www.angulararchitects.io/en/blog/) * [House of Angular](https://houseofangular.io/blog/) * [thisdot labs](https://www.thisdot.co/blog?tags=angular) * [halodoc](https://blogs.halodoc.io/tag/angular-2-2/) * [ninja-squad](https://blog.ninja-squad.com/) * [marmicode](https://marmicode.io/learn/everything) * [Netanel Basal](https://medium.com/@netbasal) * [Tim Deschryver](https://timdeschryver.dev/) * [Chau Tran](https://nartc.me/) * [Minko Gechev](https://blog.mgechev.com/) * [Matthieu Riegler](https://riegler.fr/) * [Thomas Laforge](https://medium.com/@thomas.laforge) * [Rainer Hahnekamp](https://medium.com/@rainer-hahnekamp) * [Evgeniy Oz](https://medium.com/@eugeniyoz) * [Tomas Trajan](https://tomastrajan.medium.com/) * [Igor Katsuba](https://blog.katsuba.dev/) * [ng serve](https://www.ngserve.io/) * [Tomasz Ducin](https://ducin.dev/blog) * [This is Angular](https://dev.to/this-is-angular) * [daily.dev](https://app.daily.dev/tags/angular) * [Offering Solutions](https://offering.solutions/blog/) * [Daniel Kreider](https://danielk.tech/) * [Amadou Sall](https://www.amadousall.com/) * [Angular Philosophies](https://github.com/tomavic/angular-philosophies) * [Maksim Dolgikh](https://medium.com/@maks-dolgikh) * [Playful Programming](https://playfulprogramming.com/) * [Angular Material Dev](https://angular-material.dev/home) - One place for everything related to [Material Design](/@harrisonqian/awesome/wiki/front-end-development/material-design) in Angular. * [Angular Tips](https://ngtips.com/) - Best practices and recommendations for building complex, large and maintainable applications with Angular. * [Practical Angular Guide](https://practical-angular.donaldmurillo.com/) - Real-world-ish solutions for Angular developers By [Donald Murillo](https://github.com/DonaldMurillo). * [Bálint Neuhausz](https://bneuhausz.dev/blog) ### Books * [Packt Publishing](https://www.packtpub.com/en-us/search?query=angular&sort=best-selling) - Your best option to find the largest variety of up-to-date programming books. * [GumRoad](https://gumroad.com/software-development/web-development/javascript?tags=angular) - Various Free and Paid Angular ebooks. * [LeanPub](https://leanpub.com/bookstore?type=all&search=angular) - Support authors on your own terms with LeanPub’s flexible pricing model, giving you the freedom to choose what you pay. * [Manning](https://www.manning.com/) - Buy a Manning pBook anywhere, get the eBook free here. * [Become a ninja with Angular](https://books.ninja-squad.com/angular) - `Ninja Squad`. * [Angular-Buch (German)](https://angular-buch.com/) - `dpunkt.verlag`. * [Angular Cookbook - 80+ Recipes to enhance your Angular skills for enterprises](https://codewithahsan.dev/ng-book) - `Packt Publishing`. * [Angular University Ebooks](https://angular-university.io/my-ebooks) - Available separately or included with a subscription. * [Angular Signals Masterclass](https://angularexperts.io/products/ebook-signals) - `Kevin Kreuzer`. * [Mastering Angular Signals: A Practical Guide to Modern Reactivity, Performance, and Migration](https://www.amazon.com/dp/B0FF9LSHJN/) - `Muhammad Ahsan Ayaz`. * [Testing Angular – A Guide to Robust Angular Applications](https://testing-angular.com) - A Guide to Robust Angular Applications. A free online book and e-book. * [Angular Book](https://github.com/DenysVuika/angular-book) - `Denys Vuika` **FREE**. * [Modern Angular](https://www.angulararchitects.io/en/ebooks/modern-angular/?book) - `Manfred Steyer` **FREE**. * [Ultimate Guide to Angular Evolution](https://houseofangular.io/the-ultimate-guide-to-angular-evolution/) - `House of Angular` **FREE**. * [Micro Frontends and Moduliths with Angular](https://www.angulararchitects.io/en/ebooks/micro-frontends-and-moduliths-with-angular/) - `Manfred Steyer` **FREE**. * [Angular Mastery](https://christianlydemann.com/angular-mastery-book/) - `CHRISTIAN LÜDEMANN` **FREE**. * [Enterprise Monorepo Angular Patterns](https://go.nx.dev/angular-patterns-ebook) - `Nx [Core](/@harrisonqian/awesome/wiki/platforms/core) Team` **FREE**. ### Certification Programs * [Certificates.dev](https://certificates.dev/angular) - Obtain your Certification of Competence as an Angular Developer. * [Angular Academy CA](https://www.angularacademy.ca/angular-certification) - Hands‑on, instructor‑led Angular training in Canada. * [Hackerrank](https://www.hackerrank.com/skills-verification/angular_basic) - Angular (Basic) Skills Certification Test. * [Koenig](https://www.koenig-solutions.com/angularjs-training-certification-courses) - Various courses cover Angular separately or full-stack. * [Simplilearn](https://www.simplilearn.com/angular-certification-training-course) - Angular Certification Training Course. ### Cheat Sheets * [Past Angular Cheatsheet](https://v17.angular.io/guide/cheatsheet) - Note: *NEW* official docs do not have a cheatsheet. * [List of 100 Angular Interview questions and answers](https://github.com/sudheerj/angular-interview-questions) * [Angular Developer Roadmap](https://roadmap.sh/angular) * [ZeroToMastery Angular Cheatsheet](https://zerotomastery.io/cheatsheets/angular-cheat-sheet/) * [Framework Field Guide](https://playfulprogramming.com/collections/framework-field-guide) - A free and practical way to learn Angular, [React](/@harrisonqian/awesome/wiki/front-end-development/react), & Vue all at once. * [Marmicode Cookbook](https://cookbook.marmicode.io/) - Ingredients & Recipes for Cooking Delicious [Apps](/@harrisonqian/awesome/wiki/platforms/apps). * [angular-interview-questions](https://github.com/Devinterview-io/angular-interview-questions) - Angular interview questions and [answers](/@harrisonqian/awesome/wiki/miscellaneous/answers) to help you prepare for your next technical interview. * [dotnet_angular_cli_cheatsheet](https://github.com/shashinvision/dotnet_angular_cli_cheatsheet) - A comprehensive guide for full-stack developers working with .NET and Angular. ### Exercises * [ai-tutor](https://github.com/angular/ai-tutor) - Step‑by‑step Angular tutor that teaches modern best practices by guiding you through building a “Smart Recipe Box” app. * [angular-fundamental-lessons](https://github.com/MarkTechson/angular-fundamentals-lessons) * [Angular Challenges](https://angular-challenges.vercel.app/) - A repository of 60+ Angular, Nx, RxJS, NgRx, and TypeScript challenges designed to sharpen real-world skills. * [Codelabs](https://codelabs.developers.google.com/?text=angular) - Google Developers Codelabs offer guided, hands-on [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) to build [apps](/@harrisonqian/awesome/wiki/platforms/apps) or add new features. * [rxjs-fruits](https://www.rxjs-fruits.com/subscribe) - Interactive lessons covering a range of operators in RxJS. * [modern-angular-exercises](https://github.com/kobi-hari-courses/modern-angular-exercises) - Exercises on various Angular topics, including solutions and solution videos. * [angular-debug-quest](https://github.com/angular-courses-lab/angular-debug-quest) - Sharpen your skills at fixing bugs in Angular applications for a better understanding of the framework. ### Training * [Angular Academy](https://www.angularacademy.ca/) - World-class instructor-led live online Angular courses! * [Angular Boot Camp](https://angularbootcamp.com) * [Angular Start](https://angularstart.com/) - Learn to build professional-grade Angular applications using new features with modern best practices. * [Angular Training](https://www.angulartraining.com/) - The Angular Coach You Need. * [Angular UI](https://angular-ui.com/) - Get ready to build your next web application using Angular with interactive courses and exercises. * [Angular University](https://angular-university.io/) - Learn And Keep Up With The Angular Ecosystem. * [Angular.Schule (in Germany)](https://angular.schule/) * [Angular.DE (Germany)](https://angular.de/schulungen/angular-intensiv/) * [learnbydo.ing](https://www.learnbydo.ing/) - Learn {Web} programming with Courses, Books & Exercises from [Fabio Biondi](https://www.fabiobiondi.dev/video-courses/). Content either in Italian or English. * [liveloveapp](https://liveloveapp.com/) - Workshops are available for Cypress, NgRx, RxJS, AG Grid and web performance. * [Marmicode](https://www.eventbrite.fr/o/younes-jaaidi-marmicode-29329031085) * [ng.guide](https://ng.guide/) - Learn Angular by building real-world [apps](/@harrisonqian/awesome/wiki/platforms/apps). * [Offering Solutions](https://offering.solutions/trainings/) * [Tech OS](https://tech-os.org/) - Offers high-level Angular training designed for demanding developers and ambitious teams. * [Udemy: Angular - The Complete Guide](https://www.udemy.com/course/the-complete-guide-to-angular-2) * [Ultimate Courses](https://ultimatecourses.com/courses/angular) - Everything you need to become an Angular expert. * [Workshops.DE (Germany)](https://workshops.de/seminare-schulungen-kurse/angular-typescript/) ### Style Guides * [Official Angular style guide](https://angular.dev/style-guide) * [Infinum](https://infinum.com/handbook/frontend/angular/introduction) * [TypeScript style guide](https://mkosir.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/typescript-style-guide/) ### YouTube Channels * [Angular](https://www.youtube.com/@Angular) * [NG CONF](https://www.youtube.com/@ngconfonline) * [Procademy](https://www.youtube.com/@procademy) * [Monsterlessons Academy](https://www.youtube.com/@MonsterlessonsAcademy) * [Joshua Morony](https://www.youtube.com/@JoshuaMorony) * [Nihira Techiees](https://www.youtube.com/@NihiraTechiees) * [Angular University](https://www.youtube.com/@AngularUniversity) * [Rainer Hahnekamp](https://www.youtube.com/@RainerHahnekamp) * [Code Shots With Profanis](https://www.youtube.com/@CodeShotsWithProfanis) * [Deborah Kurata](https://www.youtube.com/@deborah_kurata) * [BrandonRobertsDev](https://www.youtube.com/@BrandonRobertsDev) * [Decoded Frontend](https://www.youtube.com/@DecodedFrontend) * [Zoaib Khan](https://www.youtube.com/@ZoaibKhan) * [AyyazTech](https://www.youtube.com/@AyyazTech) * [NivekDev](https://www.youtube.com/@nivekDev) * [WebTechTalk](https://www.youtube.com/@WebTechTalk) * [Babatunde Lamidi](https://www.youtube.com/@babatundelmd) * [TechStackNation](https://www.youtube.com/@techstacknation) * [Angular Love](https://www.youtube.com/@angularlove) * [NG NEWS](https://www.youtube.com/@ng-news) * [Learning Partner](https://www.youtube.com/@LearningPartnerDigital) * [Code Deck](https://www.youtube.com/@codedeck) * [Igor Sedov](https://www.youtube.com/@theigorsedov) * [The Code Angle](https://www.youtube.com/@TheCodeAngle) * [Brian Treese](https://www.youtube.com/@briantreese) * [JSgigs](https://www.youtube.com/@jsgigs4909) * [Kobi Hari](https://www.youtube.com/@kobihari) --- *truncated — [full list on GitHub](https://github.com/PatrickJS/awesome-angular)*