Geist Design System
A comprehensive component library with 60+ components replicating Vercel's design language
Buttons
Various button styles and sizes
Cards
Container components with header, content, and footer
Card Title
Card description goes here
Card content area with proper spacing and typography.
Input & Label
Text input fields and labels
Badges
Status indicators and labels
Default
Secondary
Outline
Destructive
Avatar
User avatars with fallback support
CNJDAB
Skeleton
Loading placeholders
Alert
Alert messages and notifications
Default Alert
This is a default alert message with important information.
Destructive Alert
This is a destructive alert for error messages.
Separator
Visual dividers
Content above separator
Content below separator
Component Library Stats
Comprehensive component coverage
44+
Components
100%
TypeScript
WCAG AA
Accessible
Dark
Mode Ready