Feature Grid Home
An even grid of feature cards carries the page, under a compact hero.
Install
npx shadcn@latest add "https://webberui.com/r/feature-grid-home.json?t=<install token>"The whole page lands in app/templates/feature-grid-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
Nav Bar & Hero
An opening section with the wordmark, a mobile menu and parallax gradient glow, headlined "one platform, twelve backend superpowers".
hero - 2
Twelve-Cell Feature Grid
Twelve backend modules in a gapless even grid; cards light up with a cursor spotlight and a thin gradient rule along the top.
features - 3
Key Metrics Band
A four-column rule-divided figure row fading in one by one: uptime, cold-start time, edge locations and projects.
stats - 4
Developer Experience & Terminal Demo
The left column explains going live in two commands; the right plays CLI output line by line in a mock terminal window.
content - 5
Customer Testimonials
Three testimonial cards with gradient monogram avatars, carrying what engineering teams and founders made of it.
testimonial - 6
Call to Action
A centred closing block over a radial gradient, offering a free account or a booked enterprise walkthrough.
cta - 7
Footer
Brand details, social links and four link columns — product, developers, company, legal — over a copyright and status bar.
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 →