Silk Strand Hero

Silk Strand Hero

Pro

Installation

ProRequires a Planes Pro license.

pnpm dlx shadcn add @useplanes/silk-strand-hero

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 164 Pro components · lifetime updates.

I have a license Get Pro

import { SilkStrandHero } from "@/components/ui/SilkStrandHero";

<SilkStrandHero
  logo="/logo.svg"
  title="Build something people remember."
  accent={["something", "remember"]}
  subtitle="A starting point for your next launch."
  primaryLabel="Get started"
  primaryHref="/signup"
  secondaryLabel="Read the docs"
  secondaryHref="/docs"
/>

Use cases

Product launch hero
Drop in your mark and headline; the reveal gives the first screen a moment without any video.
Brand or studio site
The logo is the hero, so it suits a studio, agency or personal brand with a strong mark.
Event or waitlist page
One mark, one line, one button, and the light does the rest.