Ascii text drawer

Ascii text drawer - free online tool.

Enable JavaScript to use the interactive tool. The guide below explains how it works.

ASCII Text Drawer: Deep Technical Guide

1. What the Tool Does

The ASCII Text Drawer is a sophisticated implementation of the FIGlet (Frank, Ian, and Glenn's Letters) algorithm, designed to transform standard plaintext into stylized, large-scale characters composed of ASCII symbols. This tool operates as a client-side utility that leverages the figlet.js library to render text using hundreds of distinct font styles.

At its core, the tool takes three primary inputs:

Source Text: The string to be transformed.
Font Selection: A choice from over 200 FIGlet fonts (including favorites like Standard, Slant, Shadow, and specialized AMC fonts).
Maximum Width: A constraint that defines where the algorithm should wrap the output to maintain readability and layout integrity.

The output is a block of pre-formatted text that uses the spatial relationships of ASCII characters (like #, @, |, /, and -) to simulate large, blocky, or artistic letterforms.

2. Why Someone Uses It

ASCII art is not merely a relic of the 1980s BBS era; it remains a functional and aesthetic tool in modern software engineering for several reasons:

Documentation and Branding

Developers use ASCII headers in source code files to create distinct visual separators for major modules. It makes "skimming" through large files easier and adds a professional "signature" to open-source projects.

Terminal Experience (MOTD)

System administrators use ASCII art to create "Message of the Day" (MOTD) banners. When a user logs into a server via SSH, a stylized ASCII banner can provide clear identification of the server's purpose or environment (e.g., PRODUCTION vs. STAGING) in a way that is hard to ignore.

Console Logging

In complex backend systems, "startup banners" printed to the console help developers identify the moment a service begins execution amidst a sea of log lines.

Aesthetic Expression

In a world of high-resolution graphics, ASCII art offers a "lo-fi" aesthetic that resonates with hacker culture and retro-computing enthusiasts.

3. Step-by-Step Instructions

Step 1: Input Your Text

Type the text you wish to convert into the "Your text" field. The tool supports multi-line input, though most users find the best results with short, impactful words or phrases.

Step 2: Choose a Font

Select a font from the dropdown menu. The "Standard" font is the most recognizable, but "Slant" or "Big" are excellent for legibility. If you want something more decorative, try "Graffiti" or "3-D".

Step 3: Configure Width

Adjust the "Width" parameter. This is measured in characters. If your text is long, a narrow width will force the algorithm to wrap the text onto new lines. For most code headers, a width of 80 is standard.

Step 4: Review and Copy

The output updates in real-time. Once you are satisfied with the look, click the copy button to transfer the ASCII block to your clipboard.

4. Examples

Standard Font

  ____                      _           _ 
 |  _ \  ___  _ __ ___   __| | ___  ___| |
 | | | |/ _ \| '_ ` _ \ / _` |/ _ \/ __| |
 | |_| | (_) | | | | | | (_| |  __/\__ \_|
 |____/ \___/|_| |_| |_|\__,_|\___||___(_)

Slant Font

    ____                       __                __ 
   / __ \____  ____ ___  _____/ /__  __________ / / 
  / / / / __ \/ __ `__ \/ ___/ / _ \/ ___/ ___// /  
 / /_/ / /_/ / / / / / / /__/ /  __(__  |__  )/_/   
/_____/\____/_/ /_/ /_/\___/_/\___/____/____/(_)

5. Technical Deep Dive: How FIGlet Works

Understanding the underlying technology of this tool requires a look at the .flf (FIGlet Font) file format. Each font is essentially a collection of "sub-characters." When you type a capital 'A', the engine looks up the grid representing 'A' in the selected font file.

Smushing and Kerning

One of the most complex parts of the ASCII drawing process is "smushing." In standard layout, characters are placed side-by-side with no overlap. Smushing allows characters to share sub-pixels (the ASCII symbols) to create a more integrated look. For example, the right edge of an 'O' might "smush" into the left edge of a 'T', reducing the gap between them. This tool handles various smushing rules automatically, ensuring the most aesthetically pleasing result based on the font's internal metadata.

Hardblanks

FIGlet fonts use a special character (often ' ) known as a "hardblank." These are spaces that the algorithm is forbidden from removing during the smushing process. They are essential for maintaining the internal structure of hollow or complex characters.

6. FAQs

Q: Why does the art look "broken" when I paste it into Word? A: ASCII art relies on monospaced fonts (like Courier, Consolas, or Fira Code). In proportional fonts (like Arial or Times New Roman), characters have different widths, causing the vertical alignment to collapse.

Q: Can I use emojis in the drawer? A: Generally, no. FIGlet fonts are designed for standard ASCII characters. Emojis may cause rendering errors or be ignored by the algorithm.

Q: How do I change the character used to draw (e.g., use '*' instead of '#')? A: Most FIGlet fonts have hardcoded characters. However, some "block" fonts allow for more flexibility. To change the character, you would typically need to edit the .flf font file itself.

7. Common Mistakes

Incorrect Font Choice for Long Words: Some fonts (like 'Epic' or 'Banner') are extremely wide. Using these for long words will result in massive output that overflows horizontal space.
Variable Width Font Environments: Pasting ASCII art into Slack, Discord (without code blocks), or Email often ruins the alignment. Always wrap the art in triple backticks (```) or a pre-tag to preserve monospacing.
Ignoring the Width Constraint: If you set a width of 40 but your text requires 60 characters to render a single word, the tool may break the word in a way that makes it illegible.

8. Use Cases

Source Code Headers

Professional developers use ASCII headers to mark significant sections of code. This is particularly common in large C or JavaScript files where visual cues help in navigation.

Git Commit Banners

For major releases, some teams use ASCII art in the commit message or the README to signify a version milestone (e.g., "VERSION 2.0").

CLI Tool Welcome Screens

If you are building a Node.js or Python CLI tool, using this drawer to generate a "Welcome" banner makes the user experience feel more polished and "hacker-friendly."

Network Device MOTDs

System administrators configure routers, switches, and Linux servers with ASCII banners to display legal warnings or system status upon login.

9. Related Tools

Case Converter: Useful for normalizing text before drawing it, as many FIGlet fonts look better in all-caps or all-lowercase.
JSON Formatter: Often used alongside ASCII art when generating documentation for APIs.
Cron Generator: ASCII art is frequently used in the scripts triggered by cron jobs to provide visual logs.

Technical Note: This tool leverages the figlet.js implementation, providing a browser-based interface to the classic Unix utility. It supports full ANSI character sets for certain specialized fonts and provides real-time rendering via Vue's reactive system.

All tools

Ascii text drawer - Ascii text drawer - free online tool.

Base64 file converter - Convert a string, file, or image into its base64 representation.

Base64 string encoder/decoder - Simply encode and decode strings into their base64 representation.

Basic auth generator - Generate a base64 basic auth header from a username and password.

Bcrypt - Hash and compare text string using bcrypt. Bcrypt is a password-hashing function based on the Blowfish cipher.

Benchmark builder - Easily compare execution time of tasks with this very simple online benchmark builder.

BIP39 passphrase generator - Generate a BIP39 passphrase from an existing or random mnemonic, or get the mnemonic from the passphrase.

Camera recorder - Take a picture or record a video from your webcam or camera.

Case converter - Transform the case of a string and choose between different formats

Chmod calculator - Compute your chmod permissions and commands with this online chmod calculator.

Chronometer - Monitor the duration of a thing. Basically a chronometer with simple chronometer features.

Color converter - Convert color between the different formats (hex, rgb, hsl and css name)

Crontab generator - Validate and generate crontab and get the human-readable description of the cron schedule.

Date-time converter - Convert date and time into the various different formats

Device information - Get information about your current device (screen size, pixel-ratio, user agent, ...)

Docker run to Docker compose converter - Transforms "docker run" commands into docker-compose files!

Email normalizer - Email normalizer - free online tool.

Emoji picker - Copy and paste emojis easily and get the unicode and code points value of each emoji.

Encode/decode URL-formatted strings - Encode text to URL-encoded format (also known as "percent-encoded"), or decode from it.

Encrypt / decrypt text - Encrypt clear text and decrypt ciphertext using crypto algorithms like AES, TripleDES, Rabbit or RC4.

Escape HTML entities - Escape or unescape HTML entities (replace characters like <,>, &, " and \' with their HTML version)

ETA calculator - An ETA (Estimated Time of Arrival) calculator to determine the approximate end time of a task, for example, the end time and duration of a file download.

Git cheatsheet - Git is a decentralized version management software. With this cheatsheet, you will have quick access to the most common git commands.

Hash text - Hash a text string using the function you need : MD5, SHA1, SHA256, SHA224, SHA512, SHA384, SHA3 or RIPEMD160

Hmac generator - Computes a hash-based message authentication code (HMAC) using a secret key and your favorite hashing function.

HTML WYSIWYG editor - Online, feature-rich WYSIWYG HTML editor which generates the source code of the content immediately.

HTTP status codes - The list of all HTTP status codes, their name, and their meaning.

IBAN validator and parser - Validate and parse IBAN numbers. Check if an IBAN is valid and get the country, BBAN, if it is a QR-IBAN and the IBAN friendly format.

Integer base converter - Convert a number between different bases (decimal, hexadecimal, binary, octal, base64, ...)

IPv4 address converter - Convert an IP address into decimal, binary, hexadecimal, or even an IPv6 representation of it.

IPv4 range expander - Given a start and an end IPv4 address, this tool calculates a valid IPv4 subnet along with its CIDR notation.

IPv4 subnet calculator - Parse your IPv4 CIDR blocks and get all the info you need about your subnet.

IPv6 ULA generator - Generate your own local, non-routable IP addresses for your network according to RFC4193.

JSON diff - Compare two JSON objects and get the differences between them.

JSON minify - Minify and compress your JSON by removing unnecessary whitespace.

JSON prettify and format - Prettify your JSON string into a friendly, human-readable format.

JSON to CSV - Convert JSON to CSV with automatic header detection.

JSON to TOML - Parse and convert JSON to TOML.

Json to xml - Json to xml - free online tool.

JSON to YAML converter - Simply convert JSON to YAML with this online live converter.

JWT parser - Parse and decode your JSON Web Token (jwt) and display its content.

Keycode info - Find the javascript keycode, code, location and modifiers of any pressed key.

List converter - This tool can process column-based data and apply various changes (transpose, add prefix and suffix, reverse list, sort list, lowercase values, truncate values) to each row.

Lorem ipsum generator - Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content

MAC address generator - Enter the quantity and prefix. MAC addresses will be generated in your chosen case (uppercase or lowercase)

MAC address lookup - Find the vendor and manufacturer of a device by its MAC address.

Markdown to html - Markdown to html - free online tool.

Math evaluator - A calculator for evaluating mathematical expressions. You can use functions like sqrt, cos, sin, abs, etc.

MIME types - Convert MIME types to file extensions and vice-versa.

Numeronym generator - A numeronym is a word where a number is used to form an abbreviation. For example, "i18n" is a numeronym of "internationalization" where 18 stands for the number of letters between the first i and the last n in the word.

Open graph meta generator - Generate open-graph and socials HTML meta tags for your website.

OTP code generator - Generate and validate time-based OTP (one time password) for multi-factor authentication.

Password strength analyser - Discover the strength of your password with this client-side-only password strength analyser and crack time estimation tool.

PDF signature checker - Verify the signatures of a PDF file. A signed PDF file contains one or more signatures that may be used to determine whether the contents of the file have been altered since the file was signed.

Percentage calculator - Easily calculate percentages from a value to another value, or from a percentage to a value.

Phone parser and formatter - Parse, validate and format phone numbers. Get information about the phone number, like the country code, type, etc.

QR Code generator - Generate and download a QR code for a URL (or just plain text), and customize the background and foreground colors.

Random port generator - Generate random port numbers outside of the range of "known" ports (0-1023).

Regex memo - Regex memo - free online tool.

Regex tester - Regex tester - free online tool.

Roman numeral converter - Convert Roman numerals to numbers and convert numbers to Roman numerals.

RSA key pair generator - Generate a new random RSA private and public pem certificate key pair.

Safelink decoder - Safelink decoder - free online tool.

Slugify string - Make a string url, filename and id safe.

SQL prettify and format - Format and prettify your SQL queries online (it supports various SQL dialects).

String obfuscator - Obfuscate a string (like a secret, an IBAN, or a token) to make it shareable and identifiable without revealing its content.

SVG placeholder generator - Generate svg images to use as a placeholder in your applications.

Temperature converter - Degrees temperature conversions for Kelvin, Celsius, Fahrenheit, Rankine, Delisle, Newton, Réaumur, and Rømer.

Text diff - Compare two texts and see the differences between them.

Text statistics - Get information about a text, the number of characters, the number of words, its size in bytes, ...

Text to ASCII binary - Convert text to its ASCII binary representation and vice-versa.

Text to NATO alphabet - Transform text into the NATO phonetic alphabet for oral transmission.

Text to Unicode - Parse and convert text to unicode and vice-versa

Token generator - Generate random string with the chars you want, uppercase or lowercase letters, numbers and/or symbols.

TOML to JSON - Parse and convert TOML to JSON.

TOML to YAML - Parse and convert TOML to YAML.

ULID generator - Generate random Universally Unique Lexicographically Sortable Identifier (ULID).

URL parser - Parse a URL into its separate constituent parts (protocol, origin, params, port, username-password, ...)

User-agent parser - Detect and parse Browser, Engine, OS, CPU, and Device type/model from an user-agent string.

UUIDs generator - A Universally Unique Identifier (UUID) is a 128-bit number used to identify information in computer systems. The number of possible UUIDs is 16^32, which is 2^128 or about 3.4x10^38 (which is a lot!).

WiFi QR Code generator - Generate and download QR codes for quick connections to WiFi networks.

XML formatter - Prettify your XML string into a friendly, human-readable format.

Xml to json - Xml to json - free online tool.

YAML prettify and format - Prettify your YAML string into a friendly, human-readable format.

YAML to JSON converter - Simply convert YAML to JSON with this online live converter.

YAML to TOML - Parse and convert YAML to TOML.

Guides and articles

10 Essential Productivity Tools Every Modern Developer Needs in 2026 - Optimize your workflow with our top 10 picks for essential, privacy-focused developer utilities.

Mastering Web Security: A Developer's Guide to Bcrypt, JWT, and OTP - Learn how to protect user data using industry-standard hashing, authentication, and 2FA techniques.

The Art of Clean Data: Mastering JSON, XML, and SQL Formatting - Best practices for handling the most common data formats in web development to improve readability and debugging.

Navigating the Network: A Deep Dive into IP Subnetting and MAC Addresses - Understand the core concepts of networking, from CIDR notation to MAC address OUI lookups.

Frontend Excellence: Leveraging SVG and Color Tools for Perfect UI - Advanced techniques for using SVGs, color spaces, and content placeholders to build polished interfaces.

Mastering UUIDs: A Comprehensive Guide to Globally Unique Identifiers - Everything you need to know about UUID versions, use cases, and best practices for unique identification.

The Ultimate Guide to QR Codes: How to Create and Use Them Effectively - Learn how QR codes work, their common use cases, and how to create high-quality codes for your needs.

Understanding Base64: How to Encode Files and Images for the Web - A deep dive into Base64 encoding, its use cases in web development, and how to convert files easily.

Mastering Cron Jobs: A Guide to Scheduling Tasks with Crontab - Demystifying crontab syntax and learning how to automate server tasks with cron jobs.

Understanding Linux Permissions: A Guide to Chmod and File Security - Master file permissions in Linux and learn how to use chmod to secure your system.

Security Deep Dive: Mastering JWT, Bcrypt, and OTP for Secure Applications - Learn how to implement robust security in your applications using JWT parsing, Bcrypt hashing, and OTP generation.

The Architect's Guide to Data Transformation: JSON, YAML, TOML, and XML - A comprehensive guide to converting and formatting various data structures for modern web development.

Networking Essentials: Understanding IP Subnetting, MAC Addresses, and URL Parsing - Master the core concepts of networking tools, from subnet calculations to MAC address lookups.

Boosting Developer Productivity with Docker, Git, and Regex Tools - Optimize your workflow with essential tools for Docker configuration, Git management, and Regex testing.

Typography and Content: From ASCII Art to Text Statistics and Lorem Ipsum - Exploring the creative and analytical sides of text management in web design.

Mathematical Precision in Web Development: Math Evaluators and Unit Converters - How to handle complex calculations and unit conversions accurately in your web projects.

SEO and Meta Tags: How to Optimize Your Web Presence Automatically - Practical tips for using meta tag generators and slugify tools to improve your search engine rankings.

The Anatomy of a Perfect Password: Strength Analysis and Key Generation - Everything you need to know about creating and validating secure passwords and cryptographic keys.

Modern Web Standards: HTTP Status Codes, MIME Types, and User Agents - A deep dive into the fundamental standards that power the modern web.

Global Finance and Communication: IBAN Validation and Phone Formatting - Handling international data formats for banking and telecommunications with ease.

Frontend Utility Masterclass: From SVG Placeholders to Camera Recording - Advanced frontend techniques for dynamic UI components and media handling.

Modern Encryption Standards for Developers: A Comprehensive Guide to Data Security - In an era of escalating data breaches and sophisticated adversarial attacks, encryption is no longer a "nice-to-have" feature—it is a fundamental requirement of…

Containerization Strategies: Docker Best Practices for Production - Docker has fundamentally changed how we package and deploy applications. However, there is a massive gap between a "working Dockerfile" and a "production-ready image."…

Infrastructure as Code (IaC) Fundamentals: Terraform vs. Ansible - The days of manually configuring servers via SSH and a series of "hope-it-works" bash scripts are over. In modern cloud engineering, the infrastructure is the code.…

JWT Security: Common Pitfalls and Best Practices - JSON Web Tokens (JWT) have become the industry standard for stateless authentication and authorization. By encapsulating claims in a cryptographically signed token, JWTs…

Mastering CSS Grid and Flexbox for Complex Layouts - For years, web developers struggled with floats and table-based layouts to create multi-column designs. The introduction of Flexbox and CSS Grid revolutionized how we…

Mastering JSON: Efficient Data Management in Web Apps - In the modern web ecosystem, data is the lifeblood of every application. Whether you are building a lightweight React component or a complex microservices architecture,…

Modern Frontend Performance Optimization: Beyond the Basics - In the current era of "heavy" web applications, performance is no longer just about minimizing the number of HTTP requests or compressing images. It is about Perceived…

Monitoring and Observability: Setting up a Health Dashboard - In a complex system, "it\

The Definitive Guide to Password Hashing - In the modern landscape of cybersecurity, the question is not if a database will be breached, but when. When an attacker gains access to a user table, the only line of…

Implementing a Robust CI/CD Pipeline for Modern Web Apps - Continuous Integration (CI) and Continuous Deployment (CD) are often spoken of as a single entity, but they represent two distinct phases of the software delivery…

The Evolution of State Management in Vue 3: From Vuex to Pinia - State management is the heart of any complex frontend application. It is the mechanism that ensures data remains consistent as a user navigates through different views,…