react-mouse-trails
Version:
A lightweight WebGL-based React component for creating a mouse trail effect.
2 lines (1 loc) • 553 B
JavaScript
import{a as o}from"./chunk-V7QYG4W3.mjs";import{useEffect as f,useRef as u}from"react";import{jsx as a}from"react/jsx-runtime";var d=({rgb:n,...s})=>{let i=u(null);return f(()=>{let e=i.current,r=e==null?void 0:e.getContext("webgl");if(!r||!e)return;let t=()=>{e.width=innerWidth,e.height=innerHeight,r.viewport(0,0,r.drawingBufferWidth,r.drawingBufferHeight)};return t(),o(r,n),addEventListener("resize",t),()=>{removeEventListener("resize",t)}},[n]),a("canvas",{style:{pointerEvents:"none",position:"fixed",top:0,left:0},...s,ref:i})};export{d as a};