$99 launch price

Components

Dither Field

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/dither-field

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

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

Use cases

  • Hero background

    Pure black with one ink keeps white copy legible anywhere on the frame.

  • Dev-tool and indie landing pages

    The e-paper, print-shop texture without baking a video asset.

  • Section dividers and footers

    Set pixelSize high and speed low for a quiet, slow-moving texture band.

  • Brand posters

    Pass the brand hex as color and let the halftone pattern do the rest.