Show HN: ChessVision – client-side chess diagram generator with print-quality export
I built ChessVision, a browser-based tool that renders FEN positions to high-resolution raster and vector images. Everything runs client-side — no backend, no data leaves the device.
The main use case is chess players, coaches, and authors who need precise board diagrams for books, articles, or presentations without depending on a server.
A few things that might be interesting to HN:
- PNG/JPEG export up to 30,208 × 30,208 px, processed entirely in the browser via Canvas API
- SVG export and ZIP-bundled batch export across multiple positions and formats
- 23 piece sets, 20+ themes, full custom color picker (HSL/RGB/HEX)
- FEN history with favorites, pinning, archive, and search
- Safari canvas-disposal invariant enforced to prevent memory leaks on export
Stack: React 19, TypeScript 6, Vite 8, Tailwind CSS 4. Semantic versioning with automated releases via conventional commits.
Live demo: https://chess-vision-site.vercel.app
Source: https://github.com/BilgeGates/chess-vision
Happy to answer questions about the export pipeline or the client-side rendering approach.
