Minimal Centred Home
Centred layout with generous whitespace: one line, one CTA, one product visual.
Install
npx shadcn@latest add "https://webberui.com/r/minimal-center-home.json?t=<install token>"The whole page lands in app/templates/minimal-center-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 and Hero
Centred brand headline, action buttons, and a minimal editor mock-up that types itself, under a self-contained sticky nav bar.
hero - 2
Founder's Statement
The founder's one-line philosophy set in large serif type, signed below with an avatar and title.
testimonial - 3
Three Non-Negotiable Principles
The product's three core design principles, each with a number, a circular icon, and a dividing rule.
features - 4
Key Numbers
Three centred columns for the user count, the App Store rating, and notifications delivered.
stats - 5
Single-Plan Pricing
One centred pricing card with the Pro monthly price, five listed features, and a start-trial button.
pricing - 6
Closing Call to Action
A single poetic closing line above an outlined free-download button.
cta - 7
Footer
Brand mark, a note on where the team is based, social icon links, and three link columns for product, company, and support.
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 →