Zigzag Line Trail Cursor
The AnimatedZigzagLineTrailCursor creates an animated zigzag line effect following your cursor. Customize the properties below:
import { AnimatedZigzagLineTrailCursor } from 'funky-cursor';
const Example = () => {
const [color, setColor] = useState('#00ff00'); // Default color
const [size, setSize] = useState(10); // Default size
const [trails, setTrails] = useState(5); // Default trails
const [speed, setSpeed] = useState(1); // Default speed
return (
<div>
<AnimatedZigzagLineTrailCursor
color={color}
speed={speed}
/>
</div>
);
};
Move your cursor around to see the zigzag line trail effect!