Dither Playground

Upload an image and watch it come alive as interactive dithered particles. Hover to push them, click to explode.

Supports Floyd-Steinberg, Bayer, and blue-noise dithering with a live control panel to tweak everything in real time.

Running locally

npm install
npm run dev

Opens at localhost:3000.

Stack

Next.js 15 · React 19 · Tailwind CSS v4 · Motion · DialKit

Issues & contributions

Bug reports and ideas are welcome -- open an issue.

Pull requests are not being reviewed at this time.

Credits

Inspired by the dithered particle effect Emil Kowalski built for linear.app/next. See his original tweet.

License

MIT