Track Awesome Angular Updates Weekly

:page_facing_up: A curated list of awesome Angular resources

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

[ Daily / Weekly / Overview ]

May 13 - May 19, 2024

Community

#angular hashtag on X.

@Angular on X

Blogs / Google Developer Experts

angular experts - Learn all about Angular, NgRx, RxJs & NX and advance your skills with guides, in-depth content and actionable tips and tricks!

just angular - Shares the newest and most important updates about Angular, along with useful tips and tricks.

angular minds

angular architects

Evgeniy Oz

CLI / Testing

angular-cli-diff (⭐320) - Easily upgrade your Angular CLI applications from one version to another 🚀.

mantis-cli (⭐60) - M.A.N.T.I.S (MongoDB, Angular with Analog, Nx, Tailwind CSS, Ionic, Storybook) is not just a CLI tool; it's your passport to a seamless full-stack project launch.

Dates / Testing

ngx-date-fns (⭐162) - date-fns pipes for Angular.

luxon-angular (⭐26) - date pipes for Angular.

angular-globalize (⭐1) - Angular pipes for localizing numbers and dates using Globalize.

ngx-mat-timepicker (⭐104) - A true material timepicker.

angular-bootstrap-datetimepicker (⭐1.3k) - Native Angular date/time picker component styled by Bootstrap.

ngx-datetime-range-picker (⭐25) - Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly levels.

mat-datetimepicker (⭐148) - Material datetimepicker for @angular/material.

angular-datepicker (⭐487) - Highly configurable date picker built for Angular applications.

ngx-daterangepicker-material (⭐244) - Pure Angular 2+ date range picker with material design theme.

ngx-multiple-dates (⭐10) - Multiple dates picker based on Angular Material.

ng-datetime (⭐0) - Angular library containing components used for handling datetime.

DOM / Testing

ngx-resize-observer (⭐15) - Angular 8+ module for detecting when elements are resized.

ng-resize-observer (⭐22)

ngx-mutation-observer (⭐5) - Get Angular 8+ events fired when an element is mutated in the DOM.

ngx-visibility (⭐9) - Angular module that detects when elements are visible. Uses IntersectionObserver.

ng-in-viewport (⭐220) - Allows us to check if an element is within the browsers visual viewport.

ngx-ui-scroll (⭐216) - Virtual/infinite scroll for Angular.

ngx-page-scroll (⭐477) - Animated scrolling functionality for Angular written in pure TypeScript.

Layout Components / Testing

ngx-layout (⭐176) - Clone of Angular FlexLayout.

ng-sortgrid (⭐143) - A grid that allows you to sort all items via drag & drop.

angular-gridster2 (⭐1.2k) - Angular gridster 2.

angular-grid-layout (⭐423) - Responsive grid with draggable and resizable items for Angular applications.

lithium-ngx-virtual-scroll (⭐23) - A fast and lightweight virtual scrolling solution for Angular that supports single column lists, grid lists and view caching.

Mixed utilities / Testing

lithium-angular (⭐12) - Reactive components made easy! Lithium provides utilities that enable seamless reactive state and event interactions for Angular components.

Tables / Testing

ui-grid (⭐5.4k) - UI Grid: an Angular Data Grid.

jspreadsheet - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based online interactive tables and spreadsheets compatible with other spreadsheet software.

handsontable - Handsontable is a popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.

UI Libraries / Material Based

Angular Material - Material Design components for Angular.

RxJS / Node Based

ngx-observable-lifecycle (⭐34) - Library for observing the lifecycle of an (ivy compiled) angular component.

rx-sandbox (⭐171) - Marble diagram DSL based test suite for RxJS.

observer-spy (⭐368) - This library makes RxJS Observables testing easy!

ngx-operators (⭐133) - RxJS operators for Angular.

rxjs-toolbox (⭐10) - Set of custom operators and handy factory functions for RxJS.

subscribable-things (⭐43) - A collection of reactive wrappers for various browser APIs.

ngx-rxjs-zone-scheduler (⭐32) - A library for Angular providing rxjs schedulers to run some kind of work inside or outside of NgZone.

rxjs-broker (⭐24) - An RxJS message broker for WebRTC DataChannels and WebSockets.

rxjs-insights (⭐355) - See through the observables.

May 06 - May 12, 2024

X / Angular Team

Jessica Janiuk

Doug Parker

Blogs / Google Developer Experts

marmicode

Books / Testing

Modern Angular (FREE EBOOK) - Manfred Steyer

Online Training / Testing

Marmicode

Integrations / Testing

apollo-angular (⭐1.5k) - Caching GraphQL client for Angular and every GraphQL server.

Exercises / Testing

angular-fundamental-lessons (⭐45)

Angular Challenges - This repository gathers 50 challenges related to Angular, Nx, RxJS, NgRx, and Typescript. These challenges revolve around real-life issues or specific features to elevate your skills.

Codelabs - Google Developers Codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs will step you through the process of building a small application, or adding a new feature to an existing application.

rxjs-fruits - Interactive lessons covering a range of operators in RxJS.

Carousels / Testing

ngu-carousel (⭐323) - Angular Universal carousel.

ngx-slider (⭐369) - Self-contained, mobile friendly slider component for Angular based on angularjs-slider.

ngx-gallery (⭐589) - Angular Gallery, Carousel and Lightbox.

ng-image-slider (⭐103) - Angular Image Slider with Lightbox.

ngx-slick-carousel (⭐102) - Angular 17+ wrapper for slick plugin.

ngx-splide (⭐15) - Splide.js integration to Angular.

ngx-owl-carousel-o (⭐173) - owl-carousel for Angular >=6.

angular2-image-gallery (⭐306) - Image Gallery built with Angular 17+, node.js and GraphicsMagick.

egjs-flicking - Flicking Angular Quick Start

Mixed utilities / Testing

trellisorg platform (⭐69) - The Trellis Open Source Repo contains projects and tools, some of which Trellis uses internally, but has opened sourced for the community to use.

daffodil (⭐151) - Angular Ecommerce PWA Framework.

ngworker (⭐38) - Monorepo for the @ngworker NPM organization. Packages for Angular applications and testing.

myndpm (⭐54) - Open Source Angular Libraries contributed by @myndpm.

jscutlery devkit (⭐228) - Tools that make Angular developer's life easier.

Modals / Testing

ngx-modal-ease (⭐10) - ngx-modal-ease is a versatile Angular library providing a lightweight, simple, and performant modal.

ngx-smart-modal (⭐320) - Modal/Dialog component crafted for Angular (Ivy-compatible).

Storage / Testing

ngx-reactive-storage (⭐31) - Wrapper around IndexedDB and localStorage that allows you to create databases and tables using a simple, promise-based API. Changes to the data can be seen with Angular Signals or RxJS Observables.

ng2-webstorage (⭐423) - LocalStorage and SessionStorage manager.

ngx-indexed-db (⭐165) - Wraps IndexedDB in an Angular service.

angular-async-local-storage (⭐664) - Efficient client-side storage for Angular: simple API + performance + Observables + validation.

ng-web-apis/storage (⭐699) - This is a library to use Web Storage API with Angular.

ngx-odm (⭐39) - Angular 14+ wrapper for RxDB.

UI Libraries / General

ng-clarity (⭐310) - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

ngx-semantic (⭐5) - A new take on an Angular implementation for Semantic UI.

UI Libraries / Node Based

ngx-vflow (⭐43) - An open source library to build node-based UI with Angular.

Misc Components / Node Based

safe-pipe (⭐17) - Angular pipe for sanitizing your unsafe content.

popover (⭐227) - Popover component for Angular.

ngx-device-detector (⭐507) - An Angular v7+ library to detect the device, OS, and browser details.

ngx-feature-toggle (⭐100) - Your module to handle with feature toggles in Angular applications easier.

runtime-config-loader (⭐35) - This is an Angular library that provides an easy way to load a configuration JSON file for runtime configuration.

ng-polymorpheus (⭐370) - Polymorpheus is a tiny library for polymorphic templates in Angular.

ngx-dynamic-hooks (⭐111) - Automatically insert live Angular components into dynamic strings (based on their selector or any pattern of your choice) and render the result in the DOM.

Analytics / Node Based

Heap - Heap is the only digital insights platform that gives you complete understanding of your customers’ digital journeys, so you can quickly improve conversion, retention, and customer delight.

ngx-tableau - ngx-tableau is an Angular module that allows you to embed a Tableau report in an Angular webapp.

ngx-matomo-client (⭐65) - Matomo analytics client for Angular applications.

angulartics2 (⭐1k) - Vendor-agnostic analytics for Angular2 applications.

angular-google-tag-manager (⭐133) - A service library for integrate google tag manager in your angular project.

SEO / Node Based

ngaox - Take Your Angular App Development to the Next Level with Ngaox: Seamless Content Integration, SVG Icon Optimization & Inlining, Advanced SEO & Social-Media Management, and More.

ngx-seo (⭐11) - Update SEO title and meta tags easily in Angular apps.

seo-analyzer (⭐69) - The library for analyze a HTML file to show all of the SEO defects.

ngx-seo (⭐2) - Kwerri OSS: samvloeberghs.be + ngx-seo.

angular-react-seo (⭐72) - Angular 17 & React 18 Examples SEO (Search engine optimization).

Apr 29 - May 05, 2024

Community

angular hub (⭐39) - Curated list of Angular events and communities.

Newsletters

angular addicts

weekly angular

angular weekly

practical-angular-newsletter

danywalls

ultimate courses

Blogs / Google Developer Experts

angular in depth

house of angular

thisdot labs

halodoc

Cheatsheet / Testing

cypress-harness (⭐228) - This library provides Cypress support to Component Test Harnesses.

swc-angular (⭐228) - This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest.

swc-angular-plugin (⭐228) - SWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn't support Angular so you need this plugin.

YouTube Channels / Testing

Angular

NG CONF

Zoaib Khan

AyyazTech

NivekDev

LeelaWebDev

WebTechTalk

Babatunde Lamidi

CodingWithSai

UXTrendz

TechStackNation

Angular Love

NG NEWS

Style Guides / Testing

Official Angular style guide

Infinum

Charts / Testing

dag (⭐154) - An Angular service for managing directed acyclic graphs.

File Upload / Testing

ngx-uploadx (⭐42) - Angular Resumable Upload Module.

Form Controls / Testing

ngx-emoji-mart (⭐439) - Customizable Slack-like emoji picker for Angular.

ngx-colors (⭐78) - Simple yet elegant Material color picker for Angular.

ngx-color-picker (⭐442) - Color picker widget for the Angular.

angular-colorful (⭐9) - A tiny color picker component for modern Angular apps.

ngx-mask (⭐1.1k) - Angular Plugin to make masks on form fields and html elements.

maskito (⭐557) - Collection of libraries to create an input mask which ensures that user types value according to predefined format.

ngx-numeric-range-form-field (⭐4) - Angular Material UI numeric range input form field. It is based on control value accessor.

file-input-accessor (⭐29) - Angular directive that provides file input functionality in Angular forms.

ngx-formcontrol-errors (⭐0) - A directive for showing errors in Angular form controls.

error-tailor (⭐478) - Making sure your tailor-made error solution is seamless!

reactive-forms (⭐610) - (Angular Reactive) Forms with Benefits.

Icons / Testing

svg-icon (⭐252) - A lightweight library that makes it easier to use SVG icons in your Angular Application.

Keyboard Mouse / Testing

hotkeys (⭐326) - A declarative library for handling hotkeys in Angular applications.

Layout Components / Testing

overview (⭐108) - A collection of tools to make your Angular views more modular, scalable, and maintainable.

Loaders / Testing

dotglitch-ngx (⭐13) - Highly customizable lazy loader for Angular components.

content-loader (⭐734) - SVG component to create placeholder loading, like Facebook cards loading.

ngx-loading (⭐267) - A loading spinner for Angular applications.

ng-block-ui (⭐144) - Block UI Loader/Spinner for Angular.

ngx-spinner (⭐803) - A library for loading spinner for Angular.

angular-busy (⭐23) - Show busy/loading indicators on any element during a promise/Observable.

angular-loaders (⭐2) - Angular loader components.

ngx-loader-indicator (⭐51) - Awesome loader for Angular applications. No wrappers only your elements.

ngx-skeleton-loader (⭐544) - Make beautiful, animated loading skeletons that automatically adapt to your Angular apps.

Mixed utilities / Testing

angular components (⭐24k) - Component infrastructure and Material Design components for Angular.

Modals / Testing

dialog (⭐372) - A simple to use, highly customizable, and powerful modal.

UI Libraries / General

ej2-angular-ui-components (⭐273) - Syncfusion Angular UI Components library has been built from the ground up to be lightweight, responsive, modular and touch friendly. It offers 70+ UI components that every applications will ever need.

ng-devui (⭐1.7k) - Angular UI Component Library based on DevUI Design.

ng-aquila (⭐203) - Aquila is an open-source component library provided by the Allianz Global Digital Factory (GDF). We use this library internally with Allianz branding. Here we provide a white label variant of these components.

enterprise-ng (⭐54) - Angular wrappers for IDS Enterprise components.

oblique (⭐50) - An Angular front-end framework Tailored for your swiss branded business web application, Oblique provides a standardized corporate design look and feel as well as a collection of ready-to-use Angular components.

fundamental-ngx (⭐256) - Fundamental Library for Angular is SAP Design System Angular component library.

designsystem (⭐79) - Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.

sbb-angular (⭐105) - Angular Library for SBB.

ui (⭐30) - Enterprise level Angular UI framework from Alauda Frontend Team.

ngx-tethys (⭐112) - Fast and reliable Tethys Design components for Angular.

antwerp-ui_angular (⭐13) - Antwerp UI is a component interface library for building user interfaces and responsive web apps.

UI Libraries / Material Based

Covalent (⭐2.2k) - Teradata UI Platform built on Angular Material.

IgniteUI Angular (⭐564) - Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids, charts, and more.

Alyle UI (⭐290) - Minimal Design, a set of components for Angular 16+.

angular-material-extensions/google-maps-autocomplete (⭐169) - Autocomplete input component and directive for google-maps built with angular material design.

angular-material-extensions/select-country (⭐126)

angular-material-extensions/password-strength (⭐285) - Angular UI library to illustrate and validate a password's strength with material design.

angular material components (⭐321) - Angular Material Library provide extra components for every project.

UI Libraries / Bootstrap Based

ngx-bootstrap (⭐5.5k) - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).

Misc Components / Node Based

rx-computed (⭐228) - The async RxJS-based version of signals' computed().

microwave (⭐228) - Optimize Angular change detection effortlessly.

edit-in-place (⭐256) - A flexible and unopinionated edit in place library.

falso (⭐3.1k) - All the Fake Data for All Your Real Needs.

helipopper (⭐392) - A Powerful Tooltip and Popover for Angular Applications.

RxJS / Node Based

operators (⭐228) - This package regroups a couple of RxJS operators meant to simplify some common patterns.

until-destroy (⭐1.7k) - RxJS operator that unsubscribe from observables on destroy.

effects (⭐60) - A framework-agnostic RxJS effects implementation.

HTTP / Node Based

cashew (⭐672) - A flexible and straightforward library that caches HTTP requests in Angular.

convoyr (⭐41) - Modular HTTP extensions for Angular.

angular-http-cache-interceptor (⭐4) - Angular HTTP cache interceptor.

apollo-angular (⭐1.5k) - A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.

NgRx / Node Based

ngrx-toolkit (⭐84) - Various Extensions for the NgRx Signal Store.

ngrx-traits (⭐42) - NgRx Traits is a library to help you compose and reuse a set NGRX actions, selectors, effects, and reducers across your app.

ngrx-addons (⭐3) - A collection of NgRx addons, including state persistence.

ngrx-store-storagesync (⭐41) - Highly configurable state sync library between localStorage/sessionStorage and @ngrx/store.

ngrx-wieder (⭐127) - Lightweight undo-redo for Angular with NgRx & Immer.js.

ngrx-immer (⭐115) - Immer wrappers around NgRx methods createReducer, on, and ComponentStore.

ngrx-rtk-query (⭐54) - Make RTK Query with Hooks works in Angular Applications.

ngrx-action-bundles (⭐14) - This library allows you to reduce ngrx boilerplate by generating action bundles for common ngrx redux store scenarios and allows you to easily connect state, dispatch actions and listen for actions everywhere across your applications.

Internationalization / Node Based

transloco (⭐1.9k) - 🚀 😍 The internationalization (i18n) library for Angular.

ngx-tolgee (⭐218) - Web-based localization tool enabling users to translate directly in the Angular app they develop.

localess (⭐32) - Localess is a powerful translation management tool and content management system built using Angular and Firebase. With Localess, you can easily manage and translate your website or app content into multiple languages, and it uses AI to translate faster.

typesafe-i18n (⭐2.1k) - A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.

angular-l10n (⭐382) - Angular library to translate texts, dates and numbers.

I18N (⭐70) - Soluling has implemented a collection of internationalization (I18N) APIs for .NET, Angular and Delphi.

ng-extract-i18n-merge (⭐155) - Extract and merge i18n xliff translation files for angular projects.

ng-translate (⭐8) - Angular 2 translation module i18n (internationalization) from JSON file with pluralization (Zero value state included).

ngxe (⭐5) - Angular 11.1+ JSON Translations Editor.

ngx-translate (⭐4.5k) - The internationalization (i18n) library for Angular.

ngx-translate-module-loader (⭐33) - Highly configurable and flexible translations loader for @ngx-translate/core.

ngx-translate-multi-http-loader (⭐74) - A loader for ngx-translate that loads translations with http calls.

Apr 22 - Apr 28, 2024

Community

Top rated Angular stackoverflow questions Dashboard

angular-logos (⭐77) - Repo is dedicated to collecting all the different kinds of Angular badges and logos.

madewithangular (⭐79) - A showcase of web apps built with Angular.

Blogs / Google Developer Experts

angular.love - (Polish) Excellent up-to-date resource for Angular.

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.

angular-university - Learn and Keep Up with the Angular Ecosystem.

simplified courses - Blog articles written with love, just for you!

Netanel Basal

Tim Deschryver

Chau Tran

Minko Gechev

Matthieu Riegler

Thomas Laforge

Rainer Hahnekamp

Cheatsheet / Google Developer Experts

Interviewbit Angular Cheatsheet

Angular Checklist (⭐307)

ZeroToMastery Angular Cheatsheet

Cheatsheet / Testing

ng-mocks (⭐1k) - 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 (⭐868) - Jest configuration preset for Angular projects.

jest-preview (⭐2.3k) - Debug your Jest tests. Effortlessly.

playwright-ct-angular (⭐46) - Playwright Angular component testing.

spectacular (⭐38) - 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.

Builders / Testing

Webpack

ESBuild

Nx (⭐22k) - Smart Monorepos · Fast CI.

Angular Builders (⭐1.1k) - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.

Jest Builder (⭐1.1k) - Jest builder for Angular build facade.

Custom Webpack (⭐1.1k)

Custom ESBuild (⭐1.1k)

Bazel (⭐1.1k) - Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc.

Timestamp (⭐1.1k) - This is explained in this article.

ngx-build-plus (⭐1.2k) - Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements.

ng-process-env (⭐18) - Angular schematics and builder to retrieve values from System Environment (OS) variables and update relevant environment.ts file.

ngx-electronify (⭐96) - Angular CLI builder that runs your application in the desktop using Electron.

dotenv-run (⭐226) - Seamlessly load environment variables. Supports cli, esbuild, rollup, vite, webpack, angular, ESM and Monorepos.

ng-packagr (⭐1.8k) - Compile and package Angular libraries in Angular Package Format (APF).

YouTube Channels / Testing

Procademy

Monsterlessons Academy

Joshua Morony

Nihira Techiees

Angular University

Rainer Hahnekamp

Code Shots With Profanis

Deborah Kurata

BrandonRobertsDev

Decoded Frontend

Galaxies_dev

Online Training / Testing

Simplified Courses - Angular Training by Expert Brecht Billiet!

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 / Testing

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.

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 / Testing

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 (⭐472) - Free Angular Admin Template by PrimeNG.

angular-template-for-threejs (⭐140) - Angular Template For Three.js.

lemon-mart (⭐137) - 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.

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 (⭐26) - 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 (⭐22) - 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 (⭐14) - Gradient able free bootstrap, angular, react admin template.

angular-ngrx-frontend (⭐10) - Angular NgRx powered frontend template for Symfony (or similar) backend.

Generators / Testing

Node.js
- teleport-code-generators (⭐960) - 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 (⭐445) - 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 / Testing

ng-doc (⭐169) - 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 / Testing

StackBlitz - Instant Dev Environments.

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

Animations / Testing

tsparticles (⭐30) - A component to easily add Particles animations to your Angular application.

ngx-confetti-explosion (⭐3) - Confetti in Angular.

angular-animations (⭐613) - Easy, Reusable Animation Utility library for Angular.

ngx-lottie (⭐215) - 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 (⭐12) - Angular component to add rough notation animation when element is visible.

ngx-typed2 (⭐1) - An Angular Typing Animation Library.

Calendars / Testing

angular-calendar-scheduler (⭐99) - A scheduler view component 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 / Testing

ng-chartist (⭐125) - Angular component for Chartist.js.

org-chart (⭐788) - Highly customizable org chart. Integrations available for Angular, React, and Vue.

ag-charts (⭐108) - Fully-featured and highly customizable JavaScript charting library.

systelab-charts (⭐0) - Systelab Angular Chart services.

ngx-gantt (⭐216) - A modern and powerful gantt chart component for Angular.

carbon-charts (⭐866) - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.

Drag/Drop / Testing

ngx-drag-drop (⭐295) - Angular directives using the native HTML Drag And Drop API.

ngx-dropzone (⭐22) - The missing file input component for Angular Material.

ng-dnd (⭐95) - 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 / Testing

ngx-quill (⭐1.7k) - Angular (>=2) components for the Quill Rich Text Editor.

ngx-editor (⭐420) - Rich Text Editor for Angular using ProseMirror.

ngx-markdown-editor (⭐169) - Angular markdown editor based on ace editor.

angular-markdown-editor (⭐155) - Angular Markdown Editor. All-in-one Markdown Editor and Preview.

code-editor (⭐121) - Code editor component for Angular applications.

ngx-wig (⭐218) - Angular(also Angular 17) WYSIWYG HTML Rich Text Editor.

ngx-monaco-editor (⭐2) - 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.

Form Controls / Testing

ngx-formly (⭐2.7k) - JSON powered / Dynamic forms for Angular.

formio (⭐612) - JSON powered forms for Angular.

ng-dynamic-forms (⭐1.3k) - Rapid form development library for Angular.

Keyboard Mouse / Testing

angular2-hotkeys (⭐203) - Keyboard shortcuts for Angular 2 apps.

virtual-keyboard-javascript (⭐0) - Virtual Keyboard for Javascript, React, Angular, & Vue.

angular-touch-keyboard (⭐38) - Virtual Keyboard for Angular applications.

Layout Components / Testing

ngx-infinite-scroll (⭐1.2k) - Infinite Scroll Directive for Angular.

Loaders / Testing

ng-lazy-load-component (⭐6) - Lazy load Angular component into HTML template without routing.

ngx-loading-bar (⭐758) - Automatic page loading / progress bar for Angular.

Maps / Testing

ng-maps (⭐47) - 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.

Mixed utilities / Testing

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.

ng-web-apis (⭐699) - A set of common utils for consuming Web APIs with Angular.

Modals / Testing

ngx-awesome-popup (⭐72) - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).

Notifications / Testing

ngx-sweetalert2 (⭐641) - Declarative, reactive, and template-driven SweetAlert2 integration for Angular.

hot-toast (⭐32) - Smoking hot toast notifications for Angular.

ngx-sonner (⭐42) - An opinionated toast component for Angular. A port of @emilkowalski's sonner.

angular-bootstrap-toast-service (⭐18) - Angular project for sending Bootstrap based toast notifications including Vercel deployment.

angular2-notifications (⭐744) - A light and easy to use notifications library for Angular.

State Management / Testing

akita (⭐3.7k) - A Reactive State Management Tailored-Made for JS Applications.

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.

query (⭐40k) - Powerful asynchronous state management, server-state utilities and data fetching for the web.

elf (⭐1.6k) - 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 (⭐288) - Declarative, incremental state management library.

ngx-signal-state (⭐53) - Opinionated simple state management for Angular.

mini-rx-store (⭐165) - MiniRx is the reactive state management platform.

Tables / Testing

sheetjs - SheetJS is a JavaScript library for reading and writing data from spreadsheets.

ngx-easy-table (⭐362) - The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!

active-table (⭐165) - Framework agnostic table component for editable data experience.

jsgrids (⭐160) - A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo.

UI Libraries / General

Syncfusion - The Complete Angular Components Library.

prime-ng (⭐9.5k) - The Most Complete Angular UI Component Library.

UI Libraries / Material Based

MDBootstrap (⭐1.1k) - Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation.

UX Components / Node Based

angular-shepherd (⭐208) - Angular 7 Service wrapping the site tour library Shepherd (⭐12k).

skyux (⭐23) - SKY UX components for Angular.

ngx-ui-tour (⭐148) - ngx-ui-tour is a UI tour library inspired by angular-ui-tour.

Viewers / Node Based

ngx-extended-pdf-viewer (⭐431) - 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 (⭐172) - JSON formatter and viewer in HTML for Angular.

RxJS / Node Based

rxjs - Reactive Extensions Library for JavaScript.

learn-rxjs (⭐3.6k) - Clear examples, explanations, and resources for RxJS.

rxjs-course (⭐371) - RxJs course from Angular University

redux-observable (⭐7.8k) - RxJS middleware for action side effects in Redux using "Epics".

rxjs-challenge (⭐559) - A set of little RxJS puzzles to practice your Observable skills.

TypeScript / Node Based

typehero (⭐5.3k) - Connect, collaborate, and grow with a community of TypeScript developers.

type-challenges (⭐40k) - Collection of TypeScript type challenges with online judge.

typescript-challenges (⭐153) - A set of challenges helping you understand TypeScript.

Sheriff (⭐149) - Lightweight Modularity for TypeScript Projects.

Total Typescript Book (⭐1.6k) - The companion repo for the upcoming Total TypeScript book.

ts-essentials (⭐3.6k) - All essential TypeScript types in one place.

trpc (⭐33k) - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

quicktype (⭐12k) - 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 (⭐36) - 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.3k) - Json Schema Type Builder with Static Type Resolution for TypeScript.

zod (⭐31k) - TypeScript-first schema validation with static type inference.

Ionic / Node Based

(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 / Node Based

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 / Node Based

angular-auth-oidc-client (⭐1.1k) - NPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow.

angularx-social-login (⭐619) - Social login and authentication module for Angular 17.

ms-identity-javascript-angular-tutorial (⭐201) - A chapterwise tutorial that will take you through the fundamentals of modern authentication with Microsoft identity platform using MSAL Angular.

auth0-angular (⭐172) - Auth0 SDK for Angular Single Page Applications.

ng-universal (⭐443) - 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 / Node Based

ngrx - Reactive State for Angular.

ngrx-course (⭐366) - Angular University Complete Guide.

ngrx-store-localstorage (⭐605) - Simple syncing between @ngrx/store and local storage.

angular-ngrx-nx-realworld-example-app (⭐823) - Real world application built with Angular 17, NgRx 17, & Nx 17.

Analytics / Node Based

ngx-google-analytics (⭐15) - A simple Google analytics integration for Angular apps.

Deployment / Node Based

aws amplify

Vercel

Firebase Hosting

Netlify - Angular applications on Netlify can benefit from integrations such as automatic framework detection and built-in redirects functionality.

angular-cli-ghpages (⭐942) - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.

Server-Side Rendering / Node Based

ssr - Documentation for the new SSR package built into the framework.

angular-prerender (⭐125) - A command line tool to prerender Angular Apps.

analogjs - Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications.

Updating / Node Based

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.

Apr 15 - Apr 21, 2024

Official Resources

Future Site

Cheatsheet / Testing

Angular Testing Library - Angular Testing Library builds on top of DOM Testing Library by adding APIs for working with Angular components.

Charts / Testing

ng-apexcharts (⭐301) - Angular wrapper for ApexCharts to build interactive visualizations in Angular 7+.

Icons / Testing

ng-icons (⭐299) - The ultimate icon library for Angular.

primeicons (⭐236) - PrimeIcons is the default icon library of PrimeNG with over 250 open source icons developed by PrimeTek.

angular-svg-icon (⭐238) - Angular component and service for inlining SVGs allowing them to be easily styled with CSS.

UI Libraries / General

AgnosUI - Highly configurable headless framework agnostic component library.

UI Libraries / Tailwind CSS Based

David UI Angular (⭐49) - Components library for enterprise-level projects based on Tailwind CSS and Angular.

Apr 08 - Apr 14, 2024

SEO / Node Based

@davidlj95/ngx-meta - Set your Angular site's metadata: standard meta tags, Open Graph, X Cards, JSON-LD, ... Supports SSR (and Angular Universal). Use a service. Use routes' data. Set it up in a flash! 🚀

Oct 30 - Nov 05, 2023

State Management / Testing

exome (⭐140) - Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS.

Oct 23 - Oct 29, 2023

Editor Components / Testing

ngx-simple-text-editor (⭐5) - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.

Oct 16 - Oct 22, 2023

Cheatsheet / Testing

Auto-create and -update tests tool - Automate Angular unit test and boilerplate with this schematic.

Developer tools / Testing

Scuri Code - A VS Code extention that will generate and maintain seeds for your unit tests.

Editor Components / Testing

ckeditor - Ckeditor plugin for Angular2+.

Layout Components / Testing

@robingenz/ngx-infinite-scroll (⭐4) - Simple Angular directive for infinite scrolling.

UI Libraries / General

Dev Extreme - Feature-Complete 65+ Angular Component Suite.

Taiga UI - Powerful set of open source components for Angular!

Oct 09 - Oct 15, 2023

UI Libraries / Tailwind CSS Based

Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.

UX Components / Node Based

Zoom Image Library - A little yet powerful framework agnostic headless-library to zoom image on the web.

Mar 20 - Mar 26, 2023

Cheatsheet / Google Developer Experts

Angular Developer Roadmap

Books / Testing

Build a Frontend Web Framework (From Scratch) - Manning Publications

Aug 22 - Aug 28, 2022

Books / Testing

Angular Cookbook - 80+ Recipes to enhance your Angular skills for enterprises - Packt Publishing

Keyboard Mouse / Testing

ngx-focus-control (⭐1) - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility.

Mar 07 - Mar 13, 2022

Developer tools / Testing

Angular Dev Tools - Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications.

State Management / Testing

ng-simple-state (⭐37) - Simple state management in Angular with only Services and RxJS.

Misc Components / Node Based

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.

May 31 - Jun 06, 2021

Tables / Testing

ignite-ui-angular's grid - The data grid, tree grid, hierarchical grid in Ignite UI for Angular (⭐564) provide excel-style filtering, live-data, sorting, draggable row and other toolbar.

May 17 - May 23, 2021

Cheatsheet / Testing

Testing Angular – A Guide to Robust Angular Applications - A Guide to Robust Angular Applications. A free online book and e-book.

May 03 - May 09, 2021

Icons / Testing

ngx-icon-blur (⭐5) - An Angular component that can be used to create a frosted glass effect for icons.

Apr 05 - Apr 11, 2021

Misc Components / Node Based

ng-lock - Angular decorator for lock a function and user interface while a task running.

Mar 29 - Apr 04, 2021

Misc Components / Node Based

ng-portal (⭐16) - Component property connection in Angular application.

ng-generic-pipe (⭐18) - Generic pipe for Angular application.

HTTP / Node Based

ng-http-caching (⭐43) - Cache for HTTP requests in Angular application.

Feb 15 - Feb 21, 2021

CLI / Testing

ng-cli-hooks (⭐6) - Hooks for the Angular CLI to customize the build.

Nov 23 - Nov 29, 2020

Site Templates / Testing

Threejs (⭐221) - New Three.js starter app.

Oct 26 - Nov 01, 2020

Developer tools / Testing

Bugfender - A cloud service to collect logs and Angular errors in Real-Time.

Oct 19 - Oct 25, 2020

Books / Testing

Build a Full-Stack Web Application Using Angular & Firebase - Ankit Sharma

Oct 05 - Oct 11, 2020

Community

AngularAir podcast and live broadcast.

Angular Expo showcase.

Books / Testing

Switching to Angular 2 - Packt Publishing

Calendars / Testing

angular-calendar (⭐2.7k) - A flexible calendar component for angular 6.0+ that can display events on a month, week or day view.

ng-fullcalendar (⭐1k) - Fullcalendar module for Angular.

Charts / Testing

ng2-charts (⭐2.3k) - Beautiful charts for Angular2 based on Chart.js.

ngx-charts (⭐4.3k) - Declarative Charting Framework for Angular2 and beyond!

Drag/Drop / Testing

ng2-dragula (⭐1.9k) - Drag and Drop so simple it hurts!

Editor Components / Testing

@ctrl/ngx-codemirror (⭐278) - Codemirror Wrapper for Angular.

@instechnologies/ng-rooster (⭐12) - Angular wrapper of roosterjs, a rich text editor.

angular2-froala-wysiwyg (⭐728) - Angular 2 wrapper for Froala WYSIWYG HTML Editor.

File Upload / Testing

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 (⭐58) - Angular7+ wrapper for flow.js (⭐2.9k) for file upload.

Form Controls / Testing

ngx-color (⭐432) - 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, X & more.

angular-imask (⭐4.8k) - Angular input mask.

angular2-multiselect-dropdown (⭐280) - Angular multiselect dropdown component for web applications.

ng-select (⭐3.2k) - All in One UI Select, Multiselect and Autocomplete.

Icons / Testing

angular2-fontawesome (⭐87) - Angular2 Components and Directives for FontAwesome.

ng2-fontawesome (⭐21)- A small directive making font awesome even easier to use.

Layout Components / Testing

angular-fullpage (⭐175) - Official component for fullPage.js, a fullscreen scrolling library.

angular-split (⭐815) - Angular split component.

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