JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<svg width="100%" height="100%" viewBox="0 0 4500 4500" xmlns="http://www.w3.org/2000/svg">
<defs>
    <pattern id="Pattern" x="0" y="0" width="1" height="1" patternUnits="userSpaceOnUse">
    <path d="M2616,4500c12-14.2,24.3-28.3,36.1-42.8c16.9-20.7,31.7-42.8,43.7-66.8c23.1-46.6,26.5-94.3,9.6-143.5
             c-5.4-15.7-9.9-31.8-14.4-47.8c-1.6-5.6-4.1-12.7,1.7-16.7c7.1-5,12.7,1.2,17.2,5.7c10,9.8,19.8,19.8,28.8,30.5
             c11.6,13.7,22.3,28.2,33.6,42.3c3.2,4,7,7.7,11.1,12.1c5.4-3,10.1-5.2,14.4-8.1c57-38.4,120.1-60.2,187.9-69
             c68.7-9,137-6.2,204.6,10c13.6,3.2,27.3,6.5,41.1,8.4c7.7,1.1,15.9,0.2,23.7-1.2c8.4-1.5,13.9-7.4,17.4-15.2
             c2.3-5.2,2.7-10.2-0.2-15.3c-2.3-4-4.5-8.2-6.6-12.3c-29.5-56.1-44.6-115.5-40.5-179c1-15.9-3.2-28.3-13.1-40.3
             c-18.7-22.5-41.1-39.8-68.3-50.7c-7.4-3-14.6-6.4-21.7-10c-1.2-0.6-2.2-3.6-1.8-5c0.5-1.4,3-3.3,4.4-3.2c7.2,0.9,14.6,1.8,21.5,3.9
             c25.2,7.5,47.7,20.3,68.8,35.9c5.3,3.9,10.6,7.8,17.1,12.6c2.3-3.1,4.5-5.3,5.8-8c2.4-4.8,4.2-9.8,6.3-14.7
             c12.9-30.1,32.8-54.7,58-75.3c3.6-2.9,7.2-5.9,10.7-9c0.5-0.4,0.7-1.1,1.8-3.1c-1.4-3.2-2.9-7.5-5.1-11.3
             c-8.5-14.3-17.7-28.2-25.9-42.8c-14.4-25.8-24.5-53.3-27.2-83c-0.9-10.1-5.9-15.5-14.7-19.1c-21.2-8.8-43.4-13.5-65.9-15.6
             c-56.4-5.4-111.9-0.8-165.4,19.2c-53.1,19.9-98.2,50.8-130.7,98c-20,29-32.5,61.1-35.2,96.6c-1.4,18.9,2,37.2,8.3,55
             c20.1,56.4,55.8,99.6,109.2,127.4c11.8,6.1,24.2,11.2,36.2,17.1c5.3,2.6,11.4,4.6,12.1,11.8c-2.8,5.1-7.7,5.6-12.2,4.7
             c-9.8-1.9-19.7-3.8-29.1-7.2c-52.1-18.8-98.6-46.8-137.9-86.2c-28.8-28.9-50.2-62.1-59.2-102.5c-0.7-3.2-2-6.4-3.2-9.4
             c-0.5-1.1-1.7-2-3.2-3.7c-2.6-0.3-5.8-1.2-9.1-1.1c-33.3,1.4-66.6,2.9-99.8,4.5c-1.8,0.1-3.6,1.3-5.3,2c-4.5,6.1-3.1,13-3.5,19.5
             c-2.4,34.6-6.9,69-15.7,102.6c-2.2,8.3-5.4,16.4-8.8,24.4c-1.1,2.7-4.1,4.7-7.5,8.5c-1.7-3.8-3.5-6-3.4-8.2
            ...