Third Party Components

• Animations

  • ngx-shiny-text - An Angular library that provides a shimmering text animation effect.
  • ngx-ripple - A customizable ripple effect component for interactive, engaging backgrounds or containers.
  • ngx-shine-border - An Angular library that provides a dynamic and customizable animated border effect for Angular components.
  • ngx-border-beam - This component allows you to create a glowing, animated border that can be customized in terms of colors, border radius, and animation duration.
  • ngx-dotpattern - An Angular library that provides a customizable dot pattern background effect for your Angular components.
  • ngx-meteors - An Angular library that adds a mesmerizing meteor shower animation effect to your components.
  • ngx-background-beams - An Angular component that generates dynamic animated background beams with customizable gradients and motion paths.
  • ngx-aurora - An Angular library for a customizable, animated aurora background with gradient effects and two animation styles.
  • ngx-particles - An Angular library for interactive particle animations that respond to mouse movements, creating customizable backgrounds.
  • ngx-spotlight - An Angular library for SVG spotlight effects that highlight page sections with customizable colors and animations.
  • ngx-starry-sky - An Angular library that creates a beautiful starry sky background with optional shooting star effects.
  • ngx-connection-beam - An Angular component that dynamically renders animated connection lines between two elements.
  • ngx-countUp - Animates a numerical value by counting to it.
  • ngx-animated-counter - BugSplat's library provides simple count up and count down number animations.
  • ngx-dom-confetti - Celebrate success with dom confetti on Angular projects!
  • ngx-dotlottie-web - Angular JavaScript library for rendering Lottie and dotLottie animations in Node.js and web environments.
  • afnaan-ngx-custom-cursor - A customizable animated cursor for Angular applications. Enhance user experience with a stylish and interactive cursor effect.
  • @ramiz4/typing-text - Angular directive for animated typing effects — smooth, customizable, and standalone.
  • ngx-gsap - A lightweight, customizable Angular animation library powered by GSAP that's declarative and easy to use.
  • ngx-animations - Angular animation library inspired by GSAP, offering high-performance directives, components, and a timeline service with full RTL support.
  • ngx-spring - Create fluid, natural-feeling animations using spring physics instead of durations and easing curves.
  • ngx-unicode-spinners - 18 braille-based Unicode spinner animations for Angular. Zero runtime dependencies.
  • ng-motion - Angular animation library built on [motion-dom](https://github.com/motiondivision/motion).
  • ngx-digit-flow - Individual digit animations for Angular. Each digit has a vertical reel (0-9) that scrolls to the new value when the number changes - slot-machine / odometer style.
  • angular-movement - An Angular motion ecosystem combining a reusable animation‑directive library with a demo and documentation site in one repository.

• Calendars

  • angular-calendar - A flexible calendar component for Angular 15+ that can display events on a month, week, or day view.
  • fullcalendar-angular - The official Angular component for FullCalendar.
  • schedule-x - Material design event calendar.
  • angular-calendar-timeline - Angular 13+ timeline component for tasks or events in day, week, and month views, supporting SSR without large dependencies like jQuery or Moment.js.
  • ngx-resource-calendar - Angular resource calendar library.
  • timegrid-angular - Angular wrapper for the [HexaFlexa](https://hexaflexa.com/) Timegrid web component.
  • ngx-calendar-widget - A lightweight, customizable, and feature-rich calendar widget designed to simplify event management and scheduling in your Angular applications.
  • ngx-calendario - An Angular library for displaying customizable calendars with event support.
  • daypilot-lite-angular - Angular version of JavaScript/HTML5 event calendar/scheduler components that can display day/week/month calendar views.
  • @pyas/connect-angular - A plugin wrapper around the [Pyas Connect](https://github.com/brutforce-tech/pyas-connect) Web Component, exposing PyasConnect as a first-class Angular component.
  • ngx-strip-calendar - Strip calendar component for Angular 17+.
  • ngx-calendar-view - A responsive Angular calendar component library with day/week/month views, drag-and-drop events, mobile swipe support, and built-in dark mode.
  • ngx-datepicker-calendar - A fast, accessible Angular date‑picker library built with signals and standalone components.
  • ngx-resource-scheduler - A lightweight, flexible resource scheduler for Angular.
  • CalendarJS - Open source JavaScript calendar and scheduling component that can be integrated into Angular projects.
  • hss-calendar - A premium, lightweight, and fully customizable calendar library for Angular 19+.
  • cyrus-calendar - A lightweight, multi-calendar Angular date picker supporting Gregorian, Shamsi (Jalali / Persian), and Imperial calendars.

• Captcha

  • ngx-turnstile - Cloudflare Turnstile for Angular.
  • ng-hcaptcha - Provides an easy to use component for [hCaptcha](https://hcaptcha.com/).
  • angular-yandex-smart-captcha - This library integrates Yandex SmartCaptcha into Angular forms for easy CAPTCHA protection.
  • go-captcha-angular - A simple, easy-to-use, interactive, and secure behavioral verification code that implements verification modes such as text/graphic clicking, sliding/dragging, and rotation.
  • ng-recaptcha-2 - Angular 18 fork of [ng-recaptcha](https://github.com/DethAriel/ng-recaptcha). Alternatively, you create your own service that implements Google's reCAPTCHA with the help of this [article](https://ben-5.azurewebsites.net/2024/9/5/google-recaptcha-v3-with-angular/#google_vignette).
  • ngx-slider-recaptcha - Customizable Angular library that provides a slider-based CAPTCHA component to help secure forms from spam and bot submissions.
  • @semantic-components/re-captcha - Angular 19+ integration of Google's reCAPTCHA using **signal inputs** and **standalone components**.
  • ng-cloudflare-turnstile - An intuitive, lightweight and easy to integrate [Cloudflare turnstile](https://developers.cloudflare.com/turnstile/) component for Angular.
  • altcha - GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter.
  • trustcaptcha-angular - This library helps you [integrate](https://docs.trustcaptcha.com/en/frontend/integration?frontend=angular) [Trustcaptcha](https://www.trustcaptcha.com/en) into your Angular frontend applications.
  • yandex-smart-captcha - An Angular library for integrating [Yandex SmartCaptcha](https://yandex.cloud/en/services/smartcaptcha) with support for standard/invisible captchas, reactive forms, and modern signals/effects.
  • ngx-captcha - reCaptcha components for Angular.
  • ngx-captcha-kit - This kit simplifies CAPTCHA implementation with a single component and service, ensuring compatibility with Angular 20+ features like Signals and zoneless change detection.
  • ngx-numeric-captcha - A modern, lightweight Angular CAPTCHA library featuring multiple verification challenges.
  • ngx-easy-captcha - Easy captcha implementation for both Google Recaptcha and Cloudflare Turnstile.
  • ngx-dice-captcha - A dynamic 3D CAPTCHA library featuring dice-based interaction and lifelike physics powered by Three.js and Cannon-es.
  • @semantic-components/re-captcha - Angular 19+ integration of Google's reCAPTCHA using **signal inputs** and **standalone components**.

• Carousels

  • egjs-flicking - Flicking Angular Quick Start.
  • ngu-carousel - Angular Universal carousel.
  • ngx-slider - Self-contained, mobile friendly slider component for Angular based on [angularjs-slider](https://github.com/angular-slider/angularjs-slider).
  • @MurhafSousli/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.
  • ngx-darkbox-gallery-library - A highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+).
  • slidecontent-angular - A simple content slide developed in Angular with navigation buttons and transition animations.
  • ngx-hm-carousel - A light carousel for Angular 18+, supports mobile touch with [HammerJs](https://hammerjs.github.io/).
  • ngx-stories - An Angular component to render Instagram like stories.
  • carousel-library - A versatile Angular library providing a feature-rich, simple, and performant carousel component.
  • ngx-simple-gallery - A lightweight gallery library for Angular 18 that presents all images as thumbnails, expanding them to full size upon clicking or tapping.
  • @daelmaak/ngx-gallery - Small, performant, responsive, dependency free, easy to use Angular 8+ gallery.
  • embla-carousel-angular - Angular wrapper for [Embla Carousel](https://github.com/davidjerleke/embla-carousel).
  • @vinlos/ngx-gallery - A simple native gallery component for Angular.
  • ngx-cdk-lightbox - Tailored CDK-based solution for rendering an image gallery with lightbox functionality in Angular.
  • rm-image-slider - Standalone Angular image slider with lightbox, lazy loading, and video support (YouTube/MP4).
  • ngx-carousel-modern - A modern, customizable carousel component for Angular 16+ with support for both standalone and NgModule-based applications.
  • @MurhafSousli/ngx-gallery - Simplifies the process of creating beautiful image galleries for the web and mobile devices.
  • fslightbox-angular - Angular version of [Fullscreen Lightbox](https://fslightbox.com/).

• Charts

  • ag-charts - Fully-featured and highly customizable JavaScript charting library.
  • 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.
  • ng-chartist - Angular component for [Chartist.js](https://github.com/chartist-js/chartist).
  • 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.
  • 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.
  • ngx-echarts - Angular directive for [Apache ECharts](https://github.com/apache/incubator-echarts).
  • ngu-flow - Angular flow diagram library.
  • highcharts-angular - Official minimal [Highcharts](https://www.highcharts.com/) integration for Angular.
  • Foblex - Angular Powered Flow-Chart Library.
  • unovis - Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.
  • angular-google-charts - A wrapper for the Google Charts library written in Angular.
  • ngx-flexmonster - A powerful and fully customizable JavaScript component for web reporting and data visualization.
  • ngx-graph - Graph visualization library for Angular.
  • ng-draw-flow - A library for creating interfaces based on displaying data as nodes.
  • sequential-workflow-designer - Customizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies.
  • ngx-hierarchy - Angular component module for vertical or horizontal hierarchy/tree view with flexible dynamic template design and controls.
  • @cubejs-client/ngx - Along with [@cubejs-client/core](https://www.npmjs.com/package/@cubejs-client/core), you can [integrate](https://cube.dev/docs/product/apis-integrations/javascript-sdk/angular) Cube.js in Angular.
  • ngx-lightweight-charts - An easily extendable Angular wrapper for [Trading View Lightweight Charts](https://www.tradingview.com/lightweight-charts/).
  • amcharts5 - Charting library for JavaScript and TypeScript apps. Check out the [Angular integration guide](https://www.amcharts.com/docs/v5/getting-started/integrations/angular/).
  • ngx-interactive-org-chart - Modern Angular organizational chart component with interactive panning and zooming.
  • ng-diagram - Angular library for building interactive, customizable diagrams, node-based editors, and visual workflows.
  • pioneer-charts - An Angular library for creating responsive, customizable charts using D3.js—supports bar, line, pie, and more.
  • ngx-recharts - Build composable charts with Angular components using the same API as [Recharts](https://recharts.github.io/).
  • carbon-charts - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.
  • angular-chrts - A high-performance, developer-friendly data visualization library for modern Angular applications.
  • @utisha/graph-editor - Configuration-driven visual graph editor with SVG canvas, theming, undo/redo, custom node rendering, and dagre auto-layout.

• Cookies

  • ngx-cookieconsent - Cookie Consent module for Angular.
  • ngx-cookie-service - Angular service for cookies. Originally based on the [ng2-cookies](https://github.com/BCJTI/ng2-cookies) library.
  • ngx-cookie-consent - Angular multi-language module to display a cookie consent banner without other dependencies.
  • cookieconsent - Simple cross-browser cookie-consent plugin written in vanilla js that can be added to [Angular](https://cookieconsent.orestbida.com/essential/getting-started.html#angular).
  • ngx-cookie-ssr - A straightforward cookie service for Angular 19 applications, inspired by ngx-cookie-service.
  • ngx-gdpr-cookie-consent - A beautiful Cookie consent library, easy to use.
  • smallest-cookie-banner - Minimal framework-agnostic cookie consent banner.
  • ngrithms-cookie-consent - Modern Angular cookie consent — standalone components, signal-based state, `provideCookieConsent()` functional setup, SSR-safe, and zero runtime dependencies.

• CSV

  • 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.
  • ngx-csv-parser - CSV Parser for Angular by Developers Hive.
  • ng2csv - Angular service for saving data to CSV file.
  • rm-ng-export-to-csv - A lightweight and customizable Angular library to export JSON data to CSV files with auto-download support. Ideal for charts, tables, reports, and dashboards.
  • impler - Use the [Angular package](https://www.npmjs.com/package/@impler/angular) to embed the CSV Excel Importer into your app.

• Data Grids

  • 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` provide excel-style filtering, live-data, sorting, draggable row and other toolbar.
  • 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.
  • ngx-flamegraph - Flame graph for stack trace visualization written in Angular.
  • revogrid - Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.
  • ZingGrid - [ZingGrid](https://github.com/ZingGrid/zinggrid) is a JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can also be used in popular frameworks such as React, Angular, Vue, jQuery, and many more!
  • ngx-panemu-table - An Angular table component. It is designed to be easy to use. Most work will be in TypeScript file, while the HTML file only needs to have a very simple `panemu-table` tag.
  • @blueshiftone/ngx-grid - A professional Angular data grid.
  • @guiexpert/angular-table - Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including [Angular](https://gui.expert/getstarted/angular/).
  • ngx-tabulator-tables - Angular wrapper for the [Tabulator](https://tabulator.info/) table library.
  • activereportsjs/angular-reporting-tool - Angular components for data visualization and reporting. Embed reports with [ActiveReportsJS](https://developer.mescius.com/activereportsjs).
  • Jspreadsheet CE - Open source JavaScript spreadsheet and data grid component, can be used in Angular apps when wrapped or consumed via Angular elements.
  • ngx-s-data-table - An Angular data table module that auto-maps class data with optional custom mappings for flexible rendering.
  • mat-datatable - A simple data table with virtual scrolling using Angular Material.
  • @Trixwell/data-grid - An Angular data table component with filtering, sorting, pagination, CSV export, sub-grids, and Material integration.
  • ngx-multi-sort-table - This library features a multiple sortable table based on Angular Material Design, with a focus on server-side loaded and sorted data.
  • angular2-smart-table - Angular Smart Data Table component.
  • slickgrid-universal - A monorepo which includes all editors, filters, extensions, and services related to framework agnostic [SlickGrid](https://github.com/6pac/SlickGrid) usage.
  • ngx-editable-material-table - An editable table, built on top of Angular Material, natively for Angular.
  • ngx-smartgrid - A lightweight and flexible Angular table/grid component designed to work seamlessly across Angular 10 to 20+.
  • handsontable - A popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.
  • ng-virtual-grid - Maximum performance for extremely large grids.
  • ngx-simple-datatables - A lightweight, high-performance Angular data table component with features like virtual scrolling, column freezing, and customizable templates.
  • ngx-list-manager - An Angular service tool to manage lists efficiently.
  • ZingGrid - A JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can be used in [Angular](https://www.zinggrid.com/docs/integrations/js-frameworks-&-libs/angular) and many more frameworks.
  • cerious-grid - A seriously powerful Angular grid for developers who demand control, flexibility, and performance.
  • ngxsmk-datatable - Modern Angular 17+ datatable focused on performance, customization, and developer experience.
  • ngx-column-filter - A powerful, reusable Angular column filter component with support for multiple field types, advanced filtering rules, and customizable match modes.
  • TabularJS - Lightweight JavaScript table and data grid library for advanced table features in Angular.
  • uni-table - Angular data grid built on signals for zero‑lag performance, combining advanced server‑side features with a streamlined configuration API.
  • ogrid - The lightweight, multi-framework data grid with enterprise features and zero enterprise cost.
  • @witqq/spreadsheet - Canvas‑based spreadsheet/datagrid engine with zero dependencies, 100K+ rows at 60fps, full editing, and real‑time collaboration. Check their [website](https://spreadsheet.witqq.dev/).
  • angular-datatables.net - Angular plus [DataTables](https://datatables.net/).
  • uiGrid - Open‑source, multi‑platform data grid rebuilt from the original [ui‑grid](https://github.com/angular-ui/ui-grid) with the same API and modern Angular signals, supporting Angular, Web Components, React, and Rust.
  • ngx-datawindow - Table component modernizing the classic DataWindow with zero‑config CRUD, computed columns, multi‑buffer state, offline sync, and granular change tracking.
  • simple-table - Framework-agnostic data grid and table component for building modern, scalable applications.
  • toolbox - High-performance, framework-agnostic web components for data-intensive applications.
  • sheetjs - A JavaScript library for reading and writing data from spreadsheets.
  • gp-grid - Data grid library built with a modular architecture that cleanly separates core logic from framework integrations to efficiently handle massive datasets with millions of rows.
  • ngx-powerful-tree - A virtualized tree with HTML5 drag‑and‑drop, fast search, locked subtrees, and file‑picker modes, built on `@angular/cdk/scrolling` for smooth performance at 100k+ rows.

• Dates

  • ngx-date-fns - [Date-fns](https://date-fns.org/) pipes for Angular.
  • ngx-mat-timepicker - A true material timepicker.
  • 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-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).
  • @dhutaryan/ngx-mat-timepicker - Material timepicker based on material design.
  • ngx-timeline - A simple component library to add an animated timeline view.
  • ngx-prayertimes-api - An Angular API client for [Prayer Times API](https://aladhan.com/prayer-times-api).
  • frxjs-Ngx-Timeline - This library allows you to integrate a timeline in your Angular app.
  • ngx-daterangepicker-pro - A powerful, customizable Angular date range picker built with Angular 17+ and [Day.js](https://github.com/iamkun/dayjs).
  • ngx-custom-daterangepicker - An Angular Material date range picker with configurable options, supporting advanced features and straightforward integration.
  • angular-material-jalali-datepicker-adapter - A comprehensive Angular library that provides Jalali (Persian/Solar Hijri/Shamsi) date adapter for Angular Material datepicker component.
  • date-interceptors - This library provides a robust solution for converting date and duration strings from JSON payloads into native Date objects and Duration objects, respectively.
  • @asadi/angular-date-components - A comprehensive Angular library of date-related components designed to meet the needs of applications that require localization based on various calendar systems.
  • ngx-vertical-timeline - An Angular component for creating a responsive vertical timeline.
  • ngx-timeago - Dynamic timestamp rendering in Angular.
  • ngx-chronica - A comprehensive Angular library providing six specialized date and time picker components that fill critical gaps in the Angular ecosystem.
  • ngx-mat-multi-date-picker - A comprehensive, standalone Angular library providing high-quality Gregorian, Jalali (Persian), and Hijri (Islamic) date pickers.
  • date-time-picker - Angular date time picker.
  • date-time-picker-moment-adapter - Moment.js Adapter for `@danielmoncada/date-time-picker`.
  • hijri-date-time-picker - Angular standalone dual Gregorian/Hijri datetime picker using Umm Al-Qura calendar.
  • ng-laydate - A simple yet robust date & time picker for Angular 18+.
  • lifecycle-timeline - An interactive Vanilla JS component for visualizing product lifecycle stages, accompanied by an Angular integration guide.
  • weekly-availability-picker - A standalone Angular weekly availability picker with drag & resize support.
  • angular-material-jalali-datepicker-adapter - A comprehensive Angular library that provides Jalali (Persian/Solar Hijri/Shamsi) date adapter for Angular Material datepicker component.

• Directives

  • 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.
  • ngx-copypaste - A pure and awesome copy paste directive for Angular.
  • ngx-nullish - Angular Structural Directive, which replaces `*ngIf` with Nullish Coalescing operator.
  • ngx-nullable - This library provides a way to make properties nullable in Angular templates.