Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

  • Table of contents

    • Angular

    • Third Party Components

      • tsparticles - A component to easily add Particles animations to your Angular application.
      • ngx-confetti-explosion - Confetti in Angular.
      • angular-animations - Easy, Reusable Animation Utility library for Angular.
      • ngx-lottie - Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+.
      • angular-animations-explorer - A resource to showcase the different animations that you could do with Angular.
      • ngx-notation-reveal - Angular component to add rough notation animation when element is visible.
      • ngx-typed2 - An Angular Typing Animation Library.
      • ngx-count-animation - A package that elegantly animates number changes, creating a visually engaging transition from one value to another, perfect for counting or displaying real-time data updates.
      • ng-auto-animate - Angular Directive (library) for FormKit's [Auto Animate](https://auto-animate.formkit.com).
      • layout-projection - Beautify the Web with awesome layout animations.
      • ngx-easy-view-transitions - Angular library for easier use of the View Transitions API.
      • ngx-typed-writer - A Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly).
      • angular-shiki-magic-move - Smoothly animated code blocks with [Shiki](https://github.com/shikijs/shiki).
      • angular-calendar - A flexible calendar component for angular 6.0+ that can display events on a month, week or day view.
      • angular-calendar-scheduler - A scheduler view component for angular.
      • fullcalendar-angular - The official Angular component for FullCalendar.
      • angular-year-calendar - A powerful and performant Angular year calendar library built with ❤️.
      • @schedule-x/angular - Material design event calendar.
      • ngu-carousel - Angular Universal carousel.
      • ngx-slider - Self-contained, mobile friendly slider component for Angular based on angularjs-slider.
      • ngx-gallery - Angular Gallery, Carousel and Lightbox.
      • ng-image-slider - Angular Image Slider with Lightbox.
      • ngx-slick-carousel - Angular 17+ wrapper for slick plugin.
      • ngx-splide - Splide.js integration to Angular.
      • ngx-owl-carousel-o - owl-carousel for Angular >=6.
      • angular2-image-gallery - Image Gallery built with Angular 17+, node.js and GraphicsMagick.
      • ngx-drag-scroll - A lightweight responsive Angular carousel library.
      • ng-slider - A light slider with no external dependencies.
      • keen-slider - The HTML touch slider carousel with the most native feeling you will get.
      • ng2-charts - Beautiful charts for Angular2 based on Chart.js.
      • ngx-charts - Declarative Charting Framework for Angular2 and beyond!
      • ng-apexcharts - Angular wrapper for ApexCharts to build interactive visualizations in Angular 7+.
      • ng-chartist - Angular component for Chartist.js.
      • org-chart - Highly customizable org chart. Integrations available for Angular, React, and Vue.
      • systelab-charts - Systelab Angular Chart services.
      • ngx-gantt - A modern and powerful gantt chart component for Angular.
      • dag - An Angular service for managing directed acyclic graphs.
      • ngx-simple-charts - Angular 17+ library for D3 based line, bar, donut and date/timeline charts with multiple entry points. A configurable service for token handling is provided.
      • ng-flowchart - A lightweight Angular Library for building drag and drop flow charts. Chart behavior and steps are customizable. Data can be exported or uploaded in json format.
      • ngx-echarts - Angular directive for [Apache ECharts](https://github.com/apache/incubator-echarts).
      • angular-fusioncharts - Angular Component for [FusionCharts](https://www.fusioncharts.com) JavaScript Charting Library.
      • ngu-flow - Angular flow diagram library.
      • ngx-date-fns - date-fns pipes for Angular.
      • luxon-angular - date pipes for Angular.
      • angular-globalize - Angular pipes for localizing numbers and dates using Globalize.
      • ngx-mat-timepicker - A true material timepicker.
      • angular-bootstrap-datetimepicker - Native Angular date/time picker component styled by Bootstrap.
      • ngx-datetime-range-picker - Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly levels.
      • mat-datetimepicker - Material datetimepicker for @angular/material.
      • angular-datepicker - Highly configurable date picker built for Angular applications.
      • ngx-daterangepicker-material - Pure Angular 2+ date range picker with material design theme.
      • ngx-multiple-dates - Multiple dates picker based on Angular Material.
      • ng-datetime - Angular library containing components used for handling datetime.
      • time2blocks-ngx - Angular lib to identify which time is associated with a blockchain block in the past (and format it).
      • ngx-resize-observer - Angular 8+ module for detecting when elements are resized.
      • ng-resize-observer
      • ngx-mutation-observer - Get Angular 8+ events fired when an element is mutated in the DOM.
      • ngx-visibility - Angular module that detects when elements are visible. Uses IntersectionObserver.
      • ng-in-viewport - Allows us to check if an element is within the browsers visual viewport.
      • ngx-breakpoint-observer - This library adds reactive breakpoint and media query methods based on Signals.
      • ngx-dynamic-hooks - 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.
      • edit-in-place - A flexible and unopinionated edit in place library.
      • ng-let - Structural directive for sharing data as local variable into html component template.
      • ng-for-track-by-property - Angular global trackBy property directive with strict type checking.
      • ng-generic-pipe - Generic pipe for Angular application.
      • safe-pipe - Angular pipe for sanitizing your unsafe content.
      • ngx-quicklink - Quicklink prefetching strategy for the Angular router.
      • ngx-sharebuttons - Angular share buttons.
      • ngx-pipes - Useful pipes for Angular with no external dependencies!
      • nglrx/pipes - A library of useful pipes for Angular apps.
      • ng-helpers - A collection of useful components, directives and pipes for Angular.
      • ng2-dragula - Drag and Drop so simple it hurts!
      • ngx-drag-drop - Angular directives using the native HTML Drag And Drop API.
      • ngx-dropzone - The missing file input component for Angular Material.
      • ng-dnd - Drag and Drop for Angular.
      • ngx-file-drag-drop - Angular material file input component which lets the user drag and drop files, or select files with the native file picker.
      • moveable - Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, and Snappable.
      • @ctrl/ngx-codemirror - Codemirror Wrapper for Angular.
      • acrodata/code-editor - CodeMirror 6 wrapper for Angular.
      • @instechnologies/ng-rooster - Angular wrapper of roosterjs, a rich text editor.
      • angular2-froala-wysiwyg - Angular 2 wrapper for Froala WYSIWYG HTML Editor.
      • ngx-simple-text-editor - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.
      • ngx-quill - Angular (>=2) components for the Quill Rich Text Editor.
      • ngx-editor - Rich Text Editor for Angular using ProseMirror.
      • code-editor - Code editor component for Angular applications.
      • ngx-wig - Angular(also Angular 17) WYSIWYG HTML Rich Text Editor.
      • ngx-monaco-editor - Monaco Code Editor for Angular.
      • ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.
      • ngx-tiptap - Angular bindings for [tiptap v2](https://tiptap.dev/).
      • ng2-file-upload - Easy to use file upload directives.
      • ngx-flow - Angular7+ wrapper for [flow.js](https://github.com/flowjs/flow.js) for file upload.
      • ngx-uploadx - Angular Resumable Upload Module.
      • file-upload - Angular module used for file upload.
      • ngx-file-drop - Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat.
      • ngx-mask - Angular Plugin to make masks on form fields and html elements.
      • maskito - Collection of libraries to create an input mask which ensures that user types value according to predefined format.
      • ngx-formly - JSON powered / Dynamic forms for Angular.
      • formio - JSON powered forms for Angular.
      • ng-dynamic-forms - Rapid form development library for Angular.
      • fluent-form - Building dynamic form in Angular with Fluent API or JSON.
      • reactive-forms - (Angular Reactive) Forms with Benefits.
      • ng-signal-forms - Signal powered Angular Forms.
      • ngx-sub-form - Utility library for breaking down an Angular form into multiple components.
      • forms-typed - Want types in your forms? Want to have nested forms? This is library can help.
      • ngx-emoji-mart - Customizable Slack-like emoji picker.
      • ngx-color - 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, X & more.
      • ngx-colors - Simple yet elegant Material color picker.
      • ngx-color-picker - Color picker widget.
      • angular-colorful - A tiny color picker component for modern Angular apps.
      • angular2-multiselect-dropdown - Angular multiselect dropdown component for web applications.
      • ng-select - All in One UI Select, Multiselect and Autocomplete.
      • ngx-numeric-range-form-field - Angular Material UI numeric range input form field. It is based on control value accessor.
      • file-input-accessor - Angular directive that provides file input functionality in Angular forms.
      • ngx-filesaver - Simple file save with [FileSaver.js](https://github.com/eligrey/FileSaver.js).
      • ngx-bar-rating - Angular Bar Rating.
      • angular-code-input - Robust and tested code (number/chars) input component for Angular 7 - 16+ projects. Ionic 4 - 7+ is supported, can be used in iOS and Android. Clipboard events are supported.
      • ng-multiselect-dropdown - Multiple Select Dropdown Component.
      • angular-iban - IBAN directives and pipes for Angular.
      • ngx-valdemort - Simpler, cleaner Angular validation error messages.
      • ngx-validator - About
      • validointi - This is a library to help you validate your template driven forms.
      • ngx-reactive-forms-utils - Provides easy validation error display and custom validators.
      • angular-reactive-validation - Reactive Forms validation shouldn't require the developer to write lots of HTML to show validation messages. This library makes it easy.
      • ngx-formcontrol-errors - A directive for showing errors in Angular form controls.
      • error-tailor - Making sure your tailor-made error solution is seamless!
      • angular-fontawesome - Official Angular component for Font Awesome 5+.
      • angular2-fontawesome - Angular2 Components and Directives for FontAwesome.
      • ng2-fontawesome - A small directive making font awesome even easier to use.
      • ngx-icon-blur - An Angular component that can be used to create a frosted glass effect for icons.
      • ng-icons - The ultimate icon library for Angular.
      • primeicons - PrimeIcons is the default icon library of PrimeNG with over 250 open source icons developed by PrimeTek.
      • angular-svg-icon - Angular component and service for inlining SVGs allowing them to be easily styled with CSS.
      • svg-icon - A lightweight library that makes it easier to use SVG icons in your Angular Application.
      • ng-svg-icon-sprite - Angular 16+ package for generating and using inline SVG icons in your project.
      • Angular-Svg-Sprite - Simplify SVG icon usage in your Angular project! Enhance the flexibility and manageability of your Angular project by using SVG sprites.
      • ng-hero-icons - Use [Heroicons](https://heroicons.com) in your Angular application.
      • ionic-angular-collect-icons - This library is used to uniquely group the ionIcons in a project, and generate for export ionIcons file. In small projects, it is difficult to manage addIcons() of ionIcons each time, so we automated it.
      • ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons.
      • angular-remix-icon - Angular wrapper for Remixicon icon library.
      • angular-line-awesome - Angular Line Awesome is an Angular component to manage [Line Awesome](https://icons8.com/line-awesome) icons.
      • ngx-bootstrap-icons - This Angular module allows you to use the Bootstrap Icons in your Angular application without additional dependencies.
      • ngx-icon - An Angular component for displaying SVG icons.
      • angular-feather - This package allows you to use [Feather Icons](https://github.com/feathericons/feather) in your Angular applications.
      • angular-tabler-icons - This package allows you to use the [Tabler Icons](https://tabler.io/icons) in your Angular applications.
      • icon-lib-builder - Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icon.
      • svg-icons-builder - Angular builder to build svg-icons using svg-to-ts.
      • ngx-fast-svg - SVGs, fast and developer friendly in Angular.
      • ngx-img-fallback - Load placeholder image on image error, Angular 5+.
      • ngx-image-zoom - Angular component for zoomable images.
      • ngx-image-hero - A package to implement hero animations, allowing users to click on images and smoothly zoom them into a larger, immersive view, enhancing the user experience and interaction with images.
      • ngx-image-compress - Angular library for uploading and compressing images.
      • ngx-image-cropper - An image cropper for Angular.
      • ng-cloudimage-responsive - Cloudimage responsive plugin will make your website load the exact image size you need depending on your user's screen size.
      • angular-cropperjs - [Cropper.js](https://github.com/fengyuanchen/cropperjs) integration for Angular 6+.
      • ngx-focus-control - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility.
      • angular2-hotkeys - Keyboard shortcuts for Angular 2 apps.
      • virtual-keyboard-javascript - Virtual Keyboard for Javascript, React, Angular, & Vue.
      • angular-touch-keyboard - Virtual Keyboard for Angular applications.
      • hotkeys - A declarative library for handling hotkeys in Angular applications.
      • ngx-contextmenu - A context menu component for Angular.
      • angular-split - Angular split component.
      • overview - A collection of tools to make your Angular views more modular, scalable, and maintainable.
      • ngx-layout - Clone of Angular FlexLayout.
      • ng-sortgrid - A grid that allows you to sort all items via drag & drop.
      • angular-gridster2 - Angular gridster 2.
      • angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
      • ng2-tree - Angular tree component.
      • angular2-promise-buttons - Loading buttons for Angular 2 by @johannesjo.
      • ngx-progressbar - Nanoscopic progress bar, featuring realistic trickle animations.
      • ng-lazy-load-component - Lazy load Angular component into HTML template without routing.
      • ngx-loading-bar - Automatic page loading / progress bar for Angular.
      • content-loader - SVG component to create placeholder loading, like Facebook cards loading.
      • ngx-loading - A loading spinner for Angular applications.
      • ng-block-ui - Block UI Loader/Spinner for Angular.
      • angular-busy - Show busy/loading indicators on any element during a promise/Observable.
      • angular-loaders - Angular loader components.
      • ngx-loader-indicator - Awesome loader for Angular applications. No wrappers only your elements.
      • ngx-skeleton-loader - Make beautiful, animated loading skeletons that automatically adapt to your Angular apps.
      • angular-svg-round-progressbar - Angular module that uses SVG to create a circular progressbar.
      • ng-circle-progress - A simple circle progress component created for Angular based on SVG Graphics.
      • ngx-loading-buttons - A lightweight Angular library to add a loading spinner to your Angular Material buttons.
      • lumberjack - Lumberjack is a versatile Angular logging library, specifically designed to be extended and customized. It provides a few simple log drivers out-of-the-box. It's easy to enable the built-in log drivers or create and use custom log drivers.
      • ngx-logger - NGX Logger is a simple logging module for Angular (6+). It allows "pretty print" to the console, as well as allowing log messages to be POSTed to a URL for server-side logging.
      • angular-logger - A logger built with Angular in mind.
      • ngx-action-logger - Logger for Angular applications, capable of both outputting data to the console or sending data to elastic.
      • @Xilerth/ngx-logger - This library empowers developers to seamlessly integrate custom logging solutions tailored to their specific requirements, enabling efficient debugging, monitoring, and analytics.
      • cesium-angular-example - A simple web application that demonstrates integration of [Cesium](https://cesium.com) with the LATEST version of Angular.
      • ngx-mapbox-gl - Angular binding of mapbox-gl-js.
      • ng-maps - Modular map components for angular.
      • ngx-leaflet - Core Leaflet package for Angular.io.
      • ngx-maplibre-gl - Angular binding of maplibre-gl.
      • ngx-markdown - Angular library that combines Marked, Prism.js, Emoji-Toolkit, KaTeX, Mermaid and Clipboard.js.
      • ngx-remark - Render markdown with custom Angular templates.
      • ngx-markdown-editor - Angular markdown editor based on ace editor.
      • angular-markdown-editor - Angular Markdown Editor. All-in-one Markdown Editor and Preview.
      • rx-angular - RxAngular offers a toolkit for handling fully reactive apps with the main focus on runtime performance, template rendering, and developer experience.
      • trellisorg platform - The Trellis Open Source Repo contains projects and tools, some of which Trellis uses internally, but has opened sourced for the community to use.
      • ng-web-apis - A set of common utils for consuming Web APIs with Angular.
      • daffodil - Angular Ecommerce PWA Framework.
      • ngworker - Monorepo for the @ngworker NPM organization. Packages for Angular applications and testing.
      • myndpm - Open Source Angular Libraries contributed by @myndpm.
      • jscutlery devkit - Tools that make Angular developer's life easier.
      • angular components - Component infrastructure and Material Design components for Angular.
      • lithium-angular - Reactive components made easy! Lithium provides utilities that enable seamless reactive state and event interactions for Angular components.
      • rxweb - Tons of extensively featured packages for Angular, Vue and React Projects.
      • jsonforms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
      • ngspot - Collection of awesome Angular libraries.
      • ngx-grpc - Angular gRPC framework.
      • ts-cacheable - A popular platform-agnostic caching library.
      • ngxtension-platform - Utilities for Angular.
      • spartan - Cutting-edge tools powering Angular full-stack development.
      • ngify - Use Angular features outside of Angular.
      • ng-vibe - Designed for Angular 17+, these tools (drawer, dialog, toastify,timer, service-locator) are here to enhance your development process with dynamic and efficient solutions.
      • angular-kit - A set of powerful Angular tools including pipes, lifecycle hooks, and reactive enhancements.
      • angular-ru-sdk - A set of tool chains that implement common interaction patterns while being unopinionated about their presentation. It represents an abstraction of the core functionalities found in Angular.
      • dfts-common - Collection of TypeScript and Angular libraries (QR Code, Bootstrap table and icons, and other utilities).
      • sba-angular - [Sinequa's](https://www.sinequa.com/) Angular-based Search Based Application (SBA) Framework.
      • ngx-awesome-popup - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).
      • dialog - A simple to use, highly customizable, and powerful modal.
      • ngx-modal-ease - `ngx-modal-ease` is a versatile Angular library providing a lightweight, simple, and performant modal.
      • ngx-smart-modal - Modal/Dialog component crafted for Angular (Ivy-compatible).
      • ngx-sweetalert2 - Declarative, reactive, and template-driven SweetAlert2 integration for Angular.
      • ngx-toastr - Notifications/Toastr.
      • hot-toast - Smoking hot toast notifications for Angular.
      • ngx-sonner - An opinionated toast component for Angular. A port of @emilkowalski's sonner.
      • angular-bootstrap-toast-service - Angular project for sending Bootstrap based toast notifications including Vercel deployment.
      • angular2-notifications - A light and easy to use notifications library for Angular.
      • ngx-notifier - A Simple Notification Service for Angular applications.
      • ngx-ui-scroll - Virtual/infinite scroll for Angular.
      • ngx-page-scroll - Animated scrolling functionality for Angular written in pure TypeScript.
      • ngx-infinite-scroll - Infinite Scroll Directive for Angular.
      • ngx-scroll-animations - This minimalistic Angular directive, free from external dependencies, empowers you to effortlessly implement CSS animations on elements. These animations trigger when an element comes into view through scrolling on the page. It seamlessly integrates with your choice of CSS animations.
      • 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. Pure Angular!** (Compatibility: Angular 9, Ivy, Universal, `ng add`).
      • OverlayScrollbars - A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
      • ng-table-virtual-scroll - Virtual Scroll for Angular Material Table.
      • ngx-scrollbar - Custom overlay-scrollbars with native scrolling mechanism.
      • universal-model-angular - Store and state management for Angular.
      • akita - A Reactive State Management Tailored-Made for JS Applications.
      • ng-simple-state - Simple state management in Angular with only Services and RxJS.
      • exome - Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS.
      • ngxs - NGXS tries to make things as simple and accessible as possible with less boilerplate and code to maintain.
      • ngrx - Reactive State for Angular.
      • query - Powerful asynchronous state management, server-state utilities and data fetching for the web.
      • elf - 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 - Declarative, incremental state management library.
      • ngx-signal-state - Opinionated simple state management for Angular.
      • mini-rx-store - MiniRx is the reactive state management platform.
      • ngx-collection - Collection State Management Service for Angular.
      • xstate - Actor-based state management & orchestration for complex app logic.
      • signalstory - A state management library based on Angular signals. It offers a range of architectural options, from simple repository-based state management (signal-in-a-service) to orchestrating decoupled commands, handling side effects through encapsulated objects, and facilitating inter-store communication using an event-driven approach.
      • ngx-sherlock - `ngx-sherlock` is an Angular tooling library to be used with the [@politie/sherlock](https://github.com/politie/sherlock) distributed reactive state management library.
      • tansu - A lightweight, push-based state management library. It works well with [the Angular ecosystem](https://amadeusitgroup.github.io/tansu/#md:tansu-works-well-with-the-angular-ecosystem).
      • ngx-reactive-storage - 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 - 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.
      • ngx-odm - Angular 14+ wrapper for RxDB.
      • ngx-easy-table - The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!
      • active-table - Framework agnostic table component for editable data experience.
      • jsgrids - A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo.
      • ui-grid - UI Grid: an Angular Data Grid.
      • datagrid - Angular TanStack table with shadcn Theme.
      • angular-datatables - An Angular2+ library for building complex HTML tables using the [DataTables](https://datatables.net) jQuery plug-in.
      • helipopper - A Powerful Tooltip and Popover for Angular Applications.
      • popover - Popover component for Angular.
      • angular-confirmation-popover - An angular 15.0+ bootstrap confirmation popover.
      • ngx-tooltip-directives - This library offers three different tooltip directives (string, html and template) and draws inspiration from the no longer maintained [ng2-tooltip-directive](https://github.com/drozhzhin-n-e/ng2-tooltip-directive).
      • ng2-tooltip-directive - Forked from [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
      • angular-ellipsis-tooltip - Angular component to display ellipsis and material tooltip dynamically.
      • ej2-angular-ui-components - 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.
      • Nebular - Customizable Angular UI Library based on Eva Design System.
      • NG ZORRO MOBILE - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.
      • 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 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 - 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 - Part of the Winona UI suite, aimed at providing seamless UI components for Angular developers. Our goal is to ensure that these components work flawlessly on Windows, but they are designed to be cross-platform compatible as well.
      • carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
      • ng-primitives - A low-level UI component library with a focus on accessibility, customization, and developer experience.
      • onega-ui - A modern and stylish UI kit that offers a wide range of UI components and elements to create professional and attractive websites.
      • sky-ui - Angular UI kit.
      • ngx-neumorphic - Angular Neomorphism UI kit.
      • ng-zen - A versatile Angular library and CLI tool offering UI-kit Angular schematics for streamlined integration into projects. The tool is currently in the Alpha phase.
      • pupakit - Angular UI Kit based on an atomic approach to building interfaces (Not production ready).
      • 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+.
      • angular-material-extensions/google-maps-autocomplete - **Autocomplete** input component and directive for google-maps built with angular material design.
      • angular-material-extensions/select-country
      • angular-material-extensions/password-strength - Angular UI library to illustrate and validate a **password**'s strength with material design.
      • angular material components - Angular Material Library provide extra components for every project.
      • ng-matero/extensions - Angular Material Extensions Library.
      • angular-material-css-vars - Little library to use css variables with Angular Material.
      • ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).
      • design-angular-kit - A toolkit based on Bootstrap Italia
      • David UI Angular - Components library for enterprise-level projects based on Tailwind CSS and Angular.
      • ngx-vflow - An open source library to build node-based UI with Angular.
      • angular-shepherd - Angular 7 Service wrapping the site tour library [Shepherd](https://github.com/shepherd-pro/shepherd).
      • skyux - SKY UX components for Angular.
      • ngx-ui-tour - A UI tour library inspired by [angular-ui-tour](https://github.com/benmarch/angular-ui-tour).
      • ngx-tour-wizard - Product Tour Wizard.
      • bdc-walkthrough - An Angular Material library for displaying walk-through pop-ups and dialogs using a declarative way.
      • ng2-pdf-viewer - PDF viewer component.
      • ngx-extended-pdf-viewer - A full-blown PDF viewer for Angular 16, 17, and beyond.
      • ngx-json-viewer - JSON formatter and viewer in HTML for Angular.
      • ngx-device-detector - An Angular v7+ library to detect the device, OS, and browser details.
      • ngx-diff - Angular component library for displaying diffs of text.
      • infinite-viewer - Infinite Viewer is a document viewer component with infinite scrolling.
      • ngx-countdown - Simple, easy and performant countdown.
      • xng-breadcrumb - Zero config breadcrumb solution. A lightweight, configurable and reactive breadcrumbs for Angular 6 and beyond.
      • ng-portal - Component property connection in Angular application.
      • falso - All the Fake Data for All Your Real Needs.
      • ngx-feature-toggle - Your module to handle with feature toggles in Angular applications easier.
      • runtime-config-loader - This is an Angular library that provides an easy way to load a configuration JSON file for runtime configuration.
      • ng-polymorpheus - Polymorpheus is a tiny library for polymorphic templates in Angular.
      • ngx-cookieconsent - Cookie Consent module for Angular.
      • ngx-cookie-service - Angular (4.2+ ...12) service for cookies. Originally based on the [ng2-cookies](https://github.com/BCJTI/ng2-cookies) library.
      • gui - JSON powered GUI for configurable panels.
      • ng2csv - Angular service for saving data to CSV file.
      • @ui-router/angular - [UI-Router](https://ui-router.github.io) for Angular: State-based routing for Angular.
      • angular-tag-cloud-module - With this module, you can generate word clouds / tag clouds.
      • ngx-lipsum - Easily use lorem-ipsum dummy texts in your angular app as directive, component or by using a service.
      • angular-audio-context - An Angular wrapper for the Web Audio API's AudioContext.
      • ngx-parallax-stars - Angular library to create beautiful stars with parallax effect.
      • angular-twitter-timeline - Angular Public Twitter Timeline Widget.
      • ng-parsel - Parse your Angular code base to JSON abstraction - Great for displaying APIs and running custom analysis.
      • ngx-signal-immutability - Compile-time and runtime immutability for Angular signals.
      • angular-paginator - Pagination Component for Angular applications.
      • ngx-flamegraph - Flame graph for stack trace visualization written in Angular.
      • angular-compiler-output - See the JS output of the Angular compiler for a given angular template.
      • ng-dynamic-mf - Truly dynamic modules at runtime with Module Federation.
      • ngx-font-picker - Google fonts font picker widget for Angular.
      • ngx-flagr - Effortless feature flag management in Angular.
      • module-federation-plugin - Module Federation allows loading separately compiled and deployed code (like micro frontends or plugins) into an application. This plugin makes Module Federation work together with Angular and the CLI.
      • ng2-idle - A module for responding to idle users in Angular applications.
      • (Github) Ionic Framework - Github Repo of Ionic Framework.
      • ngrx-course - Angular University Complete Guide.
      • ngrx-store-localstorage - Simple syncing between `@ngrx/store` and local storage.
      • ngrx-toolkit - Various Extensions for the NgRx Signal Store.
      • ngrx-traits - NgRx Traits is a library to help you compose and reuse a set NGRX actions, selectors, effects, and reducers across your app.
      • ngrx-addons - A collection of NgRx addons, including state persistence.
      • ngrx-store-storagesync - Highly configurable state sync library between localStorage/sessionStorage and `@ngrx/store`.
      • ngrx-wieder - Lightweight undo-redo for Angular with NgRx & Immer.js.
      • ngrx-immer - Immer wrappers around NgRx methods createReducer, on, and ComponentStore.
      • ngrx-rtk-query - Make RTK Query with Hooks works in Angular Applications.
      • ngrx-action-bundles - 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.
      • angular-ngrx-nx-realworld-example-app - Real world application built with Angular 17, NgRx 17, & Nx 17.
      • ngx-view-state - Library for handling Loading/Success/Error in NgRx.
      • learn-rxjs - Clear examples, explanations, and resources for RxJS.
      • rxjs-course - RxJs course from Angular University
      • redux-observable - RxJS middleware for action side effects in Redux using "Epics".
      • rxjs-challenge - A set of little RxJS puzzles to practice your Observable skills.
      • until-destroy - RxJS operator that unsubscribe from observables on destroy.
      • effects - A framework-agnostic RxJS effects implementation.
      • ngx-observable-lifecycle - Library for observing the lifecycle of an (ivy compiled) angular component.
      • rx-sandbox - Marble diagram DSL based test suite for RxJS.
      • observer-spy - This library makes RxJS Observables testing easy!
      • ngx-operators - RxJS operators for Angular.
      • rxjs-toolbox - Set of custom operators and handy factory functions for RxJS.
      • subscribable-things - A collection of reactive wrappers for various browser APIs.
      • ngx-rxjs-zone-scheduler - A library for Angular providing RxJS schedulers to run some kind of work inside or outside of `NgZone`.
      • rxjs-broker - An RxJS message broker for WebRTC DataChannels and WebSockets.
      • rxjs-insights - See through the observables.
      • observable-webworker - Simplified API for working with Web Workers with RxJS.
      • ng-event-bus - RxJS-based message bus service for Angular.
      • audit-debounce - RxJS operator to debounce and audit simultaenously.
      • TypeScript Repository (GitHub) - Official GitHub Repo for TypeScript.
      • DefinitelyTyped Repository (GitHub) - The repository for high quality TypeScript type definitions.
      • typehero - Connect, collaborate, and grow with a community of TypeScript developers.
      • type-challenges - Collection of TypeScript type challenges with online judge.
      • typescript-challenges - A set of challenges helping you understand TypeScript.
      • Sheriff - Lightweight Modularity for TypeScript Projects.
      • Total Typescript Book - The companion repo for the upcoming Total TypeScript book.
      • ts-essentials - All essential TypeScript types in one place.
      • trpc - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
      • quicktype - Generate types and converters from JSON, Schema, and GraphQL.
      • ts-pattern - The exhaustive Pattern Matching library for TypeScript, with smart type inference.
      • ngx-mf - Bind your model types to angular FormGroup type.
      • superstruct - A simple and composable way to validate data in JavaScript (and TypeScript).
      • typebox - Json Schema Type Builder with Static Type Resolution for TypeScript.
      • zod - TypeScript-first schema validation with static type inference.
      • valibot - The modular and type safe schema library for validating structural data.
      • awesome-angular
      • ng-condition - An alternative directive to `*ngIf; else` that simplifies conditions in HTML templates.
      • slate-angular - Angular view layer for [Slate](https://github.com/ianstormtaylor/slate).
      • BlockNoteAngular - Unofficial [BlockNote](https://github.com/TypeCellOS/BlockNote) Angular wrapper.
      • ngx-jodit - Angular wrapper for [Jodit](https://github.com/xdan/jodit) WYSIWYG editor.
      • ng-as - Angular pipe and directive for type casting template variables.
      • ngx-darkbox-gallery-library - A highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+).
      • Foblex - Angular Powered Flow-Chart Library.
      • ng-qrcode-svg - Simple QR code generator (SVG only) for Angular.
      • @tethys/store - A mini, yet powerful state management library for Angular.
      • ngrx-store-formsync - Synchronize any reactive form to `@ngrx/store`.
      • ng-lock - Angular decorator for lock a function and user interface while a task running.
      • rx-computed - The async RxJS-based version of signals' `computed()`.
      • microwave - Optimize Angular change detection effortlessly.
      • ngx-csv-parser - CSV Parser for Angular by Developers Hive.
      • rxjs - Reactive Extensions Library for JavaScript.
      • operators - This package regroups a couple of RxJS operators meant to simplify some common patterns.
      • angular-calendar-timeline - A timeline for Angular 13+ that shows tasks or events on a timeline in different modes: days, weeks, and months. This library is pretty small and DOESN'T use big dependencies like JQuery or Moment.js. Library also supports SSR.
      • highcharts-angular - Official minimal [Highcharts](https://www.highcharts.com/) integration for Angular.
      • angular-highcharts - Highcharts directive for Angular.
      • ng-vcl - Angular VCL ‒ an Angular component library based on the [VCL](https://vcl.github.io) CSS eco system.
      • tinymce-angular - Official [TinyMCE](https://www.tiny.cloud/) Angular Component.
      • ngx-autosize-input - An Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width.
      • img-comparison-slider - Image comparison slider. Compare images before and after. Supports React, Vue, and Angular.
      • @unpic/angular - Angular directive for responsive, high-performance images. Generates a responsive `<img>` tag that follows best practices, with the correct srcset, sizes and styles. Detects image URLs from most image CDNs and CMSs and can resize images with no build step.
      • pretty-html-log - A module that allows you to pretty print the inner HTML of ComponentFixtures, DebugElements, NativeElements or even plain HTML strings to the console. This is very useful for debugging Angular component tests in Jest.
      • ng-qrcode - Easy to use AOT compatible QR code generator for Angular projects.
      • dfts-qrcode - A tiny and simple-to-use JavaScript / TypeScript QR-Code generator library. Fully type-safe and ES modules compatible.
      • ngx-scanner - Angular QR code, Barcode, DataMatrix, scanner component using ZXing.
      • qrcode.angular - QR Code implementation based on Angular.
      • angular-slickgrid - A wrapper of the lightning fast & customizable [SlickGrid](https://github.com/mleibman/SlickGrid) datagrid. It also includes multiple styling themes.
      • ngx-treeview2 - An Angular treeview component with checkbox.
      • awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
      • TypeScript - Official Website for TypeScript.
      • REPL - Official TypeScript REPL that runs entirely in your browser.
      • 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.
      • @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! 🚀
      • ssr - Documentation for the new SSR package built into the framework.
      • ![CC0
      • ngrx - Reactive State for Angular.
      • ng-web-apis/storage - This is a library to use Web Storage API with Angular.
      • 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](https://github.com/IgniteUI/igniteui-angular) 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.
      • 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.
      • ngx-export-as - Angular 2+ / Ionic 2+ HTML/table element to export it as JSON, XML, PNG, CSV, TXT, MS-Word, Ms-Excel, and PDF.
      • Dev Extreme - Feature-Complete 65+ Angular Component Suite.
      • Syncfusion - The Complete Angular Components Library.
      • Taiga UI - Powerful set of open source components for Angular!
      • AgnosUI - Highly configurable headless framework agnostic component library.
      • oblique - 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.
      • orchestrator - Extensible orchestrator for UI and forms for Angular.
      • Angular Material - Material Design components for Angular.
      • angular-jqwidgets - Advanced Angular Components with Material Design.
      • angular-bootstrap-md - Material Design
      • Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.
      • ng2-pdfjs-viewer - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).
      • uppy - [Uppy](https://github.com/transloadit/uppy) is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.
      • store-service - Adds an abstraction layer / facade between Angular components and the NgRx store.
      • ckeditor - Ckeditor plugin for Angular2+.
      • awesome-utils-dev/angular - This is an exhaustive list of resources covering the whole Angular ecosystem. This should be your next step if you haven't found what you need here.
      • angular enterprise
      • ngx-sticky-kit - Angular Sticky makes HTML elements sticky. For instance, the header, the menu, the sidebar or any other block can be stuck at the desired position.
      • angular-toolbox - A library that provides useful tools for Angular apps development.
      • ngx-ui - NGXUI from [Omnedia](https://github.com/omnedia) is a collection of standalone components that you can simply install and use in your Angular projects. It primarily features components, blocks, and templates geared towards creating landing pages and user-facing marketing materials.
      • ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
      • gridstack - Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, multi-column responsive dashboard has never been easier. Has multiple bindings and works great with Angular.
      • dyte-io/ui-kit - Dyte's UI Kit is a prebuilt design library of UI components that makes it easy to integrate video and voice calls into any app or website within minutes.
      • Tailkit UI - Carefully crafted, easy to customize, fully responsive Tailwind CSS Components, Templates and Tools for your Tailwind CSS based projects.
      • slidecontent-angular - A simple content slide developed in Angular with navigation buttons and transition animations.
      • revogrid - Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.
      • dhutaryan/ngx-mat-timepicker - Material timepicker based on material design.
      • ngx-ellipsis - Multiline text with ellipsis for Angular 9+.
      • ngx-vest-forms - A lightweight adapter for Angular template-driven forms integrated with vest.js for validation.
      • po-angular - Component library based on Angular. Documentation in Portuguese.
      • angular-techs-logos - Library of tech related icons.
      • ng-azure-maps - An Angular library, mostly an HTML-driven wrapper of the azure-maps-controls package, allowing you to easily integrate its functionalities into an Angular application.
      • ng2-gauge - SVG gauge component for Angular.
      • ngx-angular-query-builder - A new version of [angular2-query-builder](https://github.com/zebzhao/Angular-QueryBuilder) that supports modern Angular. Used to create queries and filters.
      • IDEA-Ionic8-extra - [IDEA's](https://www.iter-idea.com/) extra components and services built on Ionic 8, and distributed with different NPM packages.
      • ngrx-entity-relationship - ORM selectors for Redux, `@ngrx/store`, `@ngrx/entity`, and `@ngrx/data`. Ease of relationships with entities.
      • angularx-qrcode - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library.
      • ngxd - NgComponentOutlet + Data-Binding + Full Lifecycle = NgxComponentOutlet for Angular 7+.
      • ngx-highlightjs - Instant code highlighting, auto-detect language, super easy to use!
      • ngx-spinner - A library for loading spinner for Angular.
      • ngx-markdoc - [Markdoc](https://markdoc.dev) component for Angular applications.
      • 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.
      • egjs-flicking - Flicking Angular Quick Start
      • ag-charts - Fully-featured and highly customizable JavaScript charting library.
      • carbon-charts - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.
      • angular cdk - The `@angular/cdk/drag-drop` module provides you with a way to easily and declaratively create drag-and-drop interfaces.
      • 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.
      • angular-imask - Angular input mask.
      • ngx-bootstrap-icons-picker - Just a Bootstrap Icons Picker for Angular.
      • angular-star-rating - Star Rating Angular Component written in TypeScript, based on CSS-only techniques.
      • cloudinary - Angular SDK from Cloudinary.
      • egjs-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Angular.
      • dotglitch-ngx - Highly customizable lazy loader for Angular components.
      • @angular/google-maps - This component provides a Google Maps Angular component that implements the Google Maps JavaScript API.
      • OneSignal - With [onesignal-ngx](https://github.com/OneSignal/onesignal-ngx), you can integrate OneSignal, world's leader for Mobile Push Notifications, Web Push, and In-App Messaging, into your Angular app.
      • ngx-doc-viewer - This component can be used to show several different document types in an Angular app.
      • ngx-filepond - A handy [FilePond](https://github.com/pqina/filepond) adapter component for Angular.
Programming Languages
TypeScript 561 HTML 30 JavaScript 20 SCSS 7 CSS 5 Rust 2 C# 2 Handlebars 1 Vue 1 Lua 1
Categories
Table of contents 1,030
Sub Categories
Angular 524 Third Party Components 506
Keywords
angular 411 typescript 116 angular2 50 javascript 44 ngx 39 react 31 rxjs 29 vue 21 angular-components 20 ngrx 18 angular-cli 17 material 17 library 16 components 16 testing 16 angular17 14 ui 14 frontend 13 admin-dashboard 12 angular5 12 jest 12 icons 12 angular-material 12 material-design 11 bootstrap 11 angular7 11 i18n 11 ionic 11 angular4 11 state-management 11 graphql 10 angular-library 10 ng 10 template 10 component 10 angular18 9 redux 9 ui-components 9 state 9 svelte 9 angularjs 9 nextjs 8 forms 8 ng2 8 reactive 8 svg 8 webpack 7 jasmine 7 angular9 7 carousel 7