JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.5.1/css-doodle.min.js"></script>
<css-doodle>
  :doodle {
    @grid: 50 / 8em;
  }
  background: #fff;
  opacity: @rand(.01, .20);
  transform: scale(@rand(.2, .9));
</css-doodle>

CSS

html, body{ padding:0; margin:0; background-color: #3D0078 }

css-doodle{
	width: 100vw;
	height: 100vh;
}