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: 6 days ago
JSON representation

  • Site Templates

    • Free Templates

      • angular-tailwind - Angular & Tailwind CSS Admin Dashboard Starter Kit.
      • ng-matero - Angular Material admin dashboard template.
      • coreui-free-angular-admin-template - CoreUI Angular is free Angular admin template based on Bootstrap 5.
      • sakai-ng - Free Angular Admin Template by PrimeNG.
      • devextreme-angular-template - Responsive Application Layout Templates​ based on DevExtreme Angular Components.
      • QuickApp - ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development.
      • material-pro-angular-lite - MaterialPro Angular Lite is high quality free Angular Material template / theme from WrapPixel. You can download and use for Personal as well as Commercial Projects.
      • angular-quickstart - A bare-bones Angular template to get you deployed to Netlify fast!
      • template-angular - Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling.
      • angular-nest - Simple web app template with Angular + NestJS + ng-openapi-gen.
      • gradient-able-free-admin-template - Gradient able free Bootstrap, Angular, React admin template.
      • angular-ngrx-frontend - Angular NgRx powered frontend template for Symfony (or similar) backend.
      • Threejs - New Three.js starter app.
      • zen - Nest + Prisma + Apollo + Angular Full Stack GraphQL Starter Kit.
      • tailkit-starter-kit-angular - Angular Starter Kit for using `Tailkit UI` components out of the box in your project.
      • angular-starter-kit - Angular project template with Prettier, Linter, Git-Hooks and VS Code settings.
      • fractal-boilerplate-lua-angular - Basic Angular & Lua - FiveM Boilerplate: A streamlined starter kit for web and in-game development with hot builds and utility scripts.
      • angular-sample-app - A sample Angular app integrating [Descope](https://www.descope.com) with login, user dashboard, and dynamic navigation.
      • angular-and-firebase-template - An opinionated full-stack starting point for building a web app, using Angular and Firebase.
      • spike-angular-free - Spike is the most powerful & comprehensive free Angular admin template based on Material Angular.
      • Flexy-admin-angular-lite - Flexy is the Most Powerful & Comprehensive free Angular admin template based on Material Angular.
      • berry-free-angular-admin-template - Berry is a free Angular + Bootstrap 5 admin dashboard with customizable, feature-rich pages for optimal UX.
      • mantis-free-angular-admin-template
      • datta-able-free-angular-admin-template
      • sanity-template-angular-clean - A clean Angular SPA that gets content from [Sanity](https://www.sanity.io/).
      • angular-templates - A set of Angular templates for common web apps.
      • LightNap - A full-stack SPA starter kit with `ASP.NET` Core Identity, JWT management, and admin identity features.
      • ngx-package-starter - An Angular library NPM starter (or example) project to ease setup of Angular libraries as NPM packages from your GitHub repo.
      • @cristobalgvera/angular-template - Project to easily start an Angular project using Server Side Rendering, Angular Material, and Tailwind CSS. It also includes development tools to easy your workflow.
      • angular-boilerplate - Angular 18 + Bootstrap/Material + NgRx + Spring Boot starter with modular architecture and ngx-datatable.
      • nx-starter - Nx powered starter project for Angular with SpartanUI.
      • angular-material-tailwind-playwright-starter - Angular 19 with Material, Tailwind, Jest, Playwright, and NGXS.
      • Angspire - Angular + `.NET` monorepo template with built-in auth, themes, and a scalable foundation for faster development.
      • keycloakify-starter-angular-vite - Angular and Vite Starter for [Keycloakify 11](https://www.keycloakify.dev/).
      • @rainerhahnekamp/angular-starter - A starter project for a modern Angular 19 application.
      • BoilerPlate-FirebaseAngular - Starting point for apps built using `.NET`, Angular, and Firebase.
      • extreme-angular - A starter template with pre-configured dev tools that enforce best practices for creating clean, maintainable, and accessible web apps.
      • @wlucha/angular-starter - Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material, & Prettier.
      • @carlossalasamper/angular-clean-architecture - An Angular scaffold with a clean architecture that is easy to understand.
      • dataclouder-template-angular - A ready-to-use Angular/Ionic template with Firebase Authentication integration.
      • angular-tailwind-e-commerce-template - A responsive Angular + Tailwind CSS e-commerce template with sleek, customizable design for minimalist online shops.
      • ngx-lib-starter-kit - An Angular library boilerplate with pre-configured structure for scalable, maintainable development.
      • tailwind-angular-starter - Free and open-source starter project to help you get started with Angular, Tailwind CSS, and the [Flowbite UI components](https://github.com/themesberg/flowbite-angular).
      • ngx-app-starter-kit - A modern Angular 18+ starter kit with Docker, devcontainer, and Angular Material integration for rapid, scalable web app development.
      • signal-admin - Angular 20 admin panel (Material + Tailwind) with responsive layout, sidebar, user management, and UI components.
      • ngXpress - The Full-Stack Angular Starter Kit (SSR, Zoneless, Express 5, Prisma, better-auth, Tailwind CSS 4).
      • spartan-stack-starter - An Opinionated Template Project Starter using Spartan Stack.
      • jet - Angular starter-kit for building quality web apps fast.
      • serene - A modern starter-kit for full-stack web development using Spring Boot and Angular. Inspired by Laravel Breeze, it provides a clean, secure, and minimalist foundation.
      • free-angular-tailwind-dashboard - Free, open-source Angular + Tailwind CSS admin dashboard with essential UI components and pre-built pages for a sleek, modern interface.
      • hanko-angular-express-starter - Starter integrating Hanko authentication with Angular and Express.
      • ng-ultimate-base - Angular 20 template with Angular Material UI, Tailwind CSS, i18n, ESLint, Prettier, Husky, and CI/CD.
      • angular-dev-enhanced - A ready-to-use Angular starter with Vite, Vitest, ESLint, and Prettier—perfect for clean, modern development.
      • angular-realworld-example-app - Angular codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.
      • angular.ng - An open-source productivity dashboard built with Angular and Supabase.
      • angluar-crm - Angular CRM template with contact management, deal tracking, and analytics.
      • ngx-admin-v20 - With this admin dashboard, you’ll enjoy a modern Bootstrap 5 UI with SASS customization, reusable components, and a sleek material theme.
      • nestjs-angular-starter - A full‑stack starter template featuring a NestJS backend and Angular frontend, complete with authentication, user management, and common infrastructure patterns.
      • AngularTemplate - This Angular template delivers a production‑ready project setup with structured architecture, tooling, testing, CI/CD, styling, schematics, and clear rule documentation.
      • free-tailwind-admin-dashboard-template - A free, open-source Tailwind CSS admin dashboard template built for modern web developers.
      • ngx-blog - A modern Angular-based blogging CMS with theme support and SEO optimization.
      • radixweb - Full production-ready microservices boilerplate.
      • base-angular-monorepo - A production-ready base project for developing scalable Angular applications (Nx, NgRx, Tailwind CSS, Jest, ESLint, Prettier).
      • nx-ng-starter - Monorepo starter with workflow automation: Nx, Angular, Angular Elements, Electron, Node, Nest, Firebase.
      • elements-template - A modern, opinionated starter kit for building custom Web Components powered by Angular 21, Tailwind CSS v4, and Vitest.
      • realworld-angular - RealWorld Angular example apps showcasing Angular libraries in action.
      • spartan-admin-dashboard - A production-ready, Angular admin dashboard template built with Spartan UI components and Tailwind CSS.
      • elite-angular-zen - 2026 Angular 17 Pro Admin Template with Clean Minimal Design.
      • spike-angular-pro-starter - Spike Angular 2026: Ultimate Free Material Admin Template for Modern Dashboards.

    • Paid Templates

      • Nzoni - Launch your SAAS in days with Angular.
      • Theme Forest
      • Wrap Pixel
      • Angular-Templates
      • Admin Mart
      • Vortex - A high-performance web application template built with Angular and Java, designed to deliver seamless user experiences and powerful backend solutions.
      • NgFast - The Angular boilerplate for building SaaS, landing pages, and web apps fast—turning your ideas into income.
      • CozyDevKit - Interactive tools, architecture patterns, cheat sheets, and DevOps services for Angular 21.
      • devkitly - Production-ready Angular 21 starter kit with auth, billing, audit logging, feature flags, and SSR.
      • draftNG - Minimalist & high-performance Angular 22+ platform templates.
      • NgStarter - Angular UI Components & Admin Templates.

  • State Management

    • NgRx

      • Official website
      • Official GitHub repository - Reactive State for Angular.
      • ngrx-course - Angular University Complete Guide.
      • ngrx-store-localstorage - Simple syncing between `@ngrx/store` and local storage.
      • ngrx-toolkit - Various Extensions for the NgRx Signal Store.
      • ngrx-traits - NgRx Traits is a library to help you compose and reuse a set NGRX actions, selectors, effects, and reducers across your app.
      • ngrx-addons - A collection of NgRx addons, including state persistence.
      • ngrx-store-storagesync - Highly configurable state sync library between localStorage/sessionStorage and `@ngrx/store`.
      • ngrx-wieder - Lightweight undo-redo for Angular with NgRx & Immer.js.
      • ngrx-immer - Immer wrappers around NgRx methods createReducer, on, and ComponentStore.
      • ngrx-rtk-query - Make RTK Query with Hooks works in Angular Applications.
      • angular-ngrx-nx-realworld-example-app - Real world application built with Angular 21, NgRx 21, and Nx 22.
      • ngx-view-state - Library for handling Loading/Success/Error in NgRx.
      • store-service - Adds an abstraction layer / facade between Angular components and the NgRx store.
      • ngx-signal-store-query - Signal Store feature that bridges with [Angular Query](https://tanstack.com/query/latest/docs/framework/angular/overview).
      • SmartNgRX - A library that simplifies CRUD operations by abstracting NgRx, while still leveraging and supporting existing NgRx code.
      • ngrx-hateoas - A library to bring hypermedia json into the NgRx Signal Store following the HATEOAS approach.
      • ngrx-http-tracking - This NgRx library integrates with existing stores to reduce boilerplate and simplify handling HTTP request states like loading, success, and error.
      • ngrx-manager - Plug-N-Play State Manager for NgRx stores.
      • ngrx-set - This simplifies the creation of actions for asynchronous requests that can succeed, fail, or be aborted.
      • easy-ngrx-distinct-selector - Provides functions to easily create `@ngrx/store` selectors with equal functions for arguments and result values.
      • ngrx-store-wrapper - Angular library for NgRx state management with built-in session and local storage, no manual actions or reducers needed.
      • ngx-rehydrate - NgRx state rehydration library for Angular SSR applications.

    • NGXS

      • Official GitHub repository - NGXS aims to simplify state management with minimal boilerplate and maintenance.
      • Official website
      • emitter - New pattern that provides the opportunity to feel free from actions.
      • select-snapshot - Flexibile decorator that allows to get a snapshot of the state.
      • actions-executing - This plugin allows you to easily know if an action is being executed and control UI elements or control flow of your code to execute.
      • ngxs-synchronizers - Simplifies synchronizing your NGXS-based application state with external data sources.
      • ngxs-message-plugin - An NGXS plugin which allows you to share state between different browser contexts.
      • firestore-plugin - Firestore plugin for NGXS.
      • ngxs-reset-plugin - Reset plugin for NGXS: Effortlessly clears, resets, or overwrites NGXS states respecting the state tree.
      • ngxs-postmessage-plugin - NGXS plugin for state synchronization across windows or microfrontends using `postMessage`.
      • action-lifecycle-hooks - Makes it simple to trigger code on action outcomes—such as success or error—without manual action wiring.

    • Other State Libraries

      • ng-simple-state - Simple state management in Angular with only services and RxJS.
      • exome - Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS.
      • TanStack Query - Powerful asynchronous state management, server-state utilities and data fetching for the web.
      • elf - A reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it.
      • state-adapt - Declarative, incremental state management library.
      • ngx-signal-state - Opinionated simple state management for Angular.
      • ngx-collection - Collection State Management Service for Angular.
      • xstate - Actor-based state management & orchestration for complex app logic.
      • signalstory - A state management library built on Angular signals, supporting simple repositories, decoupled commands, side effects, and inter-store communication via event-driven architecture.
      • ngx-sherlock - An Angular tooling library to be used with the [@politie/sherlock](https://github.com/politie/sherlock) distributed reactive state management library.
      • tansu - A lightweight, push-based state management library. It works well with [the Angular ecosystem](https://amadeusitgroup.github.io/tansu/#md:tansu-works-well-with-the-angular-ecosystem).
      • @tethys/store - A mini, yet powerful state management library for Angular.
      • angular-redux - Unofficial Angular bindings for [Redux](https://redux.js.org/).
      • ng - An Angular extension of [@bitfiber/rx](https://github.com/bitfiber/rx) for managing reactive state, workflows, and events with RxJS.
      • ngx-crud - CRUD services in Angular with effortless aborting, caching and observing.
      • ngx-state-machine - An Angular wrapper for the [simple-state-machine](https://www.npmjs.com/package/@state-management/simple-state-machine) library. It integrates the state machine into Angular applications by making the `StateMachine` injectable as a service.
      • @ng-state/store - RxJS and Immer (or ImmutableJs) powered nested state management for Angular applications inspired by NgRx.
      • ng-simple-state-management - Simple state management implementation for Angular applications.
      • ngx-statewise - A simiplifed state management alternative to NgRx or NGXS.
      • fsm-state-manager - A simple, flexible and strongly-typed finite state machine manager for managing state transitions in Angular or any TypeScript-based application.
      • signal-tree - An Angular 16+ store built around signals that focuses on simplicity.
      • signaltree - A powerful, type-safe, modular signal-based state management solution for Angular applications.
      • ngx-simple-signal-store - A simple way to create signal stores with a read-only interface.
      • angulator - A lightweight Angular [mediator](https://refactoring.guru/design-patterns/mediator) library, designed to simplify communication between different parts of your application using a request/response and notification/handler pattern.
      • ngx-query - A lightweight, observable-based query library that helps you manage server state, caching, and synchronization between your backend and UI.
      • @tanstack/angular-db - Angular hooks for TanStack DB, a reactive client store that lets you build fast, sync‑driven apps with a backend‑agnostic real‑time data layer.
      • usm - A modular state management library compatible with Angular.
      • ngx-mxstore - Simplifies state management by moving logic into pure, testable methods and connecting components to the store via decorators.
      • ngx-stashr - A lightweight, signal-driven state management library for Angular 21, inspired by React’s [Zustand](https://github.com/pmndrs/zustand).
      • ngx-event-bus-lib - Broadcast strongly-typed events anywhere in your app and react to them declaratively — without services, DI, providers, RxJS, signals, or tight coupling.
      • rs-x - A reactive engine that unifies sync and async data into one transparent model, giving Angular fine‑grained automatic change detection without manual async handling.
      • stateloom - A universal state‑management SDK featuring a signal‑driven reactive core, along with paradigm adapters (Store, Atom, Proxy) and framework adapters for React, Angular, and more.
      • ngx-state-crafter - A lightweight, signal‑driven state library for Angular with a clean, boilerplate‑free API.
      • coaction - An efficient and flexible state management library for building high-performance, multithreading web applications.
      • flurryx - A signal-first reactive state toolkit for Angular that bridges RxJS streams into structured, cache-aware stores.
      • ngStato - State management for Angular that uses async/await instead of RxJS.
      • ng-eagleeye.js - A framework-agnostic, native JavaScript immutable state manager with change-streams, deployable anywhere.
      • ngx-deep-signals - Deeply reactive, zero‑ceremony nested state for Angular—turn any object into a signal graph without calls, setters, or boilerplate.
      • editate - An experimental, type-safe, framework agnostic and small (5kB+) contenteditable state manager.
      • sdux-vault - A framework-agnostic, deterministic state management system.
      • coaction - An efficient and flexible state management library for building high-performance, multithreading web applications.

  • Table of contents

Programming Languages
TypeScript 1,431 JavaScript 73 HTML 51 SCSS 20 CSS 9 C# 6 Go 5 Rust 4 Shell 3 Vue 3
Categories
Third Party Components 1,150 Table of contents 430 Development Utilities 332 Learning Resources 137 Angular 124 Architecture and Advanced Topics 100 Framework Interoperability 96 Angular Pulse 96 Site Templates 82 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 175 Wrappers 94 UI Libraries 82 Free Templates 71 Form Controls 70 Mixed Utilities 69 Internationalization 59 AI 58 Forms 47 HTTP 47 Data Grids 45 Animations 44 Other State Libraries 41 Authentication 40 Editors 40 Google Developer Experts on X 38 CLI Tools 38 Blogs 37 Notifications 37 Charts 35 Scroll 33 Generators and Scaffolding 33 YouTube Channels 32 External Integration 32 Analytics 31 Loaders 31 Icons 30 RxJS 30 Dates 29 TypeScript 27 Carousels 25 Layout 25 UI Libraries built on Tailwind CSS 25 Helpers 24 NgRx 23 Directives 23 Form Validation 23 Component 22 Official Resources 22 Images 22 DOM 22 UI Libraries built on Material 21 File Upload 21 IDE Extensions 20 Training 20 Accessibility 20 Drag and Drop 19 Deployment 19 Books 19 Builders 19 Visual Effects 19 Media 19 Router 19 Community 19 Feature Flags 18 Modals 18 Calendars 18 UI Library and Framework Ionic 18 Markdown 17 Viewers 17 Storage 17 Captcha 17 Updating Angular 16 Performance 16 Linting 15 Code Analysis 15 Pipes 15 E2E 15 Styling 15 Maps 14 JSON Forms 14 Angular Team on X 14 QR Codes 13 Security Best Practices 12 Documentation Tools 12 Onboarding and Product Tours 12 Runtime 12 Keyboard Mouse 12 Debugging 11 UI Libraries built on Bootstrap 11 Cross-Framework Integration 11 Tooltips 11 NGXS 11 Paid Templates 11 Payments 10 Cheat Sheets 10 Server-Side Rendering 10 Desktop Applications 10 Role-Based Access Control 10 Angular Experts on X 10 Exercises 9 Loggers 9 GraphQL 9 UI Primitives 9 PDF 8 Podcasts 8 Cookies 8 Module Federation 8 SEO 7 Certification Programs 7 Newsletters 6 Networking 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 773 typescript 236 javascript 90 angular2 69 ngx 59 react 55 rxjs 46 library 43 vue 34 ui 33 angular-components 32 angular-library 29 i18n 28 material 28 angular-material 27 components 27 angular-cli 24 tailwindcss 23 ngrx 23 signals 22 svelte 22 angular17 21 component 21 testing 21 frontend 20 admin-dashboard 19 npm 19 nodejs 19 forms 18 state-management 17 translation 16 icons 16 angular-component 16 ng 16 bootstrap 16 internationalization 15 angular4 15 svg 15 angular5 15 jest 15 angular18 14 template 14 charts 14 css 14 nextjs 14 cli 13 angular7 13 material-design 13 grid 13 redux 13