---
title: "Figlr ASCII Art on Fly"
description: "Figlr is a simple fun tool to generate FIGlet text. Those are normally used to make ASCII art banners. It makes use of in JS."
url: "https://h3manth.com/scribe/figlr-ascii-art-fly/"
canonical_url: "https://h3manth.com/scribe/figlr-ascii-art-fly/"
markdown_url: "https://h3manth.com/scribe/blog/figlr-ascii-art-fly.md"
publishDate: "2011-08-30T00:00:00.000Z"
author: "Hemanth HM"
category: "javascript"
tags: ["javascript","web"]
word_count: 98
reading_time_minutes: 1
x_markdown_tokens: 285
content_signal: "ai-train=yes, search=yes, ai-input=yes"
---

# Figlr ASCII Art on Fly

> Figlr is a simple fun tool to generate FIGlet text. Those are normally used to make ASCII art banners. It makes use of in JS.

Figlr is a simple fun tool to generate FIGlet text. Those are normally used to make ASCII art banners.

It makes use of Figlet-JS which is a JavaScript implementation of a FIGdriver and is also available as a Node module and a jQuery plugin.

**The code :** The code is a simple javascript trick, to listen on the paste and keyup events from a text area and populate a pre tag with the FIGlet text.
    
    
    $(function(){
            $('#fig').live('keyup paste',function(evt){
                $("#ofig").figlet($.trim(this.value));
            }); 
    });
    

Check out the **[Demo here](http://www.screenr.com/embed/U2Ws)** and try [FIGLR here](http://www.h3manth.com/figlet/figlr.html).

If this was fun, do check [L33t Translator](http://h3manth.com/content/l33t-translator)