Pixelary ASCII: Live ASCII art from images, video and 3D by Nuzair IbrahimPixelary ASCII: Live ASCII art from images, video and 3D by Nuzair Ibrahim

Pixelary ASCII: Live ASCII art from images, video and 3D

Portfolio project
Nuzair Ibrahim

Overview

Pixelary is a real-time ASCII art studio that runs entirely in the browser. Drop in an image, video, text, or even a 3D model, and it renders as ASCII art live — with adjustable effects and one-click export.
Pixelary studio — real-time ASCII rendering with live controls
Pixelary studio — real-time ASCII rendering with live controls

The Challenge

ASCII rendering is computationally heavy: every frame means sampling pixels, mapping luminance to characters, and redrawing — at interactive frame rates, in the browser, across media types as different as video streams and 3D geometry. The engineering problem was keeping it real-time without dropping frames; the design problem was making a technical tool feel like a creative studio.

What I Built

15+ custom render engines — different character sets, densities, and styles, each producing a distinct visual signature
Multi-format input pipeline — images, video, text, and 3D models all normalized into a single rendering path
Real-time effects — live parameter tweaking with instant visual feedback
One-click export — take your output anywhere
Pixelary — convert images, text, and 3D models to ASCII art
Pixelary — convert images, text, and 3D models to ASCII art

Tech Stack

Next.js, GSAP, Tailwind CSS

0 likes · 20 views · May 18, 2026

Real-time ASCII art studio in the browser: images, video, text and 3D models rendered live through 15+ custom engines, with effects and one-click export.

Timeline

Mar 1, 2026 - May 1, 2026

Tags