Visit

dotgrain

Dither and ASCII components for React, with real DOM text underneath

Category

Dev tools

Pricing

Free

Hunted by

Denis

Published

Nov 2, 2026

Why it made the rally

16 components, from a dither field and an ASCII video that reads your webcam to buttons, toggles, skeletons and charts, all drawn by one small WebGL2 engine with six patterns like Bayer, Atkinson and Floyd, six palettes like Game Boy, phosphor and riso, and an in-browser converter that turns any image into a component. Free under MIT, made by Sachindra Kumar Singh.

Discussion

Sign into join the discussion.

Quiet so far. Say what you noticed and start the thread.

More like this

Anime.js

Anime.js

Visit Anime.js

Fast, lightweight JavaScript animation engine

Dev tools · hunted by Denis

Hyperiux Vault

Hyperiux Vault

Visit Hyperiux Vault

30+ free React and Next.js interaction effects, 80+ behind Pro

Dev tools · hunted by Denis

Flowbite

Flowbite

Visit Flowbite

Open-source Tailwind component library and blocks

Dev tools · hunted by Denis

tweakcn

tweakcn

Visit tweakcn

Visual theme editor and generator for shadcn/ui

Dev tools · hunted by Denis

DesignMD

DesignMD

Visit DesignMD

Brand design systems packaged as DESIGN.md files your coding agent reads

Dev tools · hunted by Denis

Superset

Superset

Visit Superset

One workspace for Claude Code, Codex and any other coding agent

Dev tools · hunted by Denis

MiroMiro

MiroMiro

Visit MiroMiro

Turns any website into clean HTML, Tailwind and design tokens

Dev tools · hunted by Denis

Linear

Linear

Visit Linear

Issue tracking that feels like a native app

Dev tools · hunted by Denis