Complete showcase of all Bento cards rebuilt using composable primitives
All Bento cards successfully rebuilt using 12 composable primitives. 100% design token coverage. SASS dependency removed. All styling now uses Tailwind CSS 4 + CVA.
MaskedImage, Grid background
StatCard, ChartTooltip, DotIndicator
Simple grid SVG
Circles and toggles overlay
Grid with tooltip and boxes
Horizontal masked image
List items with toggles
Folder list with progress
Grid cells with bottom bar
AnimatedGrid, AvatarGroup, CursorTooltip
CircularProgress, IconButton
List items with centered card
Masked image with shadow
Card carousel with pagination
Simple SVG image
Grid layout with boxes
Chart columns with stats
Grid lines with cursor
Pricing list with selection
File conversion with arrow
Grid with centered avatar
Globe with location tooltips
Chart with legend
Chart with tooltip
Video player with 4K badge
Performance metrics
Grid with cursor
Invoice with status list
Social icons with rings
Timeline grid with tasks
Universal card wrapper with glassmorphic styling
Image container with gradient masks
Grid cells with spanning support
Overlapping avatars with plus button
Metrics display with value and label
Circular rings with conic gradients
Glassmorphic tooltips and labels
Status dots and pagination
Labels and format indicators
Circular icon action buttons
Data visualization bars
Animated glow button effect