Email Client
Three-column mail app: folders, message list, reading pane, compose modal.
Install
npx shadcn@latest add "https://webberui.com/r/email-client-app.json?t=<install token>"The whole page lands in app/templates/email-client-app/. 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
Hero & Live Inbox
A sticky nav bar, headline and a genuinely clickable three-pane inbox demo that lands the product's value at a glance.
hero - 2
Core Features
Four cards covering smart triage, snoozing, tracking-pixel blocking and one-tap unsubscribe.
features - 3
Keyboard Shortcuts
A dark split layout demonstrating keyboard-first archiving, replying and snoozing.
misc - 4
Results Band
Four figures backing up how much faster — and quieter — an inbox gets.
stats - 5
User Testimonials
Three quotes from real users on what reaching inbox zero actually felt like.
testimonial - 6
Pricing
A two-column comparison of the Carry-On and Aviator plans, flagging the most popular one and the end-to-end encryption guarantee.
pricing - 7
Closing Call to Action
A soft-lit background and aviation stamp motif pointing to a free download and a finished mailbox migration.
cta - 8
Footer
The wordmark, three link columns and social icons to close the page.
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 →