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

  • Site Templates

    • Free Templates

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

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

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

  • Table of contents

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