10 Javascript Libraries that Draw ASCII Art

There are trends on the web that last days or weeks and there are things that became a classic form of expression of the geek culture and are still interesting to explore after many years. ASCII Art is one of these things. ASCII art allows you to represent forms by using characters. So here in this post I’ve collected some cool Javascript libraries that allow you to transform any image, video and text into ASCII art.

Aalib.js

This library converts images and movies to ASCII art. It is written entirely in JavaScript and is intended to use in web browsers.

Aalib.js


Lettercrap

Lettercrap is a Javascript library that generates dynamic ascii art on the web, using an image mask.

Lettercrap


Asciimo

Create awesome ascii art with javascript! works in the browser or node.js.

Asciimo


ASCII Art

A Node.js library for ansi codes, figlet fonts, ascii art and other ASCII graphics.

Ascii Art


ASCII Fire Animation with JavaScript

This animated fire in plain ASCII art needs JavaScript to run in your web browser.

ASCII Fire Animation with JavaScript


ImgToAscii

A JavaScript implementation of a image to Ascii code. The ascii art depends on a monospace font to work properly. You should consider that 1 pixel in your image is going to be translated to 1 char in Ascii. e.g.: if a image is 100 pixels wide, it’s going to take 100 chars of space on your page, unless you do something about it.

ImgToAscii


Cool ASCII Faces

You can use this on the CLI or from Node or client-side JS programs.

Cool Ascii Faces


ASCII Morph

AsciiMorph is a small stand alone javascript library for rendering ascii art and creations into elements, allowing for them to be changed out with a morphing transition.

Ascii Morph


Jscii

Jscii is an image/stream to ASCII conversion library. It can convert a single image to ASCII characters using HTML5 canvas 2d context to analyze the pixel data. It can also convert a video stream using the getUserMedia API.

Jscii


AsciiTracer

Real-time ASCII/Unicode raytracing engine for Javascript.

AsciiTracer


Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.