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!