Bento Home
The whole page organised as a bento grid: hero, features, numbers and testimonials all live in cells.
Install
npx shadcn@latest add "https://webberui.com/r/bento-home.json?t=<install token>"The whole page lands in app/templates/bento-home/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Navigation and Hero Bento
A sticky nav bar over a bento hero holding a productivity chart, a command palette, team headcount and a live activity ticker.
hero - 2
Customer Logo Marquee
An endlessly looping band of customer names with fade masks on both edges, vouching for 8,000+ teams.
gallery - 3
Capability Bento
Six capability cells assembled into one feature block: modular layouts, an AI assistant, live collaboration, automation, permissions and 120+ integrations.
features - 4
Scale and Reliability
Four number cells with scroll-triggered count-up for uptime, syncs, countries served and user rating.
stats - 5
Customer Voices
Three columns of review cards with five-star ratings, quotes and gradient-avatar attribution.
testimonial - 6
Pricing and Call to Action
The team plan's price and feature list on the left, a gradient cell with two call-to-action buttons on the right.
pricing - 7
Footer
A brand blurb, social links and three link columns for product, resources and company, above the copyright line.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →