Special launch priceEverything for $99

Components

Eclipse

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/eclipse

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">
  <Eclipse />
  <h1 className="absolute inset-0 grid place-items-center text-center text-white">
    Your headline
  </h1>
</div>

Use cases

  • Hero with centered headline

    The black disc is a built-in stage. Put the headline on it and the corona frames the words.

  • Launch countdown

    Idle drift brings the diamond ring every few seconds, so the page has a beat without a timer.

  • Dark-mode landing

    It is black by design. Nothing to tone down, nothing competing with the copy.