shadcn/ui Startup Pro template.
ProPro startup landing template: floating-island header, cursor-reactive particle hero, live product mocks, editorial how it works, and a rolling roadmap.
Pro startup landing template: floating-island header, cursor-reactive particle hero, live product mocks, editorial how it works, and a rolling roadmap.
Add this template as editable React and Tailwind source. The shadcn CLI installs the components and packages below for you. Pro installs need a license key and the Pro registry setup.
pnpm dlx shadcn@latest add @7ovr-pro/startup-pro- Components11
- AvatarBadgeButtonInputLabelProgressSeparatorSheetSonnerToggle GroupUtils
- Packages1
- Motion
About this template
Premium early-stage startup landing page template built on Pro blocks: floating-island header, cursor-reactive particle hero, live product mocks, editorial how it works, an auto-advancing Now/Next/Later roadmap, tilted founder photos, and a waitlist form with a live joined counter. Built with React, Tailwind CSS, and shadcn/ui, for Next.js, Vite or any React app. Install the whole page with one command, then own and edit every line.
What's inside8
Built on 8 Pro 7Ovr blocks, tweaked to work as one page and shipped with the template. Each one also stands alone, so you can preview the original block below.
- Floating Island On ScrollHeader that detaches on scroll from a flush full-width bar into a centered floating island, contracting its width as border, shadow, and blur fade in.
header-5Pro - Particle Rocket Canvas HeroSplit hero pairing headline copy and shine CTAs with a canvas particle field that assembles into a rocket, idle-drifting and reacting to the cursor.
hero-7Pro - Three Live Mini MocksThree-up features with a live mini mock above each title: an animated chat thread, an uptime bar filling to 99.9%, and a live poll result.
features-11Pro - Editorial Steps With PhotoEditorial how it works layout pairing an outlined big numeral step list with a grayscale scene photo that drifts on scroll, plus a top right CTA.
how-it-works-7Pro - Phase Switcher CarouselRoadmap phase switcher whose sliding Now, Next, and Later indicator blur cross-fades between card sets and auto advances, showing progress or vote counts.
roadmap-6Pro - Tilted Photo TriptychThree tilted grayscale team photos that straighten and turn colored on hover, under a count-up row of members, countries, and offices.
team-9Pro - Waitlist Signup CTAWaitlist call to action with an avatar proof badge, an email form that cross-fades to a success state, and a live joined counter.
cta-8Pro - Hairline Divided ColumnsFooter with a brand column and three nav columns separated by vertical hairline dividers that draw downward on scroll.
footer-10Pro