Real-time performance
Blazing fast ASCII conversion powered by an optimized WebGL rendering pipeline specifically designed for textmode art.
Skip to content
What is
Built with
Framework-agnostic
Apply textmode conversion to any existing <canvas> and <video> context. Compatible with p5.js, Three.js, and more.
Zero dependencies
Lightweight and self-contained. No external libraries required - just import and start creating.
Cross-platform
Runs everywhere the web runs - desktop, mobile, tablets. Full TypeScript support with comprehensive type definitions.
Easy integration
Simple and intuitive API designed for quick setup and seamless integration into your projects.
Export anything
Export your creations as TXT, SVG, GIF, video, and image. Perfect for sharing on social media, printing, or integrating into other projects.
What is textmode.js?
textmode.js brings the art of ASCII and textmode graphics into the modern web. Built for developers from all corners and skill levels of the creative coding world - it's the tool I wished existed when I started exploring textmode art.
Ready for production, built for creativity
A library designed for building generative art installations, retro games, interactive visualizations, live coding performances, and experimental web experiences. Whether you're prototyping an idea or shipping a production app, textmode.js has you covered.
Shape the future of textmode graphics. Your feedback, ideas, and creations help drive development. Join our Discord to share what you're building, get support, and connect with fellow textmode enthusiasts.
From zero to textmode in minutes
javascript
import { textmode } from 'textmode.js'
const tm = textmode.create();
tm.draw(() => {
tm.clear();
tm.char('█');
tm.charColor(0, 200, 255);
tm.ellipse(tm.mouseX, tm.mouseY, 8, 8);
})That's it. The sketch on the right (bottom on mobile)? Built with the same simple API in under 50 lines. Your turn.
Built with #textmodejs
Make something amazing. Share it with #textmodejs. Every pattern, every animation, every experiment adds to the growing tapestry of textmode art. Your sketch could be the one that sparks someone else's creativity.
Dive into the interactive examples below - view source, tweak parameters, and break things (it's encouraged!). Then show the world what you made. The community is watching. (｡◕‿‿◕｡)
Community and support
You're not coding alone. Join a vibrant community of creative developers pushing the boundaries of textmode art. Whether you're debugging your first sketch or sharing your latest masterpiece, we're here to help.
Resources
Documentation - Complete guides and tutorials
API Reference - Full API documentation with examples
Examples - Interactive demos you can remix
Connect
Discord - Real-time chat and support
GitHub - Bug reports and feature requests
Get involved
Your work matters. Sketches shared with #textmodejs inspire the next wave of creators. Bug reports strengthen the foundation. Answered questions build collective knowledge. Jump in wherever your passion leads.
What will you create?
The examples on this page started as empty files. Your next masterpiece starts the same way.