Wave Trail Cursor

The WaveTrailCursor adds a wave effect to the cursor trail. You can customize the properties below:

import { WaveTrailCursor } from 'funky-cursor';

const Example = () => {
  const [color, setColor] = useState('#ff3300'); // Default color
  const [size, setSize] = useState(10);           // Default size
  const [trails, setTrails] = useState(5);        // Default trails
  const [lifespan, setLifespan] = useState(500);  // Default lifespan (in ms)

  return (
    <div>
      <WaveTrailCursor 
        color={color} 
        size={size} 
        trails={trails} 
        lifespan={lifespan} 
      />
    </div>
  );
};
Size: 10

Move your cursor around to see the wave trail effect!