Components

Liquid Headline

Pro

Design that
moves like silk

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/liquid-headline

Unlock with Planes Pro

$99 once · 90 Pro components · lifetime updates.

I have a licenseGet Pro
<LiquidHeadline
  lines={["Design that", "moves like silk"]}
  palettes={[
    ["#0b1a66", "#2f7cff", "#a9d5ff"],
    ["#4a0f8f", "#c14dff", "#f2c7ff"],
  ]}
/>

Use cases

  • Hero headline

    One line of copy that is the visual, no hero image needed.

  • Brand moment

    A wordmark or campaign line that shifts through the brand's colour set on click.

  • Section opener

    Chapter titles in a long-form piece that feel alive without stealing the reading.