An open API service indexing awesome lists of open source software.

awesome-angular

:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular

Last synced: 2 days ago
JSON representation

  • Third Party Components

    • Scroll

      • ngx-scroll-animations - Minimal Angular directive for scroll‑triggered CSS animations, dependency‑free and compatible with any animation choice.
      • lithium-ngx-virtual-scroll - A fast and lightweight virtual scrolling solution for Angular that supports single column lists, grid lists and view caching.
      • @robingenz/ngx-infinite-scroll - Simple Angular directive for infinite scrolling.
      • angular-fullpage - Official component for fullPage.js, a fullscreen scrolling library.
      • ngx-scrolltop - Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies.
      • OverlayScrollbars - JavaScript plugin for custom styleable overlay scrollbars that hide natives while preserving functionality.
      • ngx-scrollbar - Custom overlay-scrollbars with native scrolling mechanism.
      • ngx-tracing-beam - A simple component library to add an animated tracing beam to your vertical scrolling.
      • ngx-marquee - A simple component library to create an infinite scrolling marquee with your content.
      • @omnedia/ngx-scrollbar - Custom scrollbar with smooth scrolling and full styling control.
      • ngx-perfect-scrollbar - This fork of [ngx-perfect-scrollbar](https://github.com/zefoy/ngx-perfect-scrollbar) is an Angular wrapper library for [Perfect Scrollbar](https://utatti.github.io/perfect-scrollbar/).
      • ngx-virtual-dnd-list - A virtual scrolling list component that can be sorted by dragging.
      • ngx-scroll-top - Configurable, lightweight back to top button for Angular projects.
      • ngx-virtual-scroller - Displays a virtual, "infinite" list. Supports horizontal/vertical, variable heights, and multi-column.
      • ng-mat-select-infinite-scroll - Infinite Scroll directive for Angular Material select component.
      • horizontal-scroller - Infinite horizontal scroller for Angular apps using Tailwind.
      • simplebar - Custom scrollbars vanilla JavaScript library with native scroll, done simple, lightweight, easy to use and cross-browser.
      • ngx-responsive-virtual-scroll - Fast, lightweight Angular virtual scrolling for single‑column lists, responsive grids, and view caching.
      • ngx-virtual-scroller-flexible - Ultra‑fast, flexible virtual scroller rendering unlimited items with varying heights seamlessly.
      • ngx-perfect-scrollbar-portable - Angular wrapper library for Perfect Scrollbar.
      • ng-virtual-list - Maximum performance for extremely large lists.
      • ngx-horizontal-menu-scroll - A lightweight, customizable Angular library for creating beautiful horizontal scrolling menus with smooth navigation controls.
      • usal - Framework agnostic ultimate scroll animation library.
      • ar-virtual-scroll - Lightweight Angular virtual scroll with automatic dynamic height, ideal for chats, feeds, and variable lists.
      • angular-infinity-scroller - A lightweight, high‑performance infinite‑scrolling directive built to work seamlessly with modern Angular and SSR setups.
      • cerious-scroll - High-performance virtual scrolling for web applications.
      • ngx-zoneless-scrollbar - A lightweight Angular scrollbar built for zoneless mode, using native scrolling with CSS styling.
      • ngx-scrollbar-ultimate - A lightweight library for vertical scrolling.
      • ngx-scrollspy - Angular Scroll Spy Service with events.
      • ngx-virtual-grid - A responsive, virtual‑scrolling Angular grid that supports infinite loading, uses CSS Grid, automatically measures item sizes, and renders only the visible elements.
    • Storage

      • ngx-reactive-storage - Wrapper for IndexedDB/localStorage with promise‑based API, supporting Angular Signals and RxJS Observables.
      • ng2-webstorage - LocalStorage and SessionStorage manager.
      • ngx-indexed-db - Wraps IndexedDB in an Angular service.
      • angular-async-local-storage - Efficient client-side storage for Angular: simple API + performance + Observables + validation.
      • signaldb - Local JavaScript DB with MongoDB‑like interface, TypeScript, signal‑based reactivity, schema‑less design, and fast queries.
      • rxdb - An abstraction layer for [IndexedDB](https://rxdb.info/articles/angular-indexeddb.html).
      • dexie - A Minimalistic Wrapper for IndexedDB.
      • angular-web-storage - Angular decorator to save and restore of HTML5 Local & Session Storage.
      • indexeddb-helper - Angular library simplifying IndexedDB with clean CRUD API, cache expiration, and data storage/retrieval.
      • ng-storage - A modern, reactive Angular service for browser storage management with AES-GCM encryption, TTL, change notifications, and Apollo-style providers.
      • convex-angular - The Angular client for Convex.
      • secure-client-store - Universal TypeScript library for AES-256-GCM client-side encryption (works in browsers & Node.js).
      • ngx-persist - A type‑safe, signal‑based persistent state utility for Angular, syncing with localStorage, sessionStorage, IndexedDB, or custom backends.
      • ngx-webstore - A comprehensive Angular library for browser storage management with TypeScript support, reactive APIs, encryption, TTL, and more.
      • @moltendb-web/angular - Rust/WebAssembly local‑first DB for Angular with Signals, OPFS, GraphQL‑style queries, and Web Workers.
      • ngx-secure-storage - SSR-compatible Angular service to securely store, retrieve, and manage encrypted data in localStorage and sessionStorage using AES encryption.
    • Tooltips

      • helipopper - A powerful tooltip and popover for Angular applications.
      • popover - Angular popover component.
      • ngx-tooltip-directives - Library with three tooltip directives (string, HTML, template), inspired by [ng2-tooltip-directive](https://github.com/drozhzhin-n-e/ng2-tooltip-directive).
      • angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
      • ngx-tippy-wrapper - Angular wrapper for [Tippy.js](https://github.com/atomiks/tippyjs).
      • tooltip-testing - Tooltip for Angular, forked from `cm-angular-tooltip`.
      • ngx-popovers - An Angular library based on `Floating UI` with already ready-made components to use.
      • ngx-overlay - Lightweight Angular library for modern CSS/HTML overlays—modals, tooltips, and popups—browser‑compatible and elegant.
      • ngx-smart-tooltip - A lightweight, customizable tooltip library for Angular 18 that uses signals, the Web Animations API, and OnPush change detection.
      • angular-tooltip - Easily show tooltips programmatically and/or declaratively in Angular.
    • UI Libraries

      • Syncfusion - Its [Essential UI Kit for Angular](https://github.com/syncfusion/essential-ui-kit-for-angular) is compatible with both Tailwind CSS and Bootstrap.
      • Taiga UI - Powerful set of open source components for Angular!
      • oblique - Angular framework with Swiss corporate design and ready‑to‑use components for branded business apps.
      • orchestrator - Extensible orchestrator for UI and forms for Angular.
      • dyte-io/ui-kit - Dyte UI Kit: prebuilt components for quick video and voice call integration into any app or website.
      • ngwr - Angular UI kit to make stylish Angular applications.
      • Windmillcode-Angular-CDK - Provides a collection of reusable UI components, each crafted with attention to detail and performance.
      • ej2-angular-ui-components - Syncfusion Angular UI library with 70+ lightweight, responsive, modular, touch‑friendly components.
      • Nebular - Customizable Angular UI Library based on Eva Design System.
      • NG-ZORRO - An enterprise-class UI components based on Ant Design and Angular.
      • ngx-ui - Style and Component Library for Angular2 and beyond!
      • prime-ng - The Most Complete Angular UI Component Library.
      • ng-devui - Angular UI Component Library based on DevUI Design.
      • ng-aquila - Aquila, an open‑source Allianz GDF component library, offered here as a white‑label variant.
      • enterprise-ng - Angular wrappers for IDS Enterprise components.
      • fundamental-ngx - Fundamental Library for Angular is SAP Design System Angular component library.
      • designsystem - Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.
      • sbb-angular - Angular Library for SBB.
      • ui - Enterprise level Angular UI framework from Alauda Frontend Team.
      • ngx-tethys - Fast and reliable Tethys Design components for Angular.
      • antwerp-ui_angular - Antwerp UI is a component interface library for building user interfaces and responsive web apps.
      • ng-clarity - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
      • ngx-semantic - A new take on an Angular implementation for Semantic UI.
      • ngx-float-ui - Angular wrapper for the [Floating UI](https://floating-ui.com/) library.
      • winonang - Winona UI suite: seamless Angular components, optimized for Windows yet fully cross‑platform compatible.
      • carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
      • onega-ui - Modern, stylish UI kit with diverse components for building professional, attractive websites.
      • ng-zen - Create customizable, production‑ready Angular UI components seamlessly within your project.
      • ngx-vflow - An open source library to build node-based UI with Angular.
      • ng-vcl - Angular component library based on the VCL CSS eco-system.
      • ngx-ui - NGXUI from [Omnedia](https://github.com/omnedia): standalone Angular components, blocks, and templates for landing pages and marketing materials.
      • po-angular - Component library based on Angular. Documentation in Portuguese.
      • ngx-nighthawk - A production-ready, enterprise-grade project developed with Bootstrap, offering extensive custom functionality.
      • tableau-ui-angular - A third-party component library that brings Tableau-style components to Angular.
      • bryntum - World class web components for calendars, gantt charts, kanban boards, and scheduling.
      • flexi-ui - [Flexi UI](https://flexi-ui.ecnorow.com/): reusable, customizable, open‑source UI components for modern, visually appealing front‑end applications.
      • @ng-verse/ui - Production Ready Angular Components that you Copy/Paste.
      • @koobiq/angular-components - Open‑source design system for security‑focused products, offering UI patterns, components, tools, resources, and guidelines.
      • zardui - Collection of beautiful, accessible Angular components based on [shadcn-ui](https://github.com/shadcn-ui/ui) and NG‑ZORRO, fully open source and free.
      • Vega - Expedite feature development by leveraging reusable components and styles tailored to your preferred framework.
      • Blueprint UI - Accelerate your development with flexible UI components and tools that work everywhere.
      • @jean-merelis/angular-components - A library of reusable Angular components and utilities that provides high-quality UI elements for your applications.
      • mantic-ui - Angular components for [Semantic UI](https://semantic-ui.com/) and [Fomantic UI](https://fomantic-ui.com/).
      • kage-ui - Lightweight, flexible Angular library with reusable components inspired by border‑first design systems for scalable, consistent UIs.
      • quix-quang - Angular component and utility library developed by [Quix Srl](https://www.quixconsulting.com/).
      • ship-ui - A modern, signal-based, zoneless-compatible UI library for Angular. Explore its features and documentation on their [official website](https://www.shipui.com).
      • slateui - A modern, accessible UI component library that provides directive-based components built with Angular primitives, Tailwind CSS, and signals.
      • @nexcraft/forge - Framework-agnostic Web Components UI library. Works in Angular via custom elements.
      • ngx-nova-ui - A modern Angular 20 UI component library built with signals, standalone components, and a CSS-first theming approach.
      • elementar-ui - Fully open-source Angular UI Components & Admin Panel based on Angular Material and Tailwind CSS.
      • ngx-vant-revive - Angular UI component library implemented according to the [Zan Design System](https://design.youzan.com/) visual specifications.
      • MaxterDev NGX Components - A highly flexible and SCSS-customizable components library for Angular.
      • gcds-components - The `gcds-components-angular` package enables easy integration of [GC Design System](https://design-system.alpha.canada.ca/) web components into Angular.
      • particle-ng - A lightweight, themeable component library offering flexible, high-control alternatives to Angular Material and PrimeNG.
      • ngx-kit-ui - Modern Angular UI library for mobile and web.
      • TecnualNG - A modern Angular UI library offering reusable, customizable, and accessible components for building professional web applications.
      • takeoff-ui - A comprehensive design system providing framework-agnostic web components developed with Stencil.js.
      • mozek - A lightweight SCSS toolkit and UI library designed for clean, simple, non‑over‑engineered styling with consistent spacing, colors, and typography.
      • Magma - A broad set of components, services, pipes, directives, and utilities that support its ecosystem and are available for anyone to use or extend.
      • NG-ALAIN - NG-ZORRO admin panel front-end framework.
      • ngx-aespartal-ui - A professional, lightweight, and customizable Angular component library built with Atomic Design principles.
      • JSuites - Collection of UI components and utilities (forms, modals, inputs) that can be integrated into Angular with custom wrappers or directives.
      • ngx-support-chat - A pure presentational Angular component library for customer support chat interfaces.
      • luma-ui - Neo-Minimal design system for Angular applications.
      • Mundane UI - Framework-agnostic, zero-dependency, lightweight UI component library.
      • eagami-design-system - Lightweight, accessible Angular UI component library built on CSS custom properties.
      • angular-liquid-glass - A standalone Angular component library for liquid glass and glassmorphism interfaces.
      • ngx-pk-ui - An Angular 21 component library providing UI components and CSS utilities.
      • Zyra UI - Modern Angular component library with design tokens, signals, dark-mode-first theming, and WCAG 2.1 AA accessibility.
      • magary - A modern, standalone-first Angular UI library monorepo.
      • ngx-core-components - Angular 19+ component library — production-ready UI components built with signals, OnPush change detection, and zero runtime dependencies.
      • ngx-cupertino - Angular components implementing Apple's iOS 26 / macOS Tahoe 26 design system.
    • UI Libraries built on Bootstrap

      • angular-bootstrap-md - Material Design for Bootstrap 5 & Angular 17.
      • ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).
      • design-angular-kit - A toolkit based on Bootstrap Italia
      • ngx-bootstrap-components - Standalone Angular components with Bootstrap integration, built for signals and OnPush strategy.
      • yoozsoft - Widgets built using Bootstrap 5, CSS, and NG Bootstrap 17 with APIs designed for the Angular ecosystem.
      • ngx-gccb - Angular 19+ library with easy‑to‑use shared components, directives, pipes, and services. See [showcase](https://ngx-gccb.netlify.app/) for code snippets.
      • Elementar UI - Fully open-source Angular UI Components & Admin Panel based on Material 3 and Tailwind.
      • ez-nav - A config-driven, responsive Angular navigation bar that integrates seamlessly with Bootstrap layouts.
      • ng-bootstrap-addons - Adds UI components not available in `ng-bootstrap` (e.g., input/form controls).
      • cute-widgets - An open‑source Angular UI library that provides native directive‑based components styled with Bootstrap 5+ utilities and design classes.
    • UI Libraries built on Material

      • Angular Material - Material Design components for Angular.
      • angular-jqwidgets - Advanced Angular Components with Material Design.
      • MDBootstrap - Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation.
      • IgniteUI Angular - 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 - Minimal Design, a set of components for Angular 16+.
      • @ng-matero/extensions - Angular Material Extensions Library.
      • angular-material-css-vars - Little library to use CSS variables with Angular Material.
      • ngx-components - Useful components and utility functions for Angular.
      • ngx-material-auth - A library for Angular which provides functionality around the frontend part of authentication and authorization.
      • ngx-material-navigation - Creates material navigation elements like combined navbar and sidenav or footers, automatically shifting items based on breakpoints.
      • ngx-material-entity - With `NgxMaterialEntity` you can create entities and define how to display them directly on their properties. It can even generate complete and highly customizable CRUD-Tables.
      • ngx-core-business - Actively developed Angular library on `@angular/material`, offering reusable, enterprise‑grade components and utilities for scalable apps.
      • c3-components - An open-source component library that extends the `@angular/material` library.
      • simplematcomponents - Set of Angular components that fit into or use Angular Material Design.
      • angular-ui-plusify - Includes Datetime Picker and Markdown Editor, with plans to expand into a full Angular UI toolkit.
      • nmce - Suite of Angular Material extensions with reusable code and UI enhancements for complex, data‑rich business apps.
      • NgxMatFacetToolkit - Angular standalone facet filtering toolkit with Material UI.
      • ngx-dynamic-stepper - A powerful, flexible Angular library for creating dynamic wizard-style steppers built on top of Angular Material Stepper.
      • Covalent - Teradata UI Platform built on Angular Material.
      • BuilderKit - A complete UI toolkit and modern design system built on Angular Material, with blocks, templates, and a solid foundation for building Angular applications.
    • UI Libraries built on Tailwind CSS

      • Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
      • Tailkit UI - Carefully crafted, customizable, fully responsive Tailwind CSS components, templates, and tools for your projects.
      • Preline UI - [Preline](https://github.com/htmlstreamofficial/preline) is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
      • Metronic - Comprehensive Tailwind CSS UI toolkit for building modern, scalable web applications efficiently.
      • Rectangle UI - A code-first UI component library for Angular.
      • FlyonUI - [Integrate](https://flyonui.com/framework-integrations/angular/) FlyonUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently.
      • zapui - Build scalable Angular apps with a Tailwind-powered design system from [zap:ui](https://zapui.togethercreative.co.uk/).
      • simui - Beautiful Angular UI components built with Tailwind CSS and Spartan.
      • seacotools - A library designed for modern Angular applications, offering a suite of reusable UI components and services compatible with Tailwind CSS.
      • tailwind-ng - Open‑source library integrating Tailwind CSS with Angular for seamless, scalable, and joyful UI development.
      • nicacoder-ng - Centralized Angular library of customizable components to accelerate development and ensure project consistency.
      • angular-superui - Comprehensive Angular UI library with 50+ production‑ready components, built on Tailwind CSS v4, TypeScript, and Angular 17+ Signals.
      • koala-ui - A modern and accessible component library designed to speed up interface development.
      • ngx-tw - A comprehensive component library built with Tailwind CSS, providing a modern and customizable set of UI components for Angular applications.
      • PrimeBlocks - Professionally designed UI blocks tailored for rapid application development.
      • synerity-ui - Enterprise‑grade Angular 20+ library with 90+ accessible, performant Tailwind‑styled components for modern apps.
      • semantic-components - Modular Angular CDK + Tailwind UI elements with semantic HTML, full accessibility, and lightweight flexibility.
      • Galaxy UI - Universal Component Library that brings beautiful, accessible components to Angular.
      • ngx-lite-suite - Angular UI library with a "Lite Suite" design system of glassmorphism, gradients, and fluid animations.
      • ngx-tailwindcss - A customizable Angular UI library for Tailwind CSS 4+, offering accessible, beautifully designed components with full styling control.
      • angular-tailwind-ui - Easy to use and simple components, directives and services. Using Angular 19 and Tailwind CSS 3.
      • tailng - Angular components styled with Tailwind to achieve a Material‑like look.
      • elbe-ui - Angular UI components built with Tailwind CSS and Spartan UI.
      • starting-point-ui - Framework‑agnostic Tailwind CSS components inspired by shadcn/ui, fully compatible with Angular.
      • ng-brutalism - Neo-brutalist Angular UI library with signals, zoneless, and Tailwind CSS v4. Bold borders, offset shadows, opinionated aesthetic end-to-end.
    • UI Library and Framework Ionic

      • 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.
      • ionic-angular-collect-icons - Library to group ionIcons and auto‑generate export files, simplifying addIcons() management in small projects.
      • Official GitHub repository
      • awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
      • ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
      • IDEA-Ionic8-extra - [IDEA's](https://www.iter-idea.com/) extra components and services built on Ionic 8, and distributed with different NPM packages.
      • ionic-component-snippets - Repository of unofficial Ionic demos and libraries that can still benefit developers and their apps.
      • ionic-header-parallax - This directive enables a parallax effect on `ion-header` elements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down.
      • ionic-state - Provides utilities for working with state in Ionic applications.
      • Official website
      • simplici-auth-angular-ionic - Powerful Angular library for seamless social auth in Ionic/Angular apps, supporting major providers with web/mobile compatibility via Capacitor or Cordova.
      • ionx-search-select - Modern Angular/Ionic search & select with standalone components, signals, and full `ControlValueAccessor` support.
      • ionic-insta-api-wrapper - Lightweight Ionic/Cordova library for fetching Instagram content (Stories, Reels, posts, profiles) with login and cookie support.
      • ionic-adv-tooltip - Media rich tooltips and popovers for Ionic Angular that render templates, images, videos, or live previews on any host.
Sub Categories
Angular 255 Third Party Components 177 Wrappers 91 UI Libraries 72 Form Controls 69 Free Templates 68 Mixed Utilities 66 Internationalization 57 AI 50 Animations 43 HTTP 43 Forms 43 Authentication 41 Data Grids 40 Other State Libraries 40 Google Developer Experts on X 38 Blogs 37 CLI Tools 36 Editors 35 Notifications 34 Scroll 32 Loaders 31 RxJS 30 Charts 30 Generators and Scaffolding 29 Dates 29 Icons 28 Analytics 28 TypeScript 27 External Integration 27 UI Libraries built on Tailwind CSS 25 Carousels 25 Official Resources 23 Layout 23 Helpers 23 Form Validation 23 NgRx 23 Directives 22 DOM 22 Component 22 Images 21 UI Libraries built on Material 20 File Upload 19 Drag and Drop 19 Media 19 IDE Extensions 19 Builders 18 Training 18 Router 18 Feature Flags 17 Visual Effects 17 UI Library and Framework Ionic 17 Calendars 17 Community 17 Captcha 17 Books 16 Viewers 16 Storage 16 Deployment 16 Markdown 16 Performance 16 Accessibility 16 Linting 15 Styling 15 Updating Angular 15 E2E 15 Modals 15 Code Analysis 14 Maps 14 Pipes 14 Angular Team on X 13 QR Codes 13 Security Best Practices 12 Onboarding and Product Tours 12 JSON Forms 12 Runtime 11 NGXS 11 Keyboard Mouse 11 Cross-Framework Integration 10 UI Primitives 10 UI Libraries built on Bootstrap 10 Tooltips 10 Payments 10 Angular Experts on X 10 Role-Based Access Control 10 Documentation Tools 10 Server-Side Rendering 10 Exercises 9 Cheat Sheets 9 Desktop Applications 9 GraphQL 9 Paid Templates 9 Loggers 9 Debugging 9 Module Federation 8 Cookies 8 Certification Programs 7 Podcasts 7 PDF 7 SEO 6 Networking 6 Newsletters 6 CSV 5 Micro-Frontends 5 YouTube Channels 4 Layout Components 4 Editor Components 4 Printing 4 Style Guides 3 Monorepos 3 Guides 3 Editor and IDE Extensions 2 Bluesky 1