ASCII Art Generator - Text to ASCII Art Banner Online
Convert text to ASCII art banners using 25 FIGlet fonts. Add comment wrappers for code, preview all fonts at once — 100% client-side, your text never leaves your browser.
Frequently Asked Questions
What is an ASCII Art Generator?
An ASCII Art Generator converts plain text into large, decorative text banners made entirely of ASCII characters. It uses FIGlet fonts — predefined character maps that transform each letter into a multi-line pattern of symbols like |, /, \, _, and more. These banners are commonly used for terminal startup headers, README decorations, code comment banners, and DevOps pipeline output.
What is FIGlet?
FIGlet stands for "Frank, Ian, and Glenn's Letters." It is a program created in 1991 that generates text banners from ordinary text using specially designed fonts (.flf files). The FIGfont specification defines how characters are rendered, including rules for spacing and "smushing" (overlapping characters). There are over 300 community-created FIGlet fonts. This tool uses the figlet.js library which brings full FIGfont spec support to JavaScript.
How do I use the ASCII Art Generator?
Type your text in the input field and select a font from the dropdown. The ASCII art is generated instantly in real-time. You can adjust the horizontal layout, set a maximum width, or add a comment wrapper for code. Click the Copy button to copy the result to your clipboard. Use the Preview All tab to see your text rendered in every available font at once.
Is my text data secure?
Yes. All text processing happens 100% in your browser using the figlet.js JavaScript library. Your text is never sent to any server, never stored, and never logged. The tool works entirely offline after the page loads. Font files are loaded on-demand from the bundled assets, not from external servers.
What are the horizontal layout options?
Default uses the spacing intended by the font designer. Full adds maximum spacing between characters — each character occupies its full width. Fitted brings characters close together with no overlapping. Controlled Smushing overlaps characters according to rules defined in the font file. Universal Smushing overlaps characters using a universal rule where the right character wins in overlapping positions.
What fonts are available?
The generator includes 25 curated fonts from the FIGlet font library: Standard, Banner, Big, Block, Slant, Shadow, Small, Mini, Doom, Isometric1, Isometric3, 3-D, Gothic, Graffiti, Colossal, Larry 3D, Star Wars, Script, Bubble, Digital, Cyberlarge, ANSI Shadow, Rectangles, Ogre, and Speed. Use the Preview All tab to compare all fonts at once.
Code Examples
// Using figlet.js in Node.js
// Install: npm install figlet
const figlet = require('figlet');
// Synchronous usage
const result = figlet.textSync('Hello World', {
font: 'Standard',
horizontalLayout: 'default',
width: 80,
whitespaceBreak: true,
});
console.log(result);
// Asynchronous usage
figlet.text('Hello World', { font: 'Slant' }, (err, data) => {
if (err) {
console.error('Error:', err);
return;
}
console.log(data);
});
// List all available fonts
figlet.fonts((err, fonts) => {
console.log('Available fonts:', fonts.length);
});
// Wrap in comment syntax for code files
function wrapInComment(art, style) {
const lines = art.split('\n');
switch (style) {
case '//': return lines.map(l => `// ${l}`).join('\n');
case '#': return lines.map(l => `# ${l}`).join('\n');
case '/* */': return `/*\n${lines.map(l => ` * ${l}`).join('\n')}\n */`;
default: return art;
}
}
const banner = figlet.textSync('API Server', { font: 'Standard' });
console.log(wrapInComment(banner, '//'));
How do I add ASCII art as a code comment?
Select a comment wrapper style that matches your programming language: // for JavaScript/C/Go, # for Python/Ruby/Shell, /* */ for CSS/C block comments, <!-- --> for HTML/XML, -- for SQL/Lua, % for LaTeX/MATLAB, or " for VimScript. The generator will automatically prefix each line of the output with the chosen comment syntax, ready to paste into your source code.