JSFiddle - React, Tailwind, and code Playground

by Greg Bowler

HTML

<script src="http://bigspaceship.github.io/shine.js/js/shine.min.js"></script>
<h1 id="hidden">hidden</h1>

CSS

#hidden {
    font-size: 128px;
    margin: 0.5em auto;
    text-align: center;
    color: #fff;
}

JavaScript

var shine = new Shine(document.getElementById("hidden")),
    ang = 1;
shine.light.position.x = 100000;
shine.light.position.y = 100000;
shine.config.numSteps = 2;
shine.config.blur = 128;
shine.draw();

window.addEventListener('mousemove', function(event) {
  shine.light.position.x = event.clientX;
  shine.light.position.y = event.clientY;
  shine.draw();
}, false);