@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.

23 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.pacekit.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://ui.pacekit.dev/r/registry.json

bun bunx shadcn@latest add https://ui.pacekit.dev/r/registry.json

fetch registry curl -s https://ui.pacekit.dev/r/registry.json

Components

23 total

index style

npx shadcn@latest add https://ui.pacekit.dev/r/index.json

Interactive Logs Chart 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/interactive-logs-chart.json

Traffic Logs Chart block

A visual representation of web traffic volume and request spikes across different time periods.

npx shadcn@latest add https://ui.pacekit.dev/r/traffic-logs-chart.json

Interactive Sales Chart block

A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.

npx shadcn@latest add https://ui.pacekit.dev/r/interactive-sales-chart.json

Channel Sales Chart block

A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.

npx shadcn@latest add https://ui.pacekit.dev/r/channel-sales-chart.json

Live Log Feed 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/live-logs-feed.json

Create User Form 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://ui.pacekit.dev/r/create-user-form.json

Usage Logs Meter block

A visual gauge displaying current system resource consumption against defined operational quota limits.

npx shadcn@latest add https://ui.pacekit.dev/r/usage-logs-meter.json

Source Sales Meter block

A list of progress bars ranking sales performance by acquisition source with percentage indicators.

npx shadcn@latest add https://ui.pacekit.dev/r/source-sales-meter.json

Upgrade Sales Promo 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/upgrade-sales-promo.json

Simple Log Stat block

A minimal statistic card displaying total log counts with a clean, numerical layout.

npx shadcn@latest add https://ui.pacekit.dev/r/simple-logs-stat.json

Rich Sales Stat block

A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.

npx shadcn@latest add https://ui.pacekit.dev/r/rich-sales-stat.json

Simple Log Table block

A clean data table listing system events with timestamp, severity, and message columns.

npx shadcn@latest add https://ui.pacekit.dev/r/simple-logs-table.json

Product Sales Table block

A comprehensive data list showing product performance, quantities sold, and total revenue generated.

npx shadcn@latest add https://ui.pacekit.dev/r/product-sales-table.json

Users Table 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/simple-users-table.json

Shadcn Day block

Use this component when highlighting special events, milestones, or important dates.

npx shadcn@latest add https://ui.pacekit.dev/r/shadcn-day-fan.json

Form Input component

A form input component with validation and error handling.

npx shadcn@latest add https://ui.pacekit.dev/r/form-input.json

Form Password component

A password input field with visibility toggle and validation.

npx shadcn@latest add https://ui.pacekit.dev/r/form-password.json

Form Select component

A select input field with options and validation.

npx shadcn@latest add https://ui.pacekit.dev/r/form-select.json

Form Switch 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 component

A textarea input field with validation and error handling.

npx shadcn@latest add https://ui.pacekit.dev/r/form-textarea.json

Form Checkbox component

A checkbox input field with validation and error handling.

npx shadcn@latest add https://ui.pacekit.dev/r/form-checkbox.json

Form Error component

A component for displaying form validation errors.

npx shadcn@latest add https://ui.pacekit.dev/r/form-error.json