Special launch priceEverything for $99

Components

Topography

Pro

Installation

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

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">
  <Topography color="#d8dce4" />
  <h1 className="absolute inset-x-0 top-1/3 text-center text-white">
    Your headline
  </h1>
</div>

Use cases

  • Any hero background

    Thin lines on black stay out of the way of the headline while giving the page a hand-drafted, technical feel.

  • About or company page

    Reads as exploration and territory without a single stock photo.

  • Docs or changelog landing

    Quiet, precise, and it tints to the accent so it looks like part of the design system.