Bubbles Trail Cursor

The BubblesTrailCursor adds a bubble trail effect to the cursor. You can customize the properties below:

import { BubblesTrailCursor } from 'funky-cursor';

const Example = () => {
  const [color, setColor] = useState('#ff00ff'); // 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>
      <BubblesTrailCursor 
        color={color} 
        size={size} 
        trails={trails} 
        lifespan={lifespan} 
      />
    </div>
  );
};
Size: 10

Move your cursor around to see the bubbles trail effect!