Components

Dither Renderer

Pro

Any image, redrawn live as ordered Bayer dither on the GPU. The cursor acts like a loupe — the pattern sharpens and the original colors develop under it.

Installation

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

Unlock with Planes Pro

$99 once · 80 Pro components · lifetime updates.

I have a licenseGet Pro
<DitherRenderer
  src="/hero/painted-landscape.webp"
  pixelSize={4}
  pointerRadius={200}
  className="aspect-video w-full rounded-2xl"
/>

Use cases

  • Hero art direction

    Turn stock photography into a deliberate e-paper aesthetic instead of a default image.

  • Portfolio and case-study covers

    Project thumbnails that develop into full color as the cursor passes over them.

  • Team and about pages

    Portraits rendered as a unified dither so mismatched photos read as one set.

  • Dev-tool marketing

    The terminal/retro-shading look on product screenshots without baking assets in an editor.