Special launch priceEverything for $99

Components

Thin Film

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/thin-film

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

I have a licenseGet Pro
<div className="relative h-[560px] bg-black">
  <ThinFilm />
  <h1 className="absolute inset-x-0 top-1/3 text-center text-white">
    Your headline
  </h1>
</div>

Use cases

  • Hero background

    Oil-slick color on near-black: white copy stays legible and the palette is nobody's brand, so it fits any.

  • Product launch teaser

    Something precious and about to pop. Pair with a countdown or a single line of copy.

  • Portfolio or studio landing

    The fringes shift under the pointer, so the page feels handled rather than watched.