Matrix Art

Transform images and videos into character / shape art right in the browser. Runs entirely client-side — your files never leave your device.

Try it live: https://page-matrix-art-ias6tpxj.anycap.cloud/ — hosted on AnyCap.

Features

• Upload any image or video (JPG, PNG, MP4, WebM)
• Render with ASCII characters or geometric shapes (square, circle, triangle, diamond, cross, mixed)
• Monotone or original-color output, custom foreground / background / transparent
• Subject-aware saliency: focus detail on the main subject, weight motion and edges
• Adjustable detail level, boldness, brightness, saturation
• Export stills as PNG, animations as WebM video
• Bilingual UI (English / 中文)

Stack

• React 19 + TypeScript
• Vite 6
• Canvas 2D for rendering
• @chenglou/pretext for character metrics

Develop

pnpm install
pnpm dev

Then open the printed local URL.

Build

pnpm build
pnpm preview

The production bundle is written to dist/.

License

MIT — see LICENSE.