Early price: everything for $99, lifetime

Components

Photo Headline

Pro

Installation

ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/photo-headline

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 · 174 Pro components · lifetime updates.

I have a licenseGet Pro
import { PhotoHeadline } from "@/components/ui/PhotoHeadline";

<PhotoHeadline
  segments={[
    "We design",
    { images: ["/work/1.webp", "/work/2.webp"], alt: "Product work" },
    "products and",
    { images: ["/work/3.webp", "/work/4.webp"], alt: "Brand work" },
    "brands people keep.",
  ]}
  interval={2.6}
/>

Use cases

  • Studio hero

    Say what you do and show it in the same line, the work rolling through as people read.

  • Section opener

    A headline above a case study grid that previews the projects inside the sentence.

  • Event page

    Speakers, venue and city as pills inside the tagline.