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: 27 minutes ago
JSON representation

  • Learning Resources

  • Security and Authentication

    • Authentication

      • Supabase - Build a User Management App with Angular.
      • fingerprint - The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.
      • angular-auth-oidc-client - NPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow.
      • angular-oauth2-oidc - Support for OAuth 2 and OpenId Connect (OIDC) in Angular.
      • angularx-social-login - Social login and authentication module for Angular 17.
      • angular2-jwt - Helper library for handling JWTs in Angular apps.
      • keycloak-angular - Easy Keycloak setup for Angular applications.
      • auth0-angular - Auth0 SDK for Angular Single Page Applications.
      • angularfire - Angular + Firebase.
      • angular-authentication - An Angular application that demonstrates best practices for user authentication & authorization flows.
      • ng-supabase - An Angular component library for your [Supabase](https://supabase.com/) project!
      • zitadel - Secure authentication management for your application. Customize as you grow, with easy APIs and programmable workflows. Focus on growing, your login is in good hands.
      • appwrite - Integrate your [Angular app](https://appwrite.io/docs/quick-starts/angular) with [Appwrite](https://appwrite.io/) for auth, database, storage, functions, and more.
      • ngxfire - Zoneless AngularFire replacement.
      • FusionAuth Angular SDK - Angular SDK for login/registration, logout, and refresh token handling.
      • lbx-jwt - Provides JWT authentication for loopback applications. Includes storing roles inside tokens and handling refreshing. Built-in reuse detection.
      • corbado - [Integrate](https://docs.corbado.com/corbado-complete/frontend-integration/angular) Corbado with Angular to use passkeys for authentication.
      • kinde-angular - Angular wrapper around the [Kinde](https://kinde.com/) TypeScript [SDK](https://docs.kinde.com/developer-tools/sdks/backend/typescript-sdk/).
      • msal-angular - MSAL for Angular allows Angular apps to authenticate users via [Azure AD](https://docs.microsoft.com/azure/active-directory/develop/v2-overview), Microsoft accounts, and social providers through [Azure AD B2C](https://docs.microsoft.com/azure/active-directory-b2c/active-directory-b2c-overview#identity-providers), and to acquire tokens for Microsoft services like [Graph](https://graph.microsoft.io).
      • Logto - Open‑source Auth0 alternative (OIDC/OAuth2/SAML). Angular [quickstart](https://docs.logto.io/quick-starts/angular#prerequisites).
      • MojoAuth - The Simplest Way to [integrate](https://docs.mojoauth.com/guides/angular) passkeys.
      • Agilicus - Single sign-on with MFA for all users, with [integration samples](https://github.com/Agilicus/samples) on the Agilicus Platform.
      • @badisi/ngx-auth - Authentication and authorization support for Angular based desktop and mobile applications.
      • @melody-auth/angular - [Melody Auth](https://github.com/ValueMelody/melody-auth) Angular SDK facilitates seamless interaction between Angular applications and the melody auth server. It silently handles authentication state management, redirect flows, token exchange, and authentication validation for you.
      • hexaeight-sessions - Session/auth management library for Angular, React, and Vue.
      • frontegg-angular - Hosted login SDK for Angular; see the [quickstart](https://developers.frontegg.com/ciam/sdks/frontend/angular/hosted-login).
      • witspry-auth-ng-client - A comprehensive Angular library for OAuth2 authentication with PKCE (Proof Key for Code Exchange) support.
      • otp-angular - A lightweight, highly customizable, and dependency-free OTP (One-Time Password) input component built for Angular 20+ applications.
      • @serhiisol/ngx-auth - Angular 20+ Authentication Module.
      • ngx-webauthn - An Angular library offering a type-safe, streamlined abstraction of the native WebAuthn API, with built-in support for standard types and optional presets for common use cases.
      • hanko - Follow this [quickstart](https://docs.hanko.io/quickstarts/frontend/angular) to integrate [Hanko](https://www.hanko.io/), an open source authentication and user management solution, into your Angular app.
      • ngx-better-auth - An Angular 20+ wrapper for [Better Auth](https://github.com/better-auth/better-auth). Provides reactive session handling with signals, clean DI provider setup with observables, and modern guards.
      • Melody Auth - Its [SDK](https://www.npmjs.com/package/@melody-auth/angular) enables seamless Angular–melody auth integration with automated state, redirects, and token handling.
      • omni-auth - Angular authentication library providing core functionality for authentication flows, guards, and error handling.
      • zenuxs-oauth - Universal OAuth 2.0 + PKCE client for modern applications.
      • authon-sdk - Angular SDK for [Authon](https://authon.dev/) — service, guard, and interceptor.
      • passlock - Frictionless passkey authentication for Angular and other frameworks.
      • ng-awesome-node-auth - Angular Interceptor and Guards for [awesome-node-auth](https://github.com/nik2208/awesome-node-auth).
      • authress-angular - This package only contains a module for easy setup and registration of the [Authress](https://authress.io/) LoginClient.
      • ngx-cognito-auth - Angular 21+ library for AWS Cognito authentication using the OAuth 2.0 Authorization Code flow with PKCE.
      • SuperTokens - Configure your [Angular](https://supertokens.com/docs/quickstart/frontend-setup) application to use SuperTokens for authentication.

    • Payments

      • google-pay-button - Google Pay button - React, Angular, and custom element.
      • ngx-stripe - Angular bindings for StripeJS and [Stripe Elements](https://stripe.com/docs/stripe-js).
      • adyen-angular-online-payments - Accept payments on your Angular/Express-based website with cards, wallets, and key local payment methods.
      • solidgate - With its Angular SDK, you can add Solidgate Payment Form.
      • angular-spotflow-checkout - The [Spotflow](https://www.spotflow.one/) Angular SDK enables users to make payments with a streamlined checkout experience.
      • izipay - Integrate Izipay into your project with minimal configuration and an integrated proxy.
      • ngx-supabase-stripe - Ready‑made Angular components for Supabase + Stripe payments/subscriptions.
      • ngxsmk-stripe - Angular plugin for integrating Stripe payments (one-time & subscriptions) with theme customization, event emitters, and standalone components.
      • ngx-hyperpay - An Angular library for easy integration of the [HyperPay](https://www.hyperpay.com/) payment gateway.
      • ngx-mp-payments - Angular library for integration with [Mercado Pago](https://www.mercadopago.com.ar/).

    • Role-Based Access Control

      • casl-angular - Module which integrates isomorphic permissions management library [CASL](https://github.com/stalniy/casl) with Angular.
      • ngx-permissions - Permission and roles based access control for your Angular applications(AOT, lazy modules compatible).
      • permit - An authorization-as-a-service solution that can be used with [Angular](https://www.permit.io/blog/how-to-implement-role-based-access-control-rbac-in-angular).
      • nblocks - A control center for seamless management of Authentication, Payments, Subscriptions, Feature, and Role management.
      • ngx-smart-permissions - A lightweight Angular library for role and permission-based access control, supporting standalone components and NgModules.
      • ngx-role-accessor - Enterprise-grade Angular Role-Based Access Control (RBAC) Library.
      • ngx-can-i - A package for Angular developers to help them deal with permissions.
      • ngx-signal-permissions - A modern, signal-based Angular library for managing permissions and roles with full TypeScript support.
      • ngxsmk-gatekeeper - A lightweight, developer‑friendly middleware engine for Angular that secures routes and HTTP requests through one composable setup.
      • ng-ability - Define access control lists in Angular.

    • Security Best Practices

      • Socket - A developer-first security platform that protects your code from both vulnerable and malicious dependencies.
      • Snyk - A developer security platform that integrates directly into development tools, workflows, and automation pipelines.
      • GitHub - Code scanning is available for all public repositories on GitHub.com. You can turn on secret scanning and use Code QL to secure your repos.
      • GitHub Skills - Guided interactive tutorials for Code Security and analysis are available.
      • HackTricks - Angular Security Checklist.
      • Official Angular Security - Best Practices.
      • SafeDep - It continuously scans open source code for vulnerabilities and malware, helping security engineering teams proactively mitigate inherited OSS risks.
      • Aikido - Secure your code, cloud, and runtime in one central system. Find and fix vulnerabilities automatically.
      • GitHub Code Scanning - Learn core concepts for GitHub's code scanning features.
      • HackTricks - Angular Security Checklist.
      • HackTricks - Angular Security Checklist.
      • supply-chain-inspector - A standalone, zero-dependency Node.js script for supply chain security analysis of npm dependencies.

  • Site Templates

    • Free Templates

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

    • 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

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