---
name: "@pacekit"
slug: "pacekit"
description: "A library of 50+ professional React UI components and ready-to-use UI blocks built with Tailwind CSS and TypeScript, specifically designed for dashboards and production apps. Organized into Blocks (dashboard sections) and component-level primitives; the structured JSON schema describes 40 component categories. Focuses on practical, real-app patterns from early prototypes to production, with clean integration via shadcn CLI. Free and open source. Use for: bootstrapping dashboard and admin interfaces with production-quality blocks that need no significant restyling before shipping."
category: "Dashboard/admin templates"
tags: ["animation", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "design-system", "forms", "hooks", "loaders", "marketing", "media", "navigation", "overlays", "pro-available", "tables", "theming"]
framework: "react"
license: "MIT"
author: "pacekit"
website: "https://ui.pacekit.dev"
github: "https://github.com/pacekit/ui"
registry: "https://ui.pacekit.dev/r/registry.json"
pro: true
pro_url: "https://ui.pacekit.dev/assets/pricing-Cys4B4gV.js"
github_stars: 282
component_count: 250
generated_at: "2026-10-27T06:34:08.542Z"
---

# @pacekit

A library of 50+ professional React UI components and ready-to-use UI blocks built with Tailwind CSS and TypeScript, specifically designed for dashboards and production apps. Organized into Blocks (dashboard sections) and component-level primitives; the structured JSON schema describes 40 component categories. Focuses on practical, real-app patterns from early prototypes to production, with clean integration via shadcn CLI. Free and open source. Use for: bootstrapping dashboard and admin interfaces with production-quality blocks that need no significant restyling before shipping.

## Links

- Website: https://ui.pacekit.dev
- GitHub: https://github.com/pacekit/ui
- Registry JSON: https://ui.pacekit.dev/r/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/pacekit
- This file: https://sh4dcn.netlify.app/md/pacekit.md
- Pro / pricing: https://ui.pacekit.dev/assets/pricing-Cys4B4gV.js

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.pacekit.dev/r/registry.json
pnpm dlx shadcn@latest add https://ui.pacekit.dev/r/registry.json
bunx shadcn@latest add https://ui.pacekit.dev/r/registry.json
# clone the source repo
git clone https://github.com/pacekit/ui.git
# fetch the raw registry index
curl -s https://ui.pacekit.dev/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | — | `npx shadcn@latest add https://ui.pacekit.dev/r/index.json` |
| dashboard-chart-1 | registry:block | An interactive chart visualizing system logs over time with data tooltips and active hover states. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-1.json` |
| dashboard-chart-2 | registry:block | A visual representation of web traffic volume and request spikes across different time periods. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-2.json` |
| dashboard-chart-3 | registry:block | A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-3.json` |
| dashboard-chart-4 | registry:block | A circular chart illustrating revenue distribution across different marketing acquisition and sales channels. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-4.json` |
| dashboard-chart-5 | registry:block | A stacked bar chart visualizing monthly profit and loss amounts with interactive tooltips and custom striped indicators. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-5.json` |
| dashboard-chart-6 | registry:block | A card showing transactions over time with a badge metric, stacked bar chart, and detailed transaction summary status grid. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-6.json` |
| dashboard-widget-1 | registry:block | A real-time activity stream displaying recent system events and errors in a chronological layout. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-widget-1.json` |
| dashboard-widget-2 | registry:block | An interactive seat selector for cinema and aircraft cabin booking, featuring hover details, status indicators, and total price calculation. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-widget-2.json` |
| dashboard-stat-1 | registry:block | A minimal statistic card displaying total log counts with a clean, numerical layout. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-1.json` |
| dashboard-stat-2 | registry:block | A detailed dashboard card highlighting total revenue with trend indicators and percentage growth. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-2.json` |
| dashboard-stat-3 | registry:block | A stat card displaying a metric with icon, trend indicator, and monthly goal progress. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-3.json` |
| dashboard-stat-4 | registry:block | A statistic card featuring a primary metric value, trend indicator, and a responsive area sparkline chart. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-4.json` |
| dashboard-table-1 | registry:block | A clean data table listing system events with timestamp, severity, and message columns. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-table-1.json` |
| dashboard-table-3 | registry:block | Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity. | `npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-table-3.json` |
| app-analytics-1 | registry:block | A weekly audience growth statistics widget showcasing active readers and email leads, complete with a highlighted weekly bar chart. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-1.json` |
| app-analytics-2 | registry:block | A statistics card displaying user retention and goal completion progress bars with status badges and options dropdown menu. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-2.json` |
| app-analytics-3 | registry:block | A comparison widget displaying revenue distribution between paid acquisition and organic search channels with a dual progress bar. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-3.json` |
| app-analytics-4 | registry:block | A campaign goals progress tracking widget displaying marketing completion percentages with inline metrics. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-4.json` |
| app-health-1 | registry:block | A weekly habit and streak tracking widget displaying current and longest streaks with a status grid. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-health-1.json` |
| app-education-1 | registry:block | A course syllabus tracker widget showing current module completion status and collapsible chapter item cards. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-education-1.json` |
| app-project-3 | registry:block | A project task card displaying priority status, task details, assignee, and calendar due date. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-project-3.json` |
| app-finance-1 | registry:block | A visual commodities portfolio tracker showcasing gold, silver, and crude oil allocations with an integrated segmented bar chart and detailed item metrics. | `npx shadcn@latest add https://ui.pacekit.dev/r/app-finance-1.json` |
| marketing-testimonials-1 | registry:block | An interactive client testimonials block featuring tabbed categorization (e.g., startups vs enterprise), custom metrics display, and trust rating social proof … | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-testimonials-1.json` |
| marketing-hero-1 | registry:block | A premium marketing hero block for educational courses featuring interactive progress track selectors, graduate avatar groups, and statistics summary cards. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-hero-1.json` |
| marketing-features-1 | registry:block | A premium developer features grid highlighting edge deployments, serverless DB pooling, and real-time Recharts monitoring. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-features-1.json` |
| marketing-features-4 | registry:block | A clean marketing features grid outlining sprint management, milestones, and project blueprints. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-features-4.json` |
| marketing-topbar-1 | registry:block | Classic logo left, centered main navigation, search and notifications right with user avatar menu. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-1.json` |
| marketing-topbar-2 | registry:block | Search-focused header with expandable keyboard shortcut search bar, quick links, and utility icons. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-2.json` |
| marketing-topbar-3 | registry:block | Dual call-to-action layout featuring compact search bar, utility controls, and primary action button. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-3.json` |
| marketing-topbar-4 | registry:block | Two-row layout with top primary navigation and bottom secondary filter tab strip with quick search. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-4.json` |
| marketing-topbar-5 | registry:block | Global command search topbar with interactive badge notifications and active user status badge. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-5.json` |
| marketing-footer-1 | registry:block | Minimal centered layout with brand mark, call-to-action button, horizontal nav links, and social icons. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-1.json` |
| marketing-footer-2 | registry:block | Clean split row layout featuring brand logo, inline navigation, social media icons, and legal footer strip. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-2.json` |
| marketing-footer-3 | registry:block | Dual-column layout pairing brand information and social icons with a newsletter subscription box. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-3.json` |
| marketing-footer-4 | registry:block | Multi-column layout featuring brand description, social links, categorized sitemap columns, and bottom copyright bar. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-4.json` |
| marketing-cookie-consent-1 | registry:block | Ultra minimal floating bar layout with concise policy text and primary accept button. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-cookie-consent-1.json` |
| marketing-cookie-consent-2 | registry:block | Centered modal card with icon header, privacy copy, and stacked/inline decision buttons. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-cookie-consent-2.json` |
| marketing-cookie-consent-3 | registry:block | Left-aligned toast banner featuring icon avatar, description text, and customization buttons. | `npx shadcn@latest add https://ui.pacekit.dev/r/marketing-cookie-consent-3.json` |
| layout-notification-1 | registry:block | A popover-based notification dialog showing recent notifications, unread badge indicator, and quick actions. | `npx shadcn@latest add https://ui.pacekit.dev/r/layout-notification-1.json` |
| layout-profile-1 | registry:block | A dropdown menu for user profile options showing user details, account settings, billing, notifications, and sign out. | `npx shadcn@latest add https://ui.pacekit.dev/r/layout-profile-1.json` |
| layout-widget-2 | registry:block | A dropdown menu for selecting language/country with country flag indicator. | `npx shadcn@latest add https://ui.pacekit.dev/r/layout-widget-2.json` |
| layout-promo-1 | registry:block | An attention-grabbing card encouraging users to unlock premium analytics features and historical data access. | `npx shadcn@latest add https://ui.pacekit.dev/r/layout-promo-1.json` |
| form-input | registry:component | A form input component with validation and error handling. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-input.json` |
| form-password | registry:component | A password input field with visibility toggle and validation. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-password.json` |
| form-select | registry:component | A select input field with options and validation. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-select.json` |
| form-switch | registry:component | A switch input field with on/off state and validation. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-switch.json` |
| form-textarea | registry:component | A textarea input field with validation and error handling. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-textarea.json` |
| form-checkbox | registry:component | A checkbox input field with validation and error handling. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-checkbox.json` |
| form-error | registry:component | A component for displaying form validation errors. | `npx shadcn@latest add https://ui.pacekit.dev/r/form-error.json` |
| plugin-filepond | registry:component | file pond | `npx shadcn@latest add https://ui.pacekit.dev/r/plugin-filepond.json` |
| mcp-block-viewer | registry:component | React context managing block variant navigation, theme toggling, and clipboard actions. | `npx shadcn@latest add https://ui.pacekit.dev/r/mcp-block-viewer.json` |
| motion-ai-suggestions | registry:ui | Get smart, real-time AI recommendations to refine and improve your work | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-suggestions.json` |
| motion-ai-model-selector | registry:ui | AI-focused model selector with preview, tooltips, and capability indicators built-in | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-model-selector.json` |
| motion-ai-model-ability-selector | registry:ui | Compact selector for toggling abilities with icons and custom styles | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-model-ability-selector.json` |
| motion-ai-response-writer | registry:ui | An auto-scrolling text display that smoothly keeps the latest response always visible | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-response-writer.json` |
| motion-ai-token-counter | registry:ui | Compact selector for toggling abilities with icons and custom styles | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-token-counter.json` |
| motion-reveal-text | registry:component | A smooth text reveals animation where each heading reveals related content on interaction. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-reveal-text.json` |
| motion-scramble-text | registry:ui | A hover-triggered text effect that scrambles and restores characters with smooth motion | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-scramble-text.json` |
| motion-squash-text | registry:ui | Characters bounce and squash into place with playful, dynamic energy. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-squash-text.json` |
| motion-bouncing-text | registry:ui | A playful animation where characters bounce in sequence across the text. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-bouncing-text.json` |
| motion-draw-line-text | registry:ui | A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-draw-line-text.json` |
| motion-mouse-wave-text | registry:ui | Creates a wave-like bounce effect on text as the mouse moves across | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-mouse-wave-text.json` |
| motion-text-fall-button | registry:ui | A button with dynamic text that falls into place with a smooth, elastic motion on hover or click. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-text-fall-button.json` |
| motion-spring-button | registry:ui | A button that shrinks on press and springs back with bounce. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-spring-button.json` |
| motion-fillable-button | registry:ui | A button that fills with color on hover. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-fillable-button.json` |
| motion-infinite-scroller | registry:ui | A smooth, physics-driven infinite scroller featuring drag momentum and scroll acceleration. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-infinite-scroller.json` |
| motion-gradient-shadow | registry:ui | Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-gradient-shadow.json` |
| motion-layered-stack | registry:ui | An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-layered-stack.json` |
| motion-profile-peek | registry:ui | Hover to peek profile with smooth reveal, right from the image. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-profile-peek.json` |
| motion-flip-reveal | registry:ui | Animated container that reveals or hides items using GSAP Flip transitions and keys. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-flip-reveal.json` |
| motion-reveal-on-scroll | registry:ui | Animate content into view on scroll with effects like fade, slide, zoom, and blur. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-reveal-on-scroll.json` |
| motion-swap | registry:ui | A flexible swap component that animates content changes with smooth customizable transition effects. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-swap.json` |
| motion-accordion | registry:ui | A vertically stacked set of interactive headings that each reveal a section of content with motion animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-accordion.json` |
| motion-dropdown-menu | registry:ui | Displays a menu to the user-triggered by a button-with spring entrance transitions, submenus, checkboxes, and radio items. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-dropdown-menu.json` |
| motion-tabs | registry:ui | A set of layered sections of content-known as tab panels-that are displayed one at a time with layout-aware spring indicator animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-tabs.json` |
| motion-switch | registry:ui | A control that allows the user to toggle between checked and not checked with jelly squash-and-stretch active physics and bouncy spring animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-switch.json` |
| motion-tooltip | registry:ui | A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it, with shared provider morphing and… | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-tooltip.json` |
| motion-calendar | registry:ui | A date picker component that allows users to select dates and ranges with interactive spring selection animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-calendar.json` |
| motion-checkbox | registry:ui | A control that allows the user to toggle between checked and not checked with tactile spring press physics and animated checkmark transitions. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-checkbox.json` |
| motion-collapsible | registry:ui | An interactive component which expands/collapses a panel with smooth spring height morphing and mask-gradient transitions. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-collapsible.json` |
| motion-combobox | registry:ui | An interactive searchable input with a filtered list of selectable items, animated floating highlight, and multi-select chip transitions. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-combobox.json` |
| motion-context-menu | registry:ui | Displays a menu located at the pointer position, triggered by a right-click or long-press, with spring entrance transitions, submenus, checkboxes, and radio it… | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-context-menu.json` |
| motion-menubar | registry:ui | A desktop-style horizontal menu bar with shared gliding trigger indicators, floating popup transition, and animated items. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-menubar.json` |
| motion-navigation-menu | registry:ui | A collection of links and navigation elements with shared gliding indicator, spring popup scale entrance, and viewport dimension morphing. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-navigation-menu.json` |
| motion-progress | registry:ui | Displays an indicator showing the completion progress of a task, typically displayed as a progress bar with spring motion animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-progress.json` |
| motion-radio-group | registry:ui | A set of checkable buttons-known as radio buttons-where no more than one button can be checked at a time, featuring tactile press physics and spring indicator … | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-radio-group.json` |
| motion-select | registry:ui | Displays a list of options for the user to pick from-triggered by a button-with spring popup reveals, shared gliding active item highlight, and animated checkm… | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-select.json` |
| motion-sidebar | registry:ui | A composable, themeable, and customizable sidebar component with collapsible states, variants, and responsive sheet behavior. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-sidebar.json` |
| motion-slider | registry:ui | An input where the user selects a value from within a given range with spring thumb scaling physics. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-slider.json` |
| motion-hover-card | registry:ui | For sighted users to preview content available behind a link with spring entrance transitions. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-hover-card.json` |
| motion-alert | registry:ui | Displays a callout for user attention with spring motion entrance and exit transitions. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-alert.json` |
| motion-empty | registry:ui | Displays an empty state placeholder when no data, results, or items are present with spring entrance animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-empty.json` |
| motion-input-otp | registry:ui | Accessible one-time password component with spring animations for character entry and active slot focus. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-input-otp.json` |
| motion-pagination | registry:ui | Pagination with page navigation, next and previous links, and motion shared active glide. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-pagination.json` |
| motion-scroll-area | registry:ui | Augments native scroll functionality for custom, cross-browser styling with smooth scrolling, tactile spring thumb interactions, and transition physics. | `npx shadcn@latest add https://ui.pacekit.dev/r/motion-scroll-area.json` |
| gsap-ai-suggestions | registry:ui | Get smart, real-time AI recommendations to refine and improve your work | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-suggestions.json` |
| gsap-ai-model-selector | registry:ui | AI-focused model selector with preview, tooltips, and capability indicators built-in | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-model-selector.json` |
| gsap-ai-model-ability-selector | registry:ui | Compact selector for toggling abilities with icons and custom styles | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-model-ability-selector.json` |
| gsap-ai-response-writer | registry:ui | An auto-scrolling text display that smoothly keeps the latest response always visible | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-response-writer.json` |
| gsap-ai-token-counter | registry:ui | Compact selector for toggling abilities with icons and custom styles | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-token-counter.json` |
| gsap-reveal-text | registry:ui | A smooth text reveals animation where each heading reveals related content on interaction. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-reveal-text.json` |
| gsap-scramble-text | registry:ui | A hover-triggered text effect that scrambles and restores characters with smooth motion | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-scramble-text.json` |
| gsap-squash-text | registry:ui | Characters bounce and squash into place with playful, dynamic energy. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-squash-text.json` |
| gsap-bouncing-text | registry:ui | A playful animation where characters bounce in sequence across the text. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-bouncing-text.json` |
| gsap-draw-line-text | registry:ui | A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-draw-line-text.json` |
| gsap-mouse-wave-text | registry:ui | Creates a wave-like bounce effect on text as the mouse moves across | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-mouse-wave-text.json` |
| gsap-text-fall-button | registry:ui | A button with dynamic text that falls into place with a smooth, elastic motion on hover or click. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-text-fall-button.json` |
| gsap-spring-button | registry:ui | A button that shrinks on press and springs back with bounce. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-spring-button.json` |
| gsap-fillable-button | registry:ui | A button that fills with color on hover. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-fillable-button.json` |
| gsap-swap | registry:ui | A flexible swap component that animates content changes with smooth customizable transition effects. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-swap.json` |
| gsap-animated-stack | registry:ui | A smooth stacked card component that expands on hover and collapses with animation. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-animated-stack.json` |
| gsap-layered-stack | registry:ui | An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-layered-stack.json` |
| gsap-gradient-shadow | registry:ui | Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-gradient-shadow.json` |
| gsap-github-star-counter | registry:ui | Display live GitHub star count for any public repository | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-github-star-counter.json` |
| gsap-rolling-number | registry:ui | A smooth rolling number component powered by GSAP. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-rolling-number.json` |
| gsap-profile-peek | registry:ui | Hover to peek profile with smooth reveal, right from the image. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-profile-peek.json` |
| gsap-flip-reveal | registry:ui | Animated container that reveals or hides items using GSAP Flip transitions and keys. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-flip-reveal.json` |
| gsap-reveal-on-scroll | registry:ui | Animate content into view on scroll with effects like fade, slide, zoom, and blur. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-reveal-on-scroll.json` |
| gsap-stagger-on-scroll | registry:ui | Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-stagger-on-scroll.json` |
| gsap-liquid-cursor | registry:ui | A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-liquid-cursor.json` |
| gsap-liquid-glass | registry:ui | A smooth glass effect with subtle blur, ideal for UI highlights and overlays. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-liquid-glass.json` |
| gsap-tilt-card | registry:ui | Interactive 3D tilt card that responds to cursor, adds depth and motion | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-tilt-card.json` |
| gsap-distort-text | registry:ui | Distort text with interactive hover motion. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-distort-text.json` |
| gsap-overlay-effect | registry:ui | Overlay effect with GSAP animation. | `npx shadcn@latest add https://ui.pacekit.dev/r/gsap-overlay-effect.json` |
| dot-display-dot-loader | registry:ui | Frame-by-frame 9x9 LED dot matrix loader animation component. | `npx shadcn@latest add https://ui.pacekit.dev/r/dot-display-dot-loader.json` |
| dot-display-dot-flow | registry:ui | Animated step flow combining text status transitions with dot matrix animations. | `npx shadcn@latest add https://ui.pacekit.dev/r/dot-display-dot-flow.json` |
| free-dashboard-template | registry:block | This premium admin dashboard template delivers responsive layouts, diverse charts, and advanced tables for your web applications. | `npx shadcn@latest add https://ui.pacekit.dev/r/free-dashboard-template.json` |
| personal-portfolio-template | registry:block | Landing template | `npx shadcn@latest add https://ui.pacekit.dev/r/personal-portfolio-template.json` |
| tanstack-charts-area-gradient | registry:block | A gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-gradient.json` |
| tanstack-charts-area-stack-expanded | registry:block | An expanded stacked area chart illustrating traffic distribution ratios normalized to 100% built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-stack-expanded.json` |
| tanstack-charts-area-stacked | registry:block | A stacked area chart displaying combined desktop and mobile website traffic built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-stacked.json` |
| tanstack-charts-area-step | registry:block | A step area chart illustrating active microservice replica transitions built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-step.json` |
| tanstack-charts-area-linear | registry:block | A linear area chart tracking cloud infrastructure compute consumption built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-linear.json` |
| tanstack-charts-area-interactive | registry:block | An interactive network bandwidth and throughput area chart with time range select built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-interactive.json` |
| tanstack-charts-area-axes | registry:block | An area chart displaying stacked desktop and mobile visitors with custom axes built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-axes.json` |
| tanstack-charts-area-default | registry:block | A default single area chart displaying website visitor trends built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-default.json` |
| tanstack-charts-area-chart-gradient | registry:block | A stacked gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-chart-gradient.json` |
| tanstack-charts-area-icons | registry:block | An area chart displaying stacked desktop and mobile visitors with custom legend icons built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-icons.json` |
| tanstack-charts-area-legend | registry:block | An area chart displaying stacked desktop and mobile visitors with a bottom legend built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-legend.json` |
| tanstack-charts-temperature-range-band | registry:block | Band area chart depicting high-low temperature range envelope. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-temperature-range-band.json` |
| tanstack-charts-stacked-time-area | registry:block | Stacked area chart displaying aggregated time series volume. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-stacked-time-area.json` |
| tanstack-charts-normalized-stacked-area | registry:block | 100% normalized stacked area chart visualizing sector percentage share. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-normalized-stacked-area.json` |
| tanstack-charts-streamgraph | registry:block | Organic center-aligned streamgraph displaying continuous sector volume flows. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-streamgraph.json` |
| tanstack-charts-bollinger-band | registry:block | Bollinger volatility bands around rolling moving average line. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bollinger-band.json` |
| tanstack-charts-difference-chart | registry:block | Dual-color difference area chart tracking asset premium vs discount to moving average. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-difference-chart.json` |
| tanstack-charts-contour-topography | registry:block | Topographic vector field isoline contours indicating spatial wind speed gradients. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-contour-topography.json` |
| tanstack-charts-density-contours | registry:block | Kernel density estimation contours displaying 2D spatial clustering concentration. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-density-contours.json` |
| tanstack-charts-quantile-ribbon | registry:block | 10th-90th percentile band area chart tracking median and outer bounds. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-quantile-ribbon.json` |
| tanstack-charts-ridgeline-density | registry:block | Overlapping ridgeline density plot comparing continuous distribution mountain curves. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-ridgeline-density.json` |
| tanstack-charts-violin-distributions | registry:block | Symmetric KDE violin profiles overlaid with boxplot quartiles. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-violin-distributions.json` |
| tanstack-charts-treemap | registry:block | Squarified hierarchical treemap tiling nested package data blocks. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-treemap.json` |
| tanstack-charts-themed-interactive-area | registry:block | Smooth monotone curved area chart with responsive time range filter tabs. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-themed-interactive-area.json` |
| tanstack-charts-geojson-map | registry:block | Spatial geographic boundary paths mapping data values to map regions. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-geojson-map.json` |
| tanstack-charts-hexbin-density | registry:block | Spatial hexbin clustering mapping point density concentration. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-hexbin-density.json` |
| tanstack-charts-line-custom-dots | registry:block | A line chart with custom dual-ring dots tracking software deployment release frequency built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-custom-dots.json` |
| tanstack-charts-line-dots | registry:block | A line chart with discrete data dots showing e-commerce conversion rate trends built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots.json` |
| tanstack-charts-line-multiple | registry:block | A multiple line chart tracking automated resolutions vs critical incident volume built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-multiple.json` |
| tanstack-charts-line-step | registry:block | A step line chart displaying infrastructure capacity and active server counts built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-step.json` |
| tanstack-charts-line-linear | registry:block | A linear 16-week revenue performance line chart built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-linear.json` |
| tanstack-charts-line-interactive | registry:block | An interactive visitor traffic line chart with desktop and mobile tab filtering built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-interactive.json` |
| tanstack-charts-line-default | registry:block | A default curved line chart displaying visitor trends built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-default.json` |
| tanstack-charts-line-dots-colors | registry:block | A line chart featuring colorful dots per browser data point built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots-colors.json` |
| tanstack-charts-line-dots-custom | registry:block | A line chart featuring custom stem dots built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots-custom.json` |
| tanstack-charts-line-dots | registry:block | A line chart displaying data point dots built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots.json` |
| tanstack-charts-line-label-custom | registry:block | A line chart with custom browser data labels built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-label-custom.json` |
| tanstack-charts-line-label | registry:block | A line chart displaying data labels directly above data points built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-label.json` |
| tanstack-charts-line-gaps | registry:block | Line chart handling missing or null data gaps with defined line breaks. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-gaps.json` |
| tanstack-charts-multi-line-end-labels | registry:block | Multi-series line chart with inline end-of-line labels. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-multi-line-end-labels.json` |
| tanstack-charts-lollipop | registry:block | Lollipop chart featuring discrete category stems with endpoint dot markers. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-lollipop.json` |
| tanstack-charts-dumbbell | registry:block | Dumbbell chart comparing dual-period point shifts across discrete categories. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-dumbbell.json` |
| tanstack-charts-moving-average-line | registry:block | Line chart with smoothed 7-day rolling window moving averages. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-moving-average-line.json` |
| tanstack-charts-parallel-coordinates | registry:block | Parallel coordinates chart visualizing multi-attribute metric tradeoffs. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-parallel-coordinates.json` |
| tanstack-charts-slopegraph | registry:block | Slopegraph comparing multi-period scalar trajectory shifts across categories. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-slopegraph.json` |
| tanstack-charts-linear-regression | registry:block | Scatterplot with fitted linear regression trend line. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-linear-regression.json` |
| tanstack-charts-change-arrows | registry:block | 2D vector change arrows depicting bivariate shift direction. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-change-arrows.json` |
| tanstack-charts-delaunay-network | registry:block | 2D Delaunay spatial triangulation mesh network. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-delaunay-network.json` |
| tanstack-charts-empirical-cdf | registry:block | Step-after empirical cumulative probability distribution curve. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-empirical-cdf.json` |
| tanstack-charts-beeswarm-dodge | registry:block | 1D collision-avoidance dodge layout packing discrete data points along category lanes. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-beeswarm-dodge.json` |
| tanstack-charts-log-scale-scatter | registry:block | Log-scale X axis scatterplot showing multi-order magnitude distributions. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-log-scale-scatter.json` |
| tanstack-charts-bump-ranking | registry:block | Curve-bump ranking lines tracking position changes over time. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bump-ranking.json` |
| tanstack-charts-indexed-multi-line | registry:block | Normalized multi-line comparison relative to an index baseline. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-indexed-multi-line.json` |
| tanstack-charts-connected-scatter | registry:block | 2D path trajectory tracking driving distance vs gas price over time. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-connected-scatter.json` |
| tanstack-charts-scatter-marginal-histograms | registry:block | Bivariate scatterplot paired with marginal X/Y frequency density distributions. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-scatter-marginal-histograms.json` |
| tanstack-charts-select-extrema | registry:block | Line chart automatically pinpointing and labeling high/low extrema points. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-select-extrema.json` |
| tanstack-charts-lag-autocorrelation | registry:block | Scatter plot comparing current value to a lagged time step observation. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-lag-autocorrelation.json` |
| tanstack-charts-composed-chart | registry:block | Layered combination composed of Area, Bar, and Line marks in a single view. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-composed-chart.json` |
| tanstack-charts-many-point-scatter | registry:block | High-density multivariate bubble scatterplot encoding weight, economy, and power. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-many-point-scatter.json` |
| tanstack-charts-echarts-axis-pointer | registry:block | Snapped vertical axis pointer with grouped tooltip details. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-echarts-axis-pointer.json` |
| tanstack-charts-recharts-interactive-legend | registry:block | Interactive toggleable series legend to show or hide individual series dynamically. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-recharts-interactive-legend.json` |
| tanstack-charts-chart-table-selection | registry:block | Bidirectional state synchronization connecting scatter plot points and interactive table rows. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-chart-table-selection.json` |
| tanstack-charts-focus-context-window | registry:block | Dual overview and detail window with interactive brush area selector. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-focus-context-window.json` |
| tanstack-charts-pinned-nested-chart-tooltip | registry:block | Rich interactive popover tooltip rendering a nested sub-chart upon hover. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pinned-nested-chart-tooltip.json` |
| tanstack-charts-streaming-window-preservation | registry:block | Real-time streaming time series with sliding window data buffer retention. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-streaming-window-preservation.json` |
| tanstack-charts-echarts-synchronized-cursors | registry:block | Multi-panel vertically synchronized chart grid with linked inspection cursor. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-echarts-synchronized-cursors.json` |
| tanstack-charts-echarts-free-cursor | registry:block | Arbitrary XY continuous crosshairs with dynamic coordinate popup tooltip. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-echarts-free-cursor.json` |
| tanstack-charts-brush-range-selection | registry:block | Drag handles horizontally to select date domain window bounds. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-brush-range-selection.json` |
| tanstack-charts-zoomable-time-window | registry:block | Scroll wheel to zoom domain and drag to pan time window. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-zoomable-time-window.json` |
| tanstack-charts-timeline-playback-scrubber | registry:block | Interactive timeline play/pause scrubber with keyframe animation. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-timeline-playback-scrubber.json` |
| tanstack-charts-editable-event-range | registry:block | Bidirectional drag handle and date picker event range adjuster. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-editable-event-range.json` |
| tanstack-charts-polar-line | registry:block | Continuous 360-degree cyclical temperature polar chart. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-polar-line.json` |
| tanstack-charts-polar-scatter | registry:block | 2D polar coordinate distribution plotting wind speed and angle heading. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-polar-scatter.json` |
| tanstack-charts-premium-kpi-sparklines | registry:block | Compact micro sparkline KPI cards with trend indicators. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-premium-kpi-sparklines.json` |
| tanstack-charts-force-directed-network | registry:block | Force-directed graph layout visualizing nodes and physics spring link connections. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-force-directed-network.json` |
| tanstack-charts-vector-field | registry:block | Directional vector arrows mapping circulation and flow field magnitude. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-vector-field.json` |
| tanstack-charts-framed-scatter | registry:block | Framed 2D scatter plot visualizing metric distributions. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-framed-scatter.json` |
| tanstack-charts-bar-multiple | registry:block | A grouped bar chart comparing desktop and mobile visitors over 6 months built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-multiple.json` |
| tanstack-charts-bar-active | registry:block | A bar chart showcasing browser market share with active element styling built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-active.json` |
| tanstack-charts-bar-default | registry:block | A default vertical bar chart displaying visitor metrics built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-default.json` |
| tanstack-charts-bar-horizontal | registry:block | A horizontal bar chart displaying visitor statistics built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-horizontal.json` |
| tanstack-charts-bar-interactive | registry:block | An interactive bar chart with tabbed metric selection built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-interactive.json` |
| tanstack-charts-bar-label-custom | registry:block | A horizontal bar chart with custom month and visitor labels built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-label-custom.json` |
| tanstack-charts-bar-label | registry:block | A bar chart with labels displayed above bars built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-label.json` |
| tanstack-charts-bar-mixed | registry:block | A multi-colored horizontal bar chart tracking browser visitors built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-mixed.json` |
| tanstack-charts-bar-negative | registry:block | A bar chart displaying positive and negative data values built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-negative.json` |
| tanstack-charts-bar-stacked | registry:block | A stacked bar chart comparing desktop and mobile visitors with legend built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-stacked.json` |
| tanstack-charts-interval-timeline | registry:block | Gantt-style timeline chart mapping continuous interval event ranges. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-interval-timeline.json` |
| tanstack-charts-error-bars | registry:block | Sample point estimates with confidence deviation error range bars. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-error-bars.json` |
| tanstack-charts-boxplot | registry:block | Grouped quartile boxplots highlighting median and outlier spreads. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-boxplot.json` |
| tanstack-charts-cumulative-histogram | registry:block | Binned cumulative frequency histogram of population metrics. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-cumulative-histogram.json` |
| tanstack-charts-quantitative-binned-heatmap | registry:block | Two-dimensional quantitative binned density heatmap grid. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-quantitative-binned-heatmap.json` |
| tanstack-charts-calendar-heatmap | registry:block | 12-week matrix cell calendar heatmap displaying daily observations. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-calendar-heatmap.json` |
| tanstack-charts-diverging-likert | registry:block | Diverging Likert scale bars anchored around neutral survey sentiment. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-diverging-likert.json` |
| tanstack-charts-candlestick | registry:block | Financial Open-High-Low-Close price action candlestick chart. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-candlestick.json` |
| tanstack-charts-waterfall | registry:block | Sequential revenue bridge waterfall chart tracking period variance drivers. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-waterfall.json` |
| tanstack-charts-hierarchy-tree | registry:block | Tree layout algorithm mapping hierarchical package dependencies. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-hierarchy-tree.json` |
| tanstack-charts-faceted-distributions | registry:block | Small multiples faceting histogram distributions across species and sex categories. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-faceted-distributions.json` |
| tanstack-charts-grouped-reducer-bars | registry:block | Grouped dataset aggregation calculating mean values per category. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-grouped-reducer-bars.json` |
| tanstack-charts-marimekko-mosaic | registry:block | Variable-width mosaic chart where column widths reflect segment proportion. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-marimekko-mosaic.json` |
| tanstack-charts-population-pyramid | registry:block | Bilateral horizontal bar chart displaying demographic population breakdowns. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-population-pyramid.json` |
| tanstack-charts-recharts-mixed-bars | registry:block | Hybrid bar chart combining stacked bars alongside single comparison bars. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-recharts-mixed-bars.json` |
| tanstack-charts-scrollable-resource-lanes | registry:block | Multi-team resource scheduling lanes displaying overlapping task intervals. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-scrollable-resource-lanes.json` |
| tanstack-charts-stacked-bar-band-cursor | registry:block | Hover crosshairs highlight full column band with breakdown tooltip. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-stacked-bar-band-cursor.json` |
| tanstack-charts-active-bar-dashboard | registry:block | Interactive tabbed bar dashboard switching desktop and mobile traffic. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-active-bar-dashboard.json` |
| tanstack-charts-sales-funnel | registry:block | Step-down conversion stages tracking user dropoff through sales pipeline. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-sales-funnel.json` |
| tanstack-charts-waffle-unit-chart | registry:block | Square cell unit grid visualizing proportion and volume. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-waffle-unit-chart.json` |
| tanstack-charts-heatmap-calendar | registry:block | A 12-week daily rainfall intensity matrix using cell marks in TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-heatmap-calendar.json` |
| tanstack-charts-heatmap-quantitative-binned | registry:block | A 2D binned density histogram mapping bill length vs depth built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-heatmap-quantitative-binned.json` |
| tanstack-charts-heatmap-token-usage | registry:block | GitHub-style 52-week activity contribution grid for API token volume built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-heatmap-token-usage.json` |
| tanstack-charts-pie-donut-text | registry:block | A donut pie chart with centered total visitor text overlay built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-donut-text.json` |
| tanstack-charts-pie-donut-active | registry:block | A donut pie chart with an active pop-out slice built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-donut-active.json` |
| tanstack-charts-pie-donut | registry:block | A clean donut pie chart displaying visitor distribution built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-donut.json` |
| tanstack-charts-pie-interactive | registry:block | An interactive donut pie chart with month selection built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-interactive.json` |
| tanstack-charts-pie-label-custom | registry:block | A pie chart displaying custom value labels outside the slices built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-label-custom.json` |
| tanstack-charts-pie-label-list | registry:block | A pie chart displaying category labels inside the slices built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-label-list.json` |
| tanstack-charts-pie-label | registry:block | A pie chart with leader lines pointing to slice value labels built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-label.json` |
| tanstack-charts-pie-legend | registry:block | A pie chart featuring a custom legend built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-legend.json` |
| tanstack-charts-pie-separator-none | registry:block | A seamless pie chart without slice stroke borders built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-separator-none.json` |
| tanstack-charts-pie-simple | registry:block | A simple pie chart displaying browser market share built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-simple.json` |
| tanstack-charts-pie-stacked | registry:block | A concentric multi-ring stacked pie chart built with TanStack Charts. | `npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-stacked.json` |

## For AI agents

```text
You are adding components from @pacekit to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/pacekit.md) for the component list.
2. Fetch the machine-readable index: https://ui.pacekit.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: pacekit).
```