Bento 2 •
Team collaboration bento with animated stats
Shadcn Bento Blocks
Browse 53 original bento blocks built with React, Tailwind CSS, and shadcn/ui. Preview every design, inspect its source, or install it with the shadcn CLI.
Showing 53 of 53 blocks
Bento 3 •
Four-tile value proposition bento
Bento 4 •
Dark analytics bento with playhead chart
Bento 5 •
Healthcare feature bento grid
Bento 6 •
Dark enterprise bento with animated SVG tiles
Bento 7 •
Light bento with AI chat and model picker
Bento 8 •
Two-by-two bento with workflow and budget UI
Bento 9 •
Dark chatbot bento with conversation tiles
Bento 10 •
Analytics bento with wave chart and layered cards
Bento 11 •
Asymmetric six-column health tech bento
Bento 12 •
Inverted caption bento with icon flow diagram
Bento 13 •
Borderless eight-column mosaic with menu UI
Bento 14 •
Dark voice AI bento with waveform animation
Bento 15 •
Dark voice studio bento with emotion controls
Bento 16 •
Dark voice platform bento with team workspace
Bento 17 •
Dark bento with voice preview comparison
Bento 18 •
Light four-tile bento with mixed aspect ratios
Bento 19 •
Three-column masonry bento with integration pills
Bento 20 •
Hero split bento with recommendation engine feature
Bento 21 •
Light health bento with animated tiles
Bento 22 •
Dark analytics bento with photo tiles
Bento 23 •
Dark alternating bento with flipped captions
Bento 24 •
Dark staggered two-column bento
Bento 25 •
Dark wide-narrow bento mosaic
Bento 26 •
Light feature bento with icon captions
Bento 27 •
Light feature bento with mixed caption order
Bento 28 •
Light performance bento with icon rows
Bento 29 •
Light asymmetric feature bento grid
Bento 30 •
Healthcare bento with stat counters
Bento 31 •
Healthcare bento with report tiles
Bento 32 •
Captionless product bento mosaic
Bento 33 •
Complex pricing and promo bento
Bento 34 •
Investigation services bento collage
Bento 35 •
Dark headphone product bento
Bento 36 •
Dark editorial product bento
Bento 37 •
Dark split showcase bento
Bento 38 •
Editorial fashion bento collage
Bento 39 •
Analytics dashboard bento with charts
Bento 40 •
AI voice bento with keyboard and auth
Bento 41 •
Developer productivity bento with sidebar CTA
Bento 42 •
Task management feature bento grid
Bento 43 •
AI platform bento with integration hub
Bento 44 •
Mobile collaboration bento with world map
Bento 45 •
SaaS fintech bento with trading widget
Bento 46 •
AI chat and data pipeline bento
Bento 47 •
Labeled AI feature bento grid
Bento 48 •
Light feature bento with UI screenshots
Bento 49 •
AI analytics bento with radial chart
Bento 50 •
Asymmetric light marketing bento
Bento 51 •
Six-card analytics feature bento
Bento 52 •
Compact dark feature bento
Bento 53 •
Web3 developer bento with marquees
Bento 54 •
Enterprise finance bento with timeline
Category guide
Using Bento patterns
These patterns share semantic tokens and accessible interaction foundations while varying layout, density, hierarchy, and content composition.
Open any variation to compare responsive states, inspect its generated source, and copy a local shadcn registry command.