Pulse Reactive Home
A simulated audio equaliser drives the background and card scaling; click to switch the rhythm.
Install
npx shadcn@latest add "https://webberui.com/r/pulse-reactive-home.json?t=<install token>"The whole page lands in app/templates/pulse-reactive-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
Rhythm Hero
Nav bar, BPM badge, and a play/pause interactive equaliser as the key visual, followed by a brand trust bar.
hero - 2
Features
Six cards that breathe with the beat, covering the core capabilities of the cloud music workstation.
features - 3
Workstation Showcase
A simulated DAW window with multitrack lanes and a master level meter, walking through the path from writing to export.
product - 4
By the Numbers
Four key figures that count up on entry, showing creator scale and service uptime.
stats - 5
Pricing Plans
Starter, Studio, and Label plan cards that pulse with the beat, with the most popular option flagged.
pricing - 6
Creator Voices
Three five-star endorsements from an indie singer, a beatmaker, and a label production director.
testimonial - 7
Call to Action
A large card pulsing on the beat, inviting visitors to open a free account or book a team walkthrough.
cta - 8
Footer
Brand blurb, social links, and four navigation columns: product, resources, company, and legal.
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 →