Convert images, videos, and GIFs into beautiful dithered dot art or ASCII — then export as interactive React/JS code.
https://ditherit-rho.vercel.app
https://github.com/prasanjit-dey-uxyyyyyyyy/ditherit/raw/main/public/video.mp4
(Replace yourusername/ditherit with your actual GitHub username and repo name)
ditherit is a browser-based creative tool that turns any image, video, or GIF into stunning dithered dot art or ASCII art.
You get fine-grained control and can instantly export the result as interactive code (React or vanilla JS) — not just a static image.
(https://github.com/prasanjit-dey-ux/ditherit)
- Dither modes — Floyd-Steinberg, Atkinson, Ordered (Bayer), Threshold, Variable Dot Halftone
- ASCII art — Custom character sets, font size, spacing, glow, colored output
- Video & GIF support — Full frame-by-frame processing with playback
- Interactive preview — Physics-based dot repulsion on mouse hover
- Export options — PNG, SVG, JSON, WebM, vanilla JS, or React component code
- Live controls — Real-time updates (including video mode)
- Dark / Light theme
- Go to ditherit-rho.vercel.app
- Drop an image, video, or GIF
- Adjust settings in real time
- Export as image or copy ready-to-use code
- React Component — Ready to use in any Next.js/React project
- Vanilla JS — Self-contained class with mouse repulsion physics
- ASCII Video Player — Play back ASCII animations without dependencies
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Processing: Canvas 2D + Web Workers
- GIF Handling: gifuct-js
- Video Frames:
requestVideoFrameCallback
I mostly vibe-coded this project, so there are still many things that need fixing and optimization (performance, edge cases, UI polish, etc.).
This project is now open source under the MIT license.
Feel free to:
- Try it
- Report bugs
- Suggest features
- Submit pull requests
Every contribution is welcome ❤️
⭐ If you like the project, please star the repo — it really helps!
MIT © Prasanjit
0 comments
log in to comment.