ProAmbient
Dither Text
A headline printed in four inks through an ordered-dither screen, with a band of light sweeping across it.
Usage
import { DitherText } from "./DitherText";
<DitherText>
DITHER
</DitherText>
About
A headline printed in four inks through an ordered-dither screen, with a band of light sweeping across it. One self-contained React file drawing with WebGL2, inline styles, no dependencies; it pauses while off-screen.
What you get
- Rebuild prompt
One paste into Claude Code, Cursor, Codex or v0 rebuilds it byte for byte.
- Source
DitherText.tsx — plain React and CSS, every comment kept.
- Vite project
A ready-to-run project with this exact example and pinned versions — unzip, install, run.