JSFiddle - React, Tailwind, and code Playground

by khrome

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bundled.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/shim.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/color.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/ansi.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/grid.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/braille.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/utf.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/font.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/renderers/average.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/image.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/table.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/graph.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/hybrids.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/art.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/components.js"></script>
<ascii-art-image
    src="myImage.jpg"
    rows="80" cols="80"
    stipple="#000000"
    posterize
    threshold="40"
></ascii-art-image>