Editorial Home
Magazine grid with serif headlines, drop caps and multi-column text.
Install
npx shadcn@latest add "https://webberui.com/r/editorial-home.json?t=<install token>"The whole page lands in app/templates/editorial-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
Masthead & Cover Story
A dateline strip, nav bar, giant serif masthead, marquee, and the cover story's opening spread over a parallax bookshelf.
hero - 2
In This Issue
An asymmetric magazine grid of four features; the lead piece spans columns and carries a spinning vinyl record.
features - 3
Founding Editor's Note
A centred oversized serif pull quote with scroll parallax, drawn from the magazine's founding editor's letter.
testimonial - 4
Resident Columnists
Three rule-separated columnist cards with gradient portraits, column name, bio and a link to the latest piece.
team - 5
This Week's Notes
A numbered article list that fades in row by row and shifts on hover, showing category, date and reading time.
content - 6
Newsletter Signup
A centred weekly-newsletter block with an email field and an animated confirmation once it is submitted.
cta - 7
Footer
A masthead blurb, a row of circular icon links and three menus — read, about, subscribe — over the copyright and ISSN lines.
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 →