2025-26

Asciify

The engine rendering this site

Asciify

A framework-agnostic ASCII art engine on npm. Images, video, and GIFs become living character art on canvas. It is rendering the page you are looking at right now.

The meta-story

Every ASCII texture on this portfolio, from the hero field to the image reveals and the page transitions, is rendered live by asciify-engine, my own package. The portfolio is the product demo. asciify.org adds 13+ character styles, full color, chroma keying, webcam input, and PNG/GIF export with a community showcase.

Engineering it

The engine converts any image, video, or GIF into character frames rendered on canvas at 60fps, with hover physics (spotlight, magnify, repel, glitch text), 14 procedural background modes, scroll-scrubbed video, and a high-performance text-frame path that draws one string per row instead of one fillText per cell.

Why it matters

Anyone can install it: npm install asciify-engine. Designing an API other developers enjoy using, the naming, the defaults, the zero-config behavior, is design work as much as engineering work.

Asciify screenshot
Asciify screenshot

Next project

ngx-digit-flow