Swirl Trail Cursor
The SwirlTrailCursor adds a swirl effect to the cursor trail. You can customize the properties below:
import { SwirlTrailCursor } from 'funky-cursor'; const Example = () => { const [color, setColor] = useState('#00ccff'); // 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> <SwirlTrailCursor color={color} size={size} trails={trails} lifespan={lifespan} /> </div> ); };
Size: 10
Move your cursor around to see the swirl trail effect!