Podcast Show
Podcast site: show intro, episode list, player.
Install
npx shadcn@latest add "https://webberui.com/r/podcast-show.json?t=<install token>"The whole page lands in app/templates/podcast-show/. 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
Show Hero and Nav
Dark cinematic nav and show hero with the show blurb, host details, listening-platform badges and rippling cover art.
hero - 2
Latest Episode Player
Mini player card with a monospaced bar waveform, transport controls and a simulated progress bar.
product - 3
Show Stats
Four cards covering episode count, monthly listens, platform rating and years on air.
stats - 4
Episode List
Six episodes that expand to show the summary on hover, with play, save and share actions.
gallery - 5
About the Show and Host
Host quote card on the left, the show's editorial stance and three show features on the right.
content - 6
Newsletter Signup
Amber-gradient signup block with an email form, a submitted state and shortcuts to every listening platform.
cta - 7
Footer
Show wordmark, explore links and listening-platform list, with copyright and tagline.
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 →