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: 10 days 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.

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

  • 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.
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 frontend 19 svelte 19 npm 19 nodejs 18 signals 17 admin-dashboard 17 state-management 17 bootstrap 16 ng 16 icons 16 forms 16 jest 15 translation 15 angular5 15 angular4 15 internationalization 15 template 14 svg 14 nextjs 14 angular18 14 charts 13 angular-component 13 css 13 ionic 13 grid 13 angular7 13 material-design 13 redux 12