A Vite + React + TypeScript + Tailwind v4 web app that renders your text in a large set of ASCII art styles in real time.
- Live rendering as you type
- 40+ style variants (FIGlet fonts + console-friendly derived variants)
- Per-style copy button for quick terminal usage
- Modern, minimal UI focused on readability
- Runs fully client-side
- Vite
- React 19
- TypeScript
- Tailwind CSS v4 (
@tailwindcss/vite) - figlet.js
- Node.js 20+
- npm 10+
npm installnpm run devOpen the printed local URL (usually http://localhost:5173).
npm run buildnpm run preview- Enter text in the input box.
- Browse the style cards (including slanted, block, digital, isometric, and ANSI-inspired styles).
- Click
Copyon any card to copy the exact ASCII output to your clipboard.
- Some imported font sets increase bundle size because the app includes many FIGlet fonts for instant local rendering.
- The app is designed for console-friendly output and supports additional derived modes like bold/shadow transformations.
src/
App.tsx # Main UI, input handling, copy actions
asciiStyles.ts # Font imports, style registry, render pipeline
index.css # Tailwind v4 import + custom visual theme
- FIGlet font rendering by
figlet - Built with Vite + React + TypeScript + Tailwind v4
MIT