Drag Showcase Home
A draggable work carousel with inertial spring-back; drag speed drives how far the cards tilt.
Install
npx shadcn@latest add "https://webberui.com/r/drag-showcase-home.json?t=<install token>"The whole page lands in app/templates/drag-showcase-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
Nav & Hero
A dark opening section with a sticky nav bar, parallax glow and an oversized headline behind the primary call to action.
hero - 2
Client Marquee
An endlessly scrolling client list, set in monospace and separated by orange dots to build trust.
misc - 3
Draggable Work Carousel
Work cards you can fling with the mouse — inertial snap-back, tilt driven by drag speed and a progress bar.
gallery - 4
Studio Numbers
Four columns of headline figures: years in business, projects shipped, awards and client return rate.
stats - 5
Services
Four service cards whose icons spin and bloom an orange glow on hover.
features - 6
Client Testimonials
Three client recommendations with gradient avatars and job titles.
testimonial - 7
Contact Call to Action
A closing invitation: a centred headline and an email button over an orange background glow.
cta - 8
Footer
A four-column footer with the brand blurb, social links, navigation, services and contact details.
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 →