A treasury of UI components
Production-ready components and blocks for React — and soon React Native. One design language, installable with the shadcn CLI or straight from your AI agent.
npx shadcn@latest add @hazine/metric-cardComponents
View allCopy Button
A button that copies text to the clipboard with animated check feedback.
Status Badge
A badge with a colored status dot and optional pulse animation for live states.
Animated Counter
A number that counts up when scrolled into view. Respects reduced motion.
Metric Card
A dashboard stat card with animated value and delta indicator.
No components yet
Install your first component from the treasury to get started.
Empty State
A dashed placeholder with icon, title, description and call to action.
Password Input
A password field with visibility toggle and live strength meter.
Spotlight
Move your cursor over this card to reveal the radial highlight.
Spotlight Card
A card with a mouse-tracking radial spotlight highlight.
Kbd
Keyboard key caps for shortcuts, single keys or chords.