News Magazine
Digital news magazine home: headlines, category blocks, features, live rankings, subscription wall.
Install
npx shadcn@latest add "https://webberui.com/r/news-magazine.json?t=<install token>"The whole page lands in app/templates/news-magazine/. 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 and Lead Story
A self-contained first screen: breaking-news ticker, masthead, nav bar, and the day's lead story.
hero - 2
Technology
Three columns of illustrated cards carrying the latest technology and startup reporting.
features - 3
Culture Feature
A magazine-style long read alongside a list of arts briefs.
content - 4
Markets
A live market ticker above numbered business stories.
stats - 5
In Depth
Three tall photo-essay cards on a dark background.
gallery - 6
Trending Now
The stories being read right now, ranked with oversized numerals.
content - 7
Subscription Plans
A wall of three membership tiers, plus the free morning briefing newsletter.
pricing - 8
Footer
Newspaper-style footer with the masthead blurb, section links, and the copyright line.
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 →