Blog
Customisable MDX blog: post list, featured posts, categories.
Install
npx shadcn@latest add "https://webberui.com/r/blog.json?t=<install token>"The whole page lands in app/templates/blog/. 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
A blog opener with a sticky nav bar, a serif headline, an update status badge and two action buttons.
hero - 2
This Week's Pick
A wide card with the cover on the left and the copy on the right, spotlighting the long read you most want opened.
content - 3
All Posts
A grid of post cards filtered by category on the spot, with reading time and author avatars.
gallery - 4
Newsletter
An email sign-up form inside a dark gradient-glow card that switches to a success state once submitted.
cta - 5
Footer
A footer with a brand blurb, social links and three nav columns for content, categories and about.
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 →