Search

Search components and blocks

Sign in

Hero Blocks

Landing-page openers that introduce the product and drive the first click.

Hero Handoff

Pro

A full-height, centered hero over a soft emerald glow with a responsive navbar — hover-sliding link highlight on desktop, an animated hamburger menu on mobile. The headline, copy and CTA (BlurHoverButton) each blur into focus as they rise in with a staggered spring. Sample copy is for Clipwise, a fictional Mac clipboard-history app — swap in your own.

pnpm dlx shadcn@latest add @ditherui/hero-handoff

Your clipboard,with a memory.

Clipwise keeps everything you copysearchable from your menu bar. Press ⌘⇧Vto paste anything from the last 90 days.

Free 14-day trial · Requires macOS 13 or later

Props

className / ...section propsReact.ComponentProps<"section">—

Suggested components