awesome-angular
:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular
Last synced: 5 days ago
JSON representation
-
Learning Resources
-
Blogs
- Tim Deschryver
- Chau Tran
- Minko Gechev
- Matthieu Riegler
- Thomas Laforge
- Evgeniy Oz
- Tomas Trajan
- Igor Katsuba
- ng serve
- Tomasz Ducin
- This is Angular
- daily.dev
- Offering Solutions
- Daniel Kreider
- Amadou Sall
- Angular Philosophies
- Maksim Dolgikh
- Playful Programming
- Angular Material Dev - One place for everything related to Material Design in Angular.
- Code With Omkar
- Angular Tips - Best practices and recommendations for building complex, large and maintainable applications with Angular.
- Angular Experts - Learn all about Angular, NgRx, RxJS & NX and advance your skills with guides, in-depth content and actionable tips and tricks!
- Practical Angular Guide - Real-world-ish solutions for Angular developers by [Donald Murillo](https://github.com/DonaldMurillo).
- Bálint Neuhausz
- Netanel Basal
- Rainer Hahnekamp
-
Books
- Become a ninja with Angular - `Ninja Squad`.
- Angular-Buch (German) - `dpunkt.verlag`.
- Modern Angular - `Manfred Steyer` **FREE**.
- Packt Publishing - Your best option to find the largest variety of up-to-date programming books.
- GumRoad - Various Free and Paid Angular ebooks.
- Manning - Buy a Manning pBook anywhere, get the eBook free.
- Angular University Ebooks - Available separately or included with a subscription.
- Angular Book - `Denys Vuika` **FREE**.
- Ultimate Guide to Angular Evolution - `House of Angular` **FREE**.
- Micro Frontends and Moduliths with Angular - `Manfred Steyer` **FREE**.
- Angular Mastery - `CHRISTIAN LÜDEMANN` **FREE**.
- Enterprise Monorepo Angular Patterns - `Nx Core Team` **FREE**.
- Mastering Angular Signals: A Practical Guide to Modern Reactivity, Performance, and Migration - `Muhammad Ahsan Ayaz`.
- Code with Ahsan
- Angular Enterprise Architecture - `Tomas Trajan`.
- TutorialSearch - Free cross-platform search engine indexing 50,000+ tutorials from Udemy, Skillshare, Pluralsight, and other major learning platforms across 45+ categories.
- LeanPub - Support authors on your own terms with LeanPub’s flexible pricing model, giving you the freedom to choose what you pay.
- Angular Enterprise Architecture - `Tomas Trajan`.
- Testing Angular - A Guide to Robust Angular Applications **FREE**.
-
Certification Programs
- Certificates.dev - Obtain your Certification of Competence as an Angular Developer.
- Angular Academy CA - Hands‑on, instructor‑led Angular training in Canada.
- Hackerrank - Angular (Basic) Skills Certification Test.
- Edureka - Angular Certification Course Online.
- Koenig - Various courses cover Angular separately or full-stack.
- Simplilearn - Angular Certification Training Course.
- Altitude CSI - Angular Certification Program.
-
Cheat Sheets
- Official Angular Version 17 Cheatsheet
- Angular Developer Roadmap
- Interviewbit Angular Cheatsheet
- ZeroToMastery Angular Cheatsheet
- List of 100 Angular Interview questions and answers
- Framework Field Guide - A free and practical way to learn Angular, React, & Vue all at once.
- Marmicode Cookbook - Ingredients & Recipes for Cooking Delicious Apps.
- angular-interview-questions - Angular interview questions and answers to help you prepare for your next technical interview.
- dotnet_angular_cli_cheatsheet - A comprehensive guide for full-stack developers working with .NET and Angular.
- Signals in Angular - From basics to advanced patterns with Signals.
-
Exercises
- Angular Challenges - A repository of 60+ Angular, Nx, RxJS, NgRx, and TypeScript challenges designed to sharpen real-world skills.
- Codelabs - Google Developers Codelabs offer guided, hands-on tutorials to build apps or add new features.
- rxjs-fruits - Interactive lessons covering a range of operators in RxJS.
- angular-fundamental-lessons
- angular-debugging-challenge - This repository hosts an Angular-based project designed as a coding and debugging exercise.
- angular-api-challenge - This repository hosts an Angular-based project designed as a api integration exercise.
- modern-angular-exercises - Exercises on various Angular topics, including solutions and solution videos.
- angular-debug-quest - Sharpen your skills at fixing bugs in Angular applications for a better understanding of the framework.
- ai-tutor - Step‑by‑step Angular tutor that teaches modern best practices by guiding you through building a “Smart Recipe Box” app.
-
Style Guides
-
Training
- Angular.Schule (in Germany)
- Angular.DE (Germany)
- Simplified Courses - Angular Training by Expert Brecht Billiet!
- Angular Start - Learn to build professional-grade Angular applications using new features with modern best practices.
- Angular Training - The Angular Coach You Need.
- Angular University - Learn And Keep Up With The Angular Ecosystem.
- Ultimate Courses - Everything you need to become an Angular expert.
- Angular Academy - World-class instructor-led live online Angular courses!
- Marmicode
- Udemy: Angular - The Complete Guide
- Offering Solutions
- liveloveapp - Workshops are available for Cypress, NgRx, RxJS, AG Grid and web performance.
- Angular Material 3 Theming System: Complete Guide - The only course you will need for Angular Material 3 Theming.
- Angular UI - Get ready to build your next web application using Angular with interactive courses and exercises.
- learnbydo.ing - Learn {Web} programming with Courses, Books & Exercises from [Fabio Biondi](https://www.fabiobiondi.dev/). Content either in Italian or English.
- Tech OS - Offers high-level Angular training designed for demanding developers and ambitious teams.
- ng.guide - Learn Angular by building real-world apps.
- Workshops.DE (Germany)
- Angular Boot Camp
- Workshops.DE (Germany)
-
YouTube Channels
- Daniil Rabizo
- Galaxies_dev
- LeelaWebDev
- Demystify Frontend
- Angular
- NG CONF
- Procademy
- Monsterlessons Academy
- Joshua Morony
- Nihira Techiees
- Angular University
- Rainer Hahnekamp
- Code Shots With Profanis
- Deborah Kurata
- BrandonRobertsDev
- Decoded Frontend
- Zoaib Khan
- NivekDev
- WebTechTalk
- Babatunde Lamidi
- TechStackNation
- Angular Love
- NG NEWS
- Learning Partner
- Igor Sedov
- Brian Treese
- Kobi Hari
- Programming Practicals
- Daniil Rabizo
- Loiane Groner
- StartupAngular - In Japanese.
- Code with Keys - In Persian.
-
-
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.
- supply-chain-inspector - A standalone, zero-dependency Node.js script for supply chain security analysis of npm dependencies.
-
-
Site Templates
Programming Languages
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