Awesome Angular Overview

:page_facing_up: A curated list of awesome Angular resources

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 PatrickJS/awesome-angular · ⭐ 9.2K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

logo designed by SAWARATSUKI (⭐2.1k)

Awesome Angular

This is the original Awesome list of the Angular framework. This repository contains intriguing libraries and repos in the Angular ecosystem for both inexperienced and seasoned developers.

Current Angular version:

Table of contents:

Angular
Third Party Components
- Animations
- Calendars
- Charts
- Drag/Drop
- Editor Components
- File Upload
- Form Controls
- Icons
- Keyboard Mouse
- Layout Components
- Loaders
- Maps
- Notifications
- State Management
- Tables
- UI Libraries
- UX Components
- Viewers
- Misc Components
TypeScript
Ionic
Security
Authentication
NgRx
Deployment
Updating

Angular

Angular is a development platform for building mobile and desktop web applications.

Official Resources

Community

#angular2 channel on Freenode IRC Server.
#angular hashtag on Twitter.
Gitter Channel
Angular StackOverflow
@Angular on Twitter
/r/Angular2 Subreddit
Angular Group on Facebook
AngularAir podcast and live broadcast.
Adventures in Angular podcast.
Angular Expo showcase.
#ng-2 Slack Channel on AngularBuddies.
Programming Community Curated Resources for Learning Angular
Top rated Angular stackoverflow questions Dashboard

Angular Team on Twitter

Experts on Twitter

List of Angular experts you should follow on Twitter (in no particular order). This list is by no means complete.

Google Developer Experts

Blogs

angular - Official Angular blog
modern-angular - Josh Morony's website is a collection of content centered around creating modern Angular applications using the latest Angular features and concepts.
angularexperts - Learn all about Angular, NgRx, RxJs & NX and advance your skills with guides, in-depth content and actionable tips and tricks!
angular-university - Learn and Keep Up with the Angular Ecosystem
justangular - Shares the newest and most important updates about Angular, along with useful tips and tricks.
Netanel Basal
Tim Deschryver
Chau Tran
Minko Gechev
Matthieu Riegler
Thomas Laforge
Rainer Hahnekamp
Evgeniy OZ

Server-Side Rendering

Angular Universal Repository (GitHub) (⭐4k)
SEO-Friendly Angular SPA: Universal Server-Side Rendering Tutorial
ng-web-apis (⭐694) - A set of common utils for consuming Web APIs with Angular
ssr - Documentation for the new ssr package built into the framework.
angular-prerender (⭐125) - A command line tool to prerender Angular Apps.

Material Design

Official Angular Material Design (GitHub) (⭐24k)
MDBootstrap (⭐1.1k) - Angular 16 & Bootstrap 5 & Material Design 2.0 UI KIT

Cheatsheet

Testing

Testing Angular – A Guide to Robust Angular Applications - A Guide to Robust Angular Applications. A free online book and e-book.
Auto-create and -update tests tool - Automate Angular unit test and boilerplate with this schematic.
Angular Testing Library - Angular Testing Library builds on top of DOM Testing Library by adding APIs for working with Angular components.
ng-mocks (⭐996) - Angular testing library for mocking components, directives, pipes, services and facilitating TestBed setup
auto-spies (⭐173) - Create automatic spies from classes
@angular/cdk/testing - @angular/cdk/testing provides infrastructure to help with testing Angular components.
cypress - End to End and Component Testing for Angular.
jasmine - Simple JavaScript testing
jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
jest-preset-angular (⭐867) - Jest configuration preset for Angular projects.
jest-preview (⭐2.3k) - Debug your Jest tests. Effortlessly.
playwright-ct-angular (⭐46) - Playwright Angular component testing.
spectacular (⭐37) - Spectacular offers test harnesses for Angular applications and libraries.
spectator (⭐2k) - A Powerful Tool to Simplify Your Angular Tests
testcafe - TestCafe is a user-friendly end-to-end testing solution. Free and open-source test runner. Powerful desktop app.
webdriverio (⭐8.8k) - Next-gen browser and mobile automation test framework for Node.js
angular-tour-of-heroes-jest-100-coverage (⭐3) - 100% unit testing coverage of the popular Angular demo app - Tour of Heroes.
how-do-i-test (⭐5) - Repository representing different testing use cases for Angular and Spring.
YouTube - How do I Test? playlist.
YouTube - Angular Unit Testing Made Easy
Tim Deschryver Blog - Testing an NgRx project

Angular CLI

Official web page
Official repository (⭐27k)
ng-cli-hooks (⭐6) - Hooks for the Angular CLI to customize the build

Webpack

Official web page
Angular Webpack Starter from PatrickJS (⭐10k)
Angular Webpack from preboot (⭐1.3k)
Angular Nightly Webpack Starter (⭐888)
Angular Webpack with Visual Studio ASP.NET Core from Damien Bowden (⭐487)
Angular Typescript Webpack from schempy (⭐67)
Angular Webpack Tour of Heroes from michaelbazos (⭐5) - Tour of Heroes official typescript tutorial built with webpack
Angular Webpack + rxjs + modules (⭐5)
Angular Builders (⭐1.1k) - custom webpack

Style Guides

Books

ng-book 2 fullstack.io
Become a ninja with Angular 2 Ninja Squad
Angular Development with TypeScript Manning Publications
Angular in Action Manning Publications
Practical Angular 2 Leanpub
Switching to Angular 2 Packt Publishing
Testing Angular Applications Manning Publications
Angular-Buch (German) dpunkt.verlag
Build a Full-Stack Web Application Using Angular & Firebase Ankit Sharma
Angular Cookbook - 80+ Recipes to enhance your Angular skills for enterprises Packt Publishing
Build a Frontend Web Framework (From Scratch) Manning Publications

On-Site Training

Online Training

Angular Start - Learn to build professional-grade Angular v17 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!

Integrations

GraphQL + Angular (⭐1.5k) - Caching GraphQL client for Angular and every GraphQL server
ckeditor5-angular (⭐198) - An official CKEditor 5 rich text editor component for Angular 2+
ckeditor4-angular (⭐50) - An official CKEditor 4 rich text editor component for Angular 2+
TailwindCSS + Angular - Integrate Angular app with Tailwind
Sentry - Sentry is a developer-first error tracking and performance monitoring platform.
Stencil - Stencil can generate Angular component wrappers for your web components. This can improve Angular performance.
GoodData - Integrate GoodData Visualizations into your Angular application.
DataDog - With the Datadog Angular integration, you can resolve performance issues quickly.
Elastic - Real User Monitoring JavaScript agent with Angular applications.
HyperFormula - HyperFormula is a headless spreadsheet built in TypeScript, serving as both a parser and evaluator of spreadsheet formulas. It can be integrated into your browser.
Strich - STRICH is a JavaScript library for real-time, multi-format barcode scanning directly in the web browser.
Pega - Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system.
Genesis Foundation - Genesis is a low-code platform designed specifically for the financial markets.
ngx-google-analytics (⭐13) - A simple Google analytics integration for Angular apps.
cloudinary - Angular SDK from Cloudinary.
angular-sdk (⭐25) - Angular library used to integrate with Descope.
angular-electron (⭐5.6k) - Ultra-fast bootstrapping with Angular and Electron
Postcat (⭐4.9k) - A lightweight, extensible API tool based on Angular and Electron.
angulardart-community (⭐5) - The next-generation AngularDart documentation website.
NativeScript - NativeScript provides platform APIs directly to the JavaScript runtime (with strong types) for a rich TypeScript development experience.
Bit - Leverage Bit to build composable software.

Site Templates

ngx-admin (⭐25k) - Customizable admin dashboard template based on Angular 10+
ng-matero (⭐1.2k) - Angular Material admin dashboard template.
coreui-free-angular-admin-template (⭐1.6k) - CoreUI Angular is free Angular 17 admin template based on Bootstrap 5
sakai-ng (⭐458) - Free Angular Admin Template by PrimeNG
angular-template-for-threejs (⭐139) - Angular Template For Three.js
lemon-mart (⭐132) - Angular Template App with a Router-first architecture
devextreme-angular-template (⭐114) - Responsive Application Layout Templates based on DevExtreme Angular Components
QuickApp (⭐1.2k) - ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development.
angular-template-for-threejs (⭐139) - Angular Template For Three.js
material-pro-angular-lite (⭐107) - 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-V17-Template (⭐23) - A template designed for Angular 17 that emphasizes clean code practices and test-friendly development.
angular-quickstart (⭐21) - A bare-bones Angular template to get you deployed to Netlify fast!
sap-fiori-templates (⭐21) - SAP BTP & Fiori App templates implemented with third-party frontend frameworks such as React, Vue, and Angular.
template-angular (⭐15) - Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling.
angular-nest (⭐14) - Simple web app template with Angular v17 + NestJS v9 + ng-openapi-gen.
gradient-able-free-admin-template (⭐11) - Gradient able free bootstrap, angular, react admin template
angular-ngrx-frontend (⭐10) - Angular NgRx powered frontend template for Symfony (or similar) backend.
Threejs (⭐219) - New Three.js starter app

Generators

Node.js
- teleport-code-generators (⭐953) - A collection of code generators for modern JavaScript applications
- graphql-code-generator (⭐11k) - A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.
- nx - The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It also enables using Angular Devkit builders and schematics in Nx workspaces.
- workik - AI Angular code generator that supports all Angular frameworks and libraries.
- generator-jhipster-ionic (⭐186) - You can use it to generate an Ionic app that talks to a JHipster backend.
- angularx-qrcode (⭐444) - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library
Spring Boot
- Bootify.io - Generate Spring Boot apps with custom database, Angular frontend and CRUD functionality
- JHipster - Open source app generator for Spring Boot and Angular

Documentation tools

Storybook (⭐83k)- The UI development environment you'll love to use
Compodoc (⭐3.9k) - The missing documentation tool for your Angular application
ng-doc (⭐166) - The documentation engine for Angular projects
docgeni (⭐193) - A modern, powerful and out of the box documentation generator for Angular components lib and markdown docs.

Developer tools

StackBlitz - Instant Dev Environments
CodeSandbox - An online IDE and prototyping tool for rapid Angular development.
Bugfender - A cloud service to collect logs and Angular errors in Real-Time.
Angular Dev Tools - Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications.
Scuri Code - A VS Code extention that will generate and maintain seeds for your unit tests.
Redux DevTools (⭐14k) - Can be used in combination with @ngrx/store-devtools to inspect the state of your NgRx app.
Ionic VS Code Extension - Perform various functions that are common to developing an Ionic app, all without leaving your VS Code window.
Angular Schematics - Ultimate code generation in Visual Studio Code.
Angular 17 Snippets - 258 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, NgRx, RxJS, PWA & Testing)

Third Party Components

Animations

tsparticles (⭐28) - A component to easily add Particles animations to your Angular application.
ngx-confetti-explosion (⭐3) - Confetti in Angular
angular-animations (⭐610) - Easy, Reusable Animation Utility library for Angular.
ngx-lottie (⭐214) - Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+.
angular-animations-explorer (⭐127) - A resource to showcase the different animations that you could do with Angular.
ngx-notation-reveal (⭐2) - Angular component to add rough notation animation when element is visible.
ngx-typed2 (⭐1) - An Angular Typing Animation Library.

Calendars

angular-calendar (⭐2.7k) - A flexible calendar component for angular 6.0+ that can display events on a month, week or day view.
angular-calendar-scheduler (⭐98) - A scheduler view component for angular-calendar
ng-fullcalendar (⭐1k) - Fullcalendar module for Angular
fullcalendar-angular (⭐1k) - The official Angular component for FullCalendar.
angular-year-calendar (⭐19) - A powerful and performant Angular year calendar library built with ❤️

Charts

ng2-charts (⭐2.3k) Beautiful charts for Angular2 based on Chart.js
ngx-charts (⭐4.3k) - Declarative Charting Framework for Angular2 and beyond!
ng-apexcharts (⭐290) - Angular wrapper for ApexCharts to build interactive visualizations in Angular 7+.
ng-chartist (⭐124) - Angular component for Chartist.js
org-chart (⭐780) - Highly customizable org chart. Integrations available for Angular, React, and Vue.
ag-charts (⭐96) - Fully-featured and highly customizable JavaScript charting library.
systelab-charts (⭐0) - Systelab Angular Chart services
ngx-gantt (⭐210) - A modern and powerful gantt chart component for Angular
carbon-charts (⭐857) - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.

Drag/Drop

ng2-dragula (⭐1.9k) - Drag and Drop so simple it hurts!
ngx-drag-drop (⭐291) - Angular directives using the native HTML Drag And Drop API
ngx-dropzone (⭐22) - The missing file input component for Angular Material.
ng-dnd (⭐83) - Drag and Drop for Angular
ngx-file-drag-drop (⭐16) - Angular material file input component which lets the user drag and drop files, or select files with the native file picker.
angular cdk - The @angular/cdk/drag-drop module provides you with a way to easily and declaratively create drag-and-drop interfaces.

Editor Components

@ctrl/ngx-codemirror (⭐276) - Codemirror Wrapper for Angular.
@instechnologies/ng-rooster (⭐12) - Angular wrapper of roosterjs, a rich text editor.
angular2-froala-wysiwyg (⭐726) - Angular 2 wrapper for Froala WYSIWYG HTML Editor.
ckeditor - Ckeditor plugin for Angular2+.
ngx-simple-text-editor (⭐4) - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.
ngx-quill (⭐1.7k) - Angular (>=2) components for the Quill Rich Text Editor.
ngx-editor (⭐417) - Rich Text Editor for Angular using ProseMirror.
ngx-markdown-editor (⭐167) - Angular markdown editor based on ace editor.
angular-markdown-editor (⭐155) - Angular Markdown Editor. All-in-one Markdown Editor and Preview.
code-editor (⭐119) - Code editor component for Angular applications.
ngx-wig (⭐219) - Angular(also Angular 17) WYSIWYG HTML Rich Text Editor.
ngx-monaco-editor (⭐0) - Monaco Code Editor for Angular.
ngx-property-editor (⭐0) - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.

File Upload

ng2-file-upload (⭐1.9k) Easy to use file upload directives
ngx-awesome-uploader Angular Library for uploading files. It supports: File Upload and Preview (additionally preview images with lightbox), validation, image cropper , drag and drop with multi language support.
ngx-flow (⭐57) - Angular7+ wrapper for flow.js (⭐2.9k) for file upload

Form Controls

@ctrl/ngx-emoji-mart (⭐438) - Customizable Slack-like emoji picker for Angular
angular-imask (⭐4.7k) - Angular 4+ input mask
angular2-multiselect-dropdown (⭐280) - Angular 2 multiselect dropdown component for web applications
angular2-text-mask (⭐8.3k) - Angular 2 input mask directive
ng-select (⭐3.2k) - All in One UI Select, Multiselect and Autocomplete
ngx-color (⭐428) - 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
ngx-flag-picker (⭐14) - 😻 Customizable Angular component which containing a dropdown with country flags
ngx-formly (⭐2.7k) - JSON powered / Dynamic forms for Angular
formio (⭐610) - JSON powered forms for Angular
ng-dynamic-forms (⭐1.3k) - Rapid form development library for Angular

Icons

angular2-fontawesome (⭐87) - Angular2 Components and Directives for FontAwesome.
ng2-fontawesome (⭐21)- A small directive making font awesome even easier to use.
ngx-icon-blur (⭐5) - An Angular component that can be used to create a frosted glass effect for icons.
ng-icons (⭐293) - The ultimate icon library for Angular.
primeicons (⭐235) - PrimeIcons is the default icon library of PrimeNG with over 250 open source icons developed by PrimeTek.
angular-svg-icon (⭐237) - Angular component and service for inlining SVGs allowing them to be easily styled with CSS.

Keyboard Mouse

ngx-focus-control (⭐0) - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility
angular2-hotkeys (⭐203) - Keyboard shortcuts for Angular 2 apps
virtual-keyboard-javascript (⭐0) - Virtual Keyboard for Javascript, React, Angular, Vue
angular-touch-keyboard (⭐37) - Virtual Keyboard for Angular applications.

Layout Components

@robingenz/ngx-infinite-scroll (⭐4) Simple Angular directive for infinite scrolling.
angular-fullpage (⭐173) Official component for fullPage.js, a fullscreen scrolling library.
angular-split (⭐813) Angular split component
ngx-infinite-scroll (⭐1.2k) - Infinite Scroll Directive for Angular
egjs-infinitegrid (⭐1.9k) - Arrange infinite card elements according to various layout types like masonry for Angular.
ngx-scrolltop (⭐30) - Lightweight, Material Design inspired button for scroll-to-top of the page. 🔼 No dependencies. Pure Angular! (Compatibility: Angular 9, Ivy, Universal, ng add)

Loaders

angular2-promise-buttons (⭐87) - Loading buttons for Angular 2 by @johannesjo
ngx-progressbar (⭐986) - Nanoscopic progress bar, featuring realistic trickle animations.
@dotglitch/ngx-lazy-loader (⭐0) - Highly customizable lazy loader for Angular components.
ng-lazy-load-component (⭐6) - Lazy load Angular component into HTML template without routing.

Maps

angular-cesium (⭐179) - Creating map based web apps using Cesium and Angular
ngx-mapbox-gl (⭐339) - Angular binding of mapbox-gl-js
ng-maps (⭐46) - Modular map components for angular
ngx-leaflet (⭐761) - Core Leaflet package for Angular.io
ngx-maplibre-gl (⭐61) - Angular binding of maplibre-gl
@angular/google-maps (⭐24k) - This component provides a Google Maps Angular component that implements the Google Maps JavaScript API.

Notifications

ngx-sweetalert2 (⭐640) - Declarative, reactive, and template-driven SweetAlert2 integration for Angular.
ngx-toastr (⭐2.5k) - Notifications/Toastr
hot-toast (⭐29) - Smoking hot toast notifications for Angular.
ngx-sonner (⭐41) - An opinionated toast component for Angular. A port of @emilkowalski's sonner.
ngx-awesome-popup (⭐69) - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).
angular-bootstrap-toast-service (⭐18) - Angular project for sending Bootstrap based toast notifications including Vercel deployment.
angular2-notifications (⭐743) - A light and easy to use notifications library for Angular.

State Management

angular2-jwt (⭐2.6k) - Library for sending authenticated HTTP requests and decoding JWTs
universal-model-angular (⭐8) - Store and state management for Angular
ng-http-caching (⭐42) - Cache for HTTP requests in Angular application.
akita (⭐3.7k) - A Reactive State Management Tailored-Made for JS Applications
ng-simple-state (⭐38) - Simple state management in Angular with only Services and RxJS.
exome (⭐136) - Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS.
ngxs (⭐3.5k) - NGXS tries to make things as simple and accessible as possible with less boilerplate and code to maintain.
ngrx (⭐7.9k) - Reactive State for Angular
rx-angular (⭐1.9k) - RxAngular offers a toolkit for handling fully reactive apps with the main focus on runtime performance, template rendering, and developer experience.
query (⭐40k) - Powerful asynchronous state management, server-state utilities and data fetching for the web.
elf (⭐1.5k) - 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 (⭐285) - Declarative, incremental state management library
ngx-signal-state (⭐50) - Opinionated simple state management for Angular
mini-rx-store (⭐165) - MiniRx is the reactive state management platform.

Tables

ag-grid - The best JavaScript Data Table for building Enterprise Applications. Supports React, Angular, Vue and Plain JavaScript.
ignite-ui-angular's grid - The data grid, tree grid, hierarchical grid in Ignite UI for Angular (⭐561) provide excel-style filtering, live-data, sorting, draggable row and other toolbar.
sheetjs - SheetJS is a JavaScript library for reading and writing data from spreadsheets.
ngx-easy-table (⭐359) - The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!
active-table (⭐160) - Framework agnostic table component for editable data experience.
jsgrids (⭐157) - A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries here.

UI Libraries

General

Dev Extreme - Feature-Complete 65+ Angular Component Suite
Syncfusion - The Complete Angular Components Library.
Nebular (⭐8k) - Customizable Angular UI Library based on Eva Design System
NG ZORRO MOBILE (⭐791) - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.
NG ZORRO (⭐8.7k) - An enterprise-class UI components based on Ant Design and Angular.
ngx-ui (⭐698) - Style and Component Library for Angular2 and beyond!
prime-ng (⭐9.4k) - The Most Complete Angular UI Component Library
Wijmo 5 - Set of UI components for Angular2
Taiga UI - powerful set of open source components for Angular!
AgnosUI - Highly configurable headless framework agnostic component library

Material Based

@angular-material-extensions/contacts (⭐44) - Angular Library to manage contacts and users with a material design
@angular-material-extensions/faq (⭐29) - Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List
@angular-material-extensions/google-maps-autocomplete (⭐169) - Autocomplete input component and directive for google-maps built with angular material design
@angular-material-extensions/link-preview (⭐57) - Angular open source UI library to preview web links
@angular-material-extensions/pages (⭐50) - Open source library for angular apps to illustrate custom material pages content with steps (ideal for tutorials and explanations purposes)
@angular-material-extensions/password-strength (⭐283) - Angular UI library to illustrate and validate a password's strength with material design
angular-jqwidgets Advanced Angular Components with Material Design.
Covalent - a UI platform built on Angular 2.0 + Material Design
Material 2 (⭐24k) - Angular team's Material Design components built on top of Angular 2
Teradata covalent (⭐2.2k) - UI Platform built on @angular/material 2.0

Bootstrap Based

angular-bootstrap-md Material Design for Bootstrap 4 (Angular)
ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team
ng2-bootstrap (⭐5.5k) Native Angular2 Bootstrap 3&4 components

Tailwind CSS Based

Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
David UI Angular (⭐47) - Components library for enterprise-level projects based on Tailwind CSS and Angular.

UX Components

angular-shepherd (⭐206) - Angular 7 Service wrapping the site tour library Shepherd (⭐12k)
Zoom Image Library - A little yet powerful framework agnostic headless-library to zoom image on the web
skyux (⭐23) - SKY UX components for Angular
ngx-ui-tour (⭐142) - ngx-ui-tour is a UI tour library inspired by angular-ui-tour.

Viewers

egjs-flicking (⭐2.7k) - It's reliable, flexible and extendable carousel for Angular.
ng2-pdf-viewer (⭐1.3k) - PDF viewer component.
ngu-carousel (⭐323) - Angular Universal carousel.
ngx-extended-pdf-viewer (⭐429) - A full-blown PDF viewer for Angular 16, 17, and beyond.
ng2-pdfjs-viewer (⭐220) - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).
ngx-json-viewer (⭐171) - JSON formatter and viewer in HTML for Angular.

Misc Components

@davidlj95/ngx-meta - Set your Angular site's metadata: standard meta tags, Open Graph, Twitter Cards, JSON-LD, ... Supports SSR (and Angular Universal). Use a service. Use routes' data. Set it up in a flash! 🚀
ng2-adsense (⭐135) - Easy AdSense for Angular Applications
ngx-countdown (⭐192) - Simple, easy and performance countdown for angular
@ngneat/transloco (⭐1.9k) - 🚀 😍 The internationalization (i18n) library for Angular
@tolgee/ngx (⭐214) - Web-based localization tool enabling users to translate directly in the Angular app they develop.
xng-breadcrumb (⭐231) - Zero config breadcrumb solutuon. A lightweight, configurable and reactive breadcrumbs for Angular 6 and beyond.
ng-let (⭐44) - Structural directive for sharing data as local variable into html component template.
ng-for-track-by-property (⭐29) - Angular global trackBy property directive with strict type checking.
ng-portal (⭐16) Component property connection in Angular application.
ng-lock Angular decorator for lock a function and user interface while a task running.
ng-generic-pipe (⭐18) Generic pipe for Angular application.

TypeScript

TypeScript Official Website for TypeScript
REPL Official TypeScript REPL that runs entirely in your browser
TypeScript Repository (GitHub) (⭐98k) Official GitHub Repo for TypeScript
DefinitelyTyped Repository (GitHub) (⭐47k) The repository for high quality TypeScript type definitions.
typehero (⭐5.2k) - Connect, collaborate, and grow with a community of TypeScript developers.
type-challenges (⭐40k) - Collection of TypeScript type challenges with online judge.
typescript-challenges (⭐154) - A set of challenges helping you understand TypeScript
Sheriff (⭐143) - Lightweight Modularity for TypeScript Projects
Total Typescript Book (⭐1.5k) - The companion repo for the upcoming Total TypeScript book.
ts-essentials (⭐3.6k) - All essential TypeScript types in one place
trpc (⭐32k) - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
quicktype (⭐11k) - Generate types and converters from JSON, Schema, and GraphQL.
ts-pattern (⭐11k) - The exhaustive Pattern Matching library for TypeScript, with smart type inference.
ngx-mf (⭐33) - Bind your model types to angular FormGroup type
superstruct (⭐6.8k) - A simple and composable way to validate data in JavaScript (and TypeScript).
typebox (⭐4.2k) - Json Schema Type Builder with Static Type Resolution for TypeScript.
zod (⭐30k) - TypeScript-first schema validation with static type inference.

Ionic

Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies.

Ionic Framework - Official Website for Ionic Framework
(Github) Ionic Framework (⭐50k) - Github Repo of Ionic Framework
Ionic Academy - The fastest way to learn Ionic.
Elite Ionic - Advanced training for Angular developers who want to create NEXT LEVEL native web applications.
Ionic Themes - Tutorials and templates.
Ionic Start - Build web and native mobile applications with Ionic whilst learning modern reactive development with Angular

Security

Angular.io Security Guide - Brief security guidance including Preventing cross-site scripting (XSS), Sanitization and Content Security Policy.
Socket - Socket is a developer-first security platform that protects your code from both vulnerable and malicious dependencies.
Synk - Snyk is 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.

Authentication

casl-angular (⭐5.6k) - Module which integrates isomorphic permissions management library CASL (⭐5.6k) with Angular2+
ngx-auth-firebaseui (⭐591) - Angular Material UI component for firebase authentication
ngx-permissions (⭐919) - Permission and roles based access control for your angular(angular 2, angular 4,5+) applications(AOT, lazy modules compatible)
angular-auth-oidc-client (⭐1.1k) - npm package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, Implicit Flow
angularx-social-login (⭐619) - Social login and authentication module for Angular 17
ms-identity-javascript-angular-tutorial (⭐200) - A chapterwise tutorial that will take you through the fundamentals of modern authentication with Microsoft identity platform using MSAL Angular v2.
angular2-jwt (⭐2.6k) - Helper library for handling JWTs in Angular apps
auth0-angular (⭐171) - Auth0 SDK for Angular Single Page Applications
ng-universal (⭐440) - Angular Universal module for Nest framework (node.js)
angularfire (⭐7.6k) - Angular + Firebase
supabase - Build a User Management App with Angular.
fingerprint - The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.
amplify - AWS Amplify streamlines full-stack app development. With its libraries, CLI, and services, you can easily connect your frontend to the cloud for authentication, storage, APIs, and more.

NgRx

ngrx - Reactive State for Angular
ngrx-course (⭐364) - Angular University Complete Guide
ngrx-store-localstorage (⭐605) - Simple syncing between @ngrx store and local storage
Tim Deschryver Blog - Excellent NgRx articles from a core maintainer.
angular-ngrx-nx-realworld-example-app (⭐821) - Real world application built with Angular 17, NgRx 17, nrwl/nx 17

Deployment

aws amplify
Vercel
Firebase Hosting - Angular Fire (⭐7.6k) can help the process in deploying to Firebase Hosting.
Netlify - Angular applications on Netlify can benefit from integrations such as automatic framework detection and built-in redirects functionality.
angular-cli-ghpages (⭐935) - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.

Updating

angular update guide - Interactive guide to help you migrate from one version of Angular to another.
ng update - Use the CLI to update your project or try new Angular features by adding the --next flag.
migrations - Angular offers schematics to help update your project for you. You can convert your project to standalone components, the new control flow syntax, and more by using one of the Angular built-in schematics.

enjoy — PatrickJS and jdegand