--- name: "@paceui" slug: "paceui" description: "Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases." category: "Charts/data viz" tags: ["blocks", "buttons", "cards", "charts", "dashboard", "forms", "pro-available", "tables"] framework: "react" license: "MIT" author: "paceui" website: "https://paceui.com" github: "https://github.com/paceui/ui" registry: "https://paceui.com/r/registry.json" pro: true pro_url: "https://paceui.com/assets/pricing-eL85zIU2.js" github_stars: 274 component_count: 23 generated_at: "2026-07-28T08:00:50.948Z" --- # @paceui Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases. ## Links - Website: https://paceui.com - GitHub: https://github.com/paceui/ui - Registry JSON: https://paceui.com/r/registry.json - Directory page: https://sh4dcn.vercel.app/registry/paceui - This file: https://sh4dcn.vercel.app/md/paceui.md - Pro / pricing: https://paceui.com/assets/pricing-eL85zIU2.js ## Install ```sh # add the whole registry (shadcn CLI) npx shadcn@latest add https://paceui.com/r/registry.json pnpm dlx shadcn@latest add https://paceui.com/r/registry.json bunx shadcn@latest add https://paceui.com/r/registry.json # clone the source repo git clone https://github.com/paceui/ui.git # fetch the raw registry index curl -s https://paceui.com/r/registry.json ``` ## Components (23) | name | type | description | install | | --- | --- | --- | --- | | index | registry:style | — | `npx shadcn@latest add https://paceui.com/r/index.json` | | interactive-logs-chart | registry:block | An interactive chart visualizing system logs over time with data tooltips and active hover states. | `npx shadcn@latest add https://paceui.com/r/interactive-logs-chart.json` | | traffic-logs-chart | registry:block | A visual representation of web traffic volume and request spikes across different time periods. | `npx shadcn@latest add https://paceui.com/r/traffic-logs-chart.json` | | interactive-sales-chart | registry:block | A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips. | `npx shadcn@latest add https://paceui.com/r/interactive-sales-chart.json` | | channel-sales-chart | registry:block | A circular chart illustrating revenue distribution across different marketing acquisition and sales channels. | `npx shadcn@latest add https://paceui.com/r/channel-sales-chart.json` | | live-logs-feed | registry:block | A real-time activity stream displaying recent system events and errors in a chronological layout. | `npx shadcn@latest add https://paceui.com/r/live-logs-feed.json` | | create-user-form | registry:block | Structured account creation form for onboarding new team members, including profile details, role assignment, department selection, and secure password setup. | `npx shadcn@latest add https://paceui.com/r/create-user-form.json` | | usage-logs-meter | registry:block | A visual gauge displaying current system resource consumption against defined operational quota limits. | `npx shadcn@latest add https://paceui.com/r/usage-logs-meter.json` | | source-sales-meter | registry:block | A list of progress bars ranking sales performance by acquisition source with percentage indicators. | `npx shadcn@latest add https://paceui.com/r/source-sales-meter.json` | | upgrade-sales-promo | registry:block | An attention-grabbing card encouraging users to unlock premium analytics features and historical data access. | `npx shadcn@latest add https://paceui.com/r/upgrade-sales-promo.json` | | simple-logs-stat | registry:block | A minimal statistic card displaying total log counts with a clean, numerical layout. | `npx shadcn@latest add https://paceui.com/r/simple-logs-stat.json` | | rich-sales-stat | registry:block | A detailed dashboard card highlighting total revenue with trend indicators and percentage growth. | `npx shadcn@latest add https://paceui.com/r/rich-sales-stat.json` | | simple-logs-table | registry:block | A clean data table listing system events with timestamp, severity, and message columns. | `npx shadcn@latest add https://paceui.com/r/simple-logs-table.json` | | product-sales-table | registry:block | A comprehensive data list showing product performance, quantities sold, and total revenue generated. | `npx shadcn@latest add https://paceui.com/r/product-sales-table.json` | | simple-users-table | registry:block | Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity. | `npx shadcn@latest add https://paceui.com/r/simple-users-table.json` | | shadcn-day-fan | registry:block | Use this component when highlighting special events, milestones, or important dates. | `npx shadcn@latest add https://paceui.com/r/shadcn-day-fan.json` | | form-input | registry:component | A form input component with validation and error handling. | `npx shadcn@latest add https://paceui.com/r/form-input.json` | | form-password | registry:component | A password input field with visibility toggle and validation. | `npx shadcn@latest add https://paceui.com/r/form-password.json` | | form-select | registry:component | A select input field with options and validation. | `npx shadcn@latest add https://paceui.com/r/form-select.json` | | form-switch | registry:component | A switch input field with on/off state and validation. | `npx shadcn@latest add https://paceui.com/r/form-switch.json` | | form-textarea | registry:component | A textarea input field with validation and error handling. | `npx shadcn@latest add https://paceui.com/r/form-textarea.json` | | form-checkbox | registry:component | A checkbox input field with validation and error handling. | `npx shadcn@latest add https://paceui.com/r/form-checkbox.json` | | form-error | registry:component | A component for displaying form validation errors. | `npx shadcn@latest add https://paceui.com/r/form-error.json` | ## For AI agents ```text You are adding components from @paceui to a shadcn-compatible project. 1. Read this file (https://sh4dcn.vercel.app/md/paceui.md) for the component list. 2. Fetch the machine-readable index: https://paceui.com/r/registry.json 3. Install a single component with its install command from the table above. 4. Full structured record: https://sh4dcn.vercel.app/json (library slug: paceui). ```