JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Loader</title>
    <script src="http://heartcode-canvasloader.googlecode.com/files/heartcode-canvasloader-min-0.9.1.js"></script>
</head>
<body>
    <div id="canvasloader-container" ></div>
        
    <script type="text/javascript">
        var cl = new CanvasLoader('canvasloader-container');
        cl.setColor('#00bbff'); // default is '#000000'
        cl.setShape('spiral'); // default is 'oval'
        cl.setDiameter(26); // default is 40
        cl.setDensity(52); // default is 40
        cl.setRange(1.1); // default is 1.3
        cl.setSpeed(3); // default is 2
        cl.setFPS(25); // default is 24
        cl.show(); // Hidden by default
    </script>
</body>
</html>

CSS

body {
    background-color:#fff;
}
#canvasloader-container {
    position:absolute;
    top:50%;
    left:50%;
}