Third Party Components

• 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/).
  • whirli-ng - Angular carousel with drag, looping, virtual slides, projected content, thumbs, SSR‑friendly responsive layouts, external controls, and a rich event API.

• 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.
  • 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.
  • ng-date-hour-range-selector - A flexible Angular date / date-time range selector built on Angular CDK Overlay.

• 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.
  • ngx-if-platform - Directive for conditional display based on platform.
  • ngx-cut - Angular directive for cutting texts with responsive options.
  • ngx-app-version - Angular directive for writing version into DOM.
  • ngx-repeat - Angular directive for repeating HTML element by count.
  • ngx-fixed-footer - Angular directive that adds a fixed footer without overlap.
  • ngx-responsive-if - An Angular structural directive for conditional rendering based on media queries.
  • ngx-copy-to-clipboard - An Angular directive that enables easy text copying to the clipboard with a single click. It supports customizable success/error messages and triggers events on copy actions.
  • ng-click-outside - Angular directive for handling click events outside of an element.
  • ngx-autofocus - A powerful, flexible Angular directive for automatic element focusing.
  • ngxture - A lightweight and modular Angular library that provides ready-to-use animations and gesture directives.
  • @maxime1jacquet/npm-directives - Angular Directives including [ngx-cursor](https://www.npmjs.com/package/ngx-cursor) and [ngx-simple-countdown](https://www.npmjs.com/package/ngx-simple-countdown).
  • ngx-overflow-reveal - An Angular directive that elegantly reveals truncated text on hover.
  • ngxsmk-button-spinner - Angular 17+ directive to show a loading spinner inline or centered on any button.
  • ngx-clamp - Angular directive for multi-line or height-based text clamping with legacy-browser support.
  • ngx-memoize - A lightweight, zero‑dependency decorator that memoizes Angular class methods to eliminate repeated template-call overhead and boost performance.
  • ngx-speech-button - An Angular directive that provides an easy-to-use wrapper for the Web Speech API, enabling voice input functionality with minimal setup.
  • ngx-mat-menu-hover - This Angular directive provides functionality to handle hover menu behavior, allowing menus to open when hovered over and close when the mouse leaves.

• DOM

  • ng-lock - Angular decorator to lock a function and user interface while a task is running.
  • ngx-highlightjs - Instant code highlighting, auto-detect language, super easy to use!
  • ngx-resize-observer - Angular 8+ module for detecting when elements are resized.
  • 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.
  • ngx-breakpoint-observer - This library adds reactive breakpoint and media query methods based on Signals.
  • ngx-sharebuttons - Angular share buttons.