Tired of wiring up figlet yourself every time you want ASCII art in a React app? I made <a href="https://better-ascii.vercel.app/" target="_blank" rel="noopener nofollow">Better Ascii</a> , a tiny component that just works.
<pre><code>npm install better-ascii
</code></pre>
<pre><code>import { Ascii, fonts } from &#x27;better-ascii&#x27;;

&lt;Ascii font={fonts.ansiShadow} 
 className =&quot;Leading-tight tracking-tight&quot;&gt;
 Better Ascii
&lt;/Ascii&gt;
</code></pre>
That’s it. No crazy setup or config.
What it handles for you:
<ul>
<li>Bundled fonts (ansiShadow, deltaCorpsPriest1, alpha + more on the way)</li>
<li>Next.js App Router compatible out of the box</li>
<li>Accessibility — role=“img”, aria-label, loading/error states</li>
<li>Fully typed, ESM + CJS</li>
</ul>
Source on <a href="https://github.com/kennyAnyi9/better-ascii" target="_blank" rel="noopener nofollow">GitHub</a>, MIT licensed. Would love feedback on which fonts to bundle next.
#react #opensource #typescript #frontend

Kennedy Anyidoho

A developer released Better Ascii, a minimal React component that wraps figlet to render ASCII text art without manual setup. It ships with bundled fonts (ansiShadow, deltaCorpsPriest1, alpha), supports Next.js App Router, includes accessibility attributes (role='img', aria-label), and is fully typed with ESM and CJS support. Install via npm and drop in the component with a font prop.

I built a dead-simple React component for ASCII text art