JSFiddle - React, Tailwind, and code Playground

by Mayank Kapahi

HTML

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<svg id="octocat" version="1.0" xmlns="http://www.w3.org/2000/svg" width="150" height="450" viewBox="0 0 640 1280"><path id="face" d="M289.5 1c-24.5 1.5-44.8 5.2-47.7 8.8-1.5 1.8-1.5 21.6.1 29.7.8 4.1.6 5.5-.9 8.5-2.9 5.7-3.4 11.9-1.5 17.8 2 6 8.8 14.4 11 13.5.8-.3 1.5 0 1.5.6s-.5 1.1-1.2 1.1-.6.6.4 1.7c1.3 1.5 1.7 9.8 2.8 53.8l1.2 52-3.1 18c-7.8 45.2-19.6 83.7-48.4 158.5-11.8 30.7-19.7 53.4-19.7 56.2 0 .7 2.5-5.9 5.4-14.7 3-8.8 11-30.4 17.9-48 16.3-41.8 25.2-67.4 32.3-92.3 1.5-5.1 2.9-9 3.1-8.8 1.6 1.6-16.6 57.4-30.3 92.8-15.6 40.3-16.6 43.1-22.5 60.3-3.2 9.3-5.8 15.9-5.9 14.6 0-1.3-.3-2.1-.7-1.8-.3.4-.9 6.2-1.3 12.9-.6 10.2-1.2 13.4-3.5 18.8-13.7 32-26.5 140.3-22.7 192.1 1 13.7 4 31.1 5.4 31.7 1.5.7.8 4.8-1.2 6.5-1.8 1.5-2 2.9-2 14.4 0 18.6 3.2 44.5 12 98.3 8.2 49.7 11.4 75.5 14.9 117.5 3.7 43.9 4.4 58.5 3.8 83.5-.6 24.9-1.3 31.7-6.3 57.1-1.4 7.2-2.3 13.3-2.1 13.5.2.2 1.2-3.5 2.2-8.3 2.3-11.7 3.3-15.4 3.4-12.8.2 3.7-4.9 28.5-12.9 63-4.4 18.7-8.5 36.4-9.1 39.3-1.5 6.3-2.6 7.5-2.2 2.4.2-3.4.1-3.4-.8.8-1.5 6.9-.5 35.5 1.5 41l1.6 4.5-3.6-3.9-3.7-3.9.7 3.9c2 11.4 6.6 19 16.5 27.3 10.6 8.8 24.3 13.9 49.6 18.6 20.7 3.8 43.3 5.5 81.5 6.2 84.2 1.4 142.2-6.8 171.2-24.3 6.4-3.9 14.1-11.9 15.6-16.3.9-2.5.8-2.8-.8-2.4-1.7.5-1.7.2-.5-3.4.7-2.1 1.6-5.2 1.9-6.8l.7-3-3.5 3.4-3.5 3.3 1.6-4.3c1.1-3.1 1.6-8.6 1.6-18.9.1-14.8-2.1-34.8-3.3-30-.7 2.7-1.1 1.5-4.4-13-1.9-8.1-6.1-25.9-8.6-36.5-3-12.4-7-31.7-6.9-33.5 0-.8.9 1.4 1.9 5 2.6 9.3 2.4 6.3-.5-7.2-5-23.4-5.7-30.3-6.2-59.9-1-56.1 5.3-123.5 19.7-209.9 8.6-51.5 11.9-83.4 10.4-100-.4-4.7-.9-7.7-1.1-6.7-.6 2.2-2.3 1.2-2.3-1.4 0-1.1.4-1.7 1-1.4.6.4.9-1.1.7-3.9-.1-2.4.1-4.3.4-4 3.8 2.3 4.9-76.9 1.6-107.6-3.6-32.7-9-66.4-14.4-89.3-1.7-7.2-2.8-10.5-3.2-9.3-.5 1.3-1.6-.4-3.9-6.4-1.8-4.5-3.2-8.6-3.2-9.3 0-2.3 2 .9 4.4 7.3 1.4 3.6 2.5 5.8 2.5 5...