JSFiddle - React, Tailwind, and code Playground

by CookieJon

HTML

<pre id="O">

CSS

pre {
  vertical-align:top;
  padding:10px 20px;
  font-size:14px;
  font-weight: bold;
  background: white;
  
}

JavaScript

// 11 + 302 = 317

// ## Tweet 2 (82 bytes)
a=y=z=j=0,onkeyup=b=>R((k=b.keyCode-40)?z*2*(d=k+3?k+1?1:.5:2)&65|j*d&a||(z*=d):0)

// ## Tweet 3 (126 bytes)
R=d=>{d||(!(!y||a&j>>5)||(y>25?a=0:(31^31&(a|=j)>>y||(a=a>>y+5<<y|a&-1>>>-y-5>>5),y=0)),y-=5),y>=0||(y=30,z=12/(new Date%3+1))

// ## Tweet 4 (94 bytes)
j=z<<y;for(o="",i=30;i--;)o+='_#'[1&(a|j)>>i],o+=i%5?"":'\n';O.innerHTML=o},setInterval(R,300)