Get everything for $99, lifetime

Components

Dither Renderer

Pro

Installation

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

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

I have a licenseGet Pro
import { DitherRenderer } from "@/components/ui/DitherRenderer";

<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.