Ship the heatmapyou were about to rebuild
A registry of production-shaped React components — previewed live, installed as source, and yours to edit the moment they land in your repo.
- Components
- 0+
- Categories
- 0
- Runtime deps
- 0
Featured components
Hand-picked blocks that cover the screens you build most.
Wax Seal Envelope
Sealed letter you open by pressing and holding the wax — cracks spread under your thumb, the seal shatters, the flap swings open in 3D and the letter rises out.
Tear-off Ticket
Event ticket with a perforated stub you physically tear off to redeem — real tear physics, holographic foil, and an ink-stamp check-in.
Contribution Heatmap
GitHub-style contribution heatmap calendar with color schemes and tooltips.
API Keys Manager
Full API key lifecycle for a settings page — create, reveal the secret exactly once, copy, and revoke behind a confirmation.
Danger Confirm
Type-to-confirm, hold-to-confirm, or checklist dialog that guards irreversible actions from accidental clicks.
Product Card
A responsive product card with quantity selection, low-stock urgency, and a loading skeleton.
Pricing Card
Pricing tier card with a monthly/annual billing toggle and a current-plan state.
User Profile
Comprehensive user profile view with stats, actions, and a copy-link share button.
Profile Card
User profile card with avatar, bio, skill tags, and a click-to-copy email.
Dashboard Stats
Grid layout of multiple stat cards, each with an optional sparkline.
Stats Card
Metric card displaying a value, trend, and an optional inline sparkline chart.
Data Table
Sortable, searchable data table with row selection and pagination.
Notification
Alert or toast notification with varying states and swipe-to-dismiss.
Login Form
A comprehensive login form with social options, inline validation, and error handling.
You own the code
Every component installs as source into your repo. No black-box package to fight, no runtime to upgrade.
shadcn-compatible
Drops into an existing shadcn setup and reuses your tokens, your Tailwind config, and your primitives.
Built for the real cases
Loading skeletons, error states, empty states, and guard rails — the parts most component demos skip.
Primitives & more
The building blocks underneath — install one, or the whole set.
Badge
Displays a badge or a component that looks like a badge.
Input
Displays a form input field or a component that looks like an input field.
Dialog
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Alert
Displays a callout for user attention.
Signup Form
A signup form with validation and social options.
Sidebar Navigation
A flexible sidebar with collapsible support and nested items.
Top Navigation Bar
A responsive top navigation bar with search and theme toggle.
Stop rebuilding the same card.
Copy one command, get readable source you can actually own and edit.