JSFiddle - React, Tailwind, and code Playground

by Julien Etienne

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.j"></script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="module" src="path/to/three.module.js"></script>
    <title>Three.js Table Scene</title>
</head>
<body>
<canvas></canvas>

</body>
</html>

JavaScript

var setVanta = ()=>{
if (window.VANTA) window.VANTA.RINGS({
  el: "canvas",
  mouseControls: true,
  touchControls: true,
  gyroControls: false,
  minHeight: 200.00,
  minWidth: 200.00,
  scale: 1.00,
  scaleMobile: 1.00
})
}
//_strk.push(function() {
  setVanta()
 // window.edit_page.Event.subscribe( "Page.beforeNewOneFadeIn", setVanta )
//})