Particle Trail Cursor

The ParticleTrailCursor adds a particle trail effect to the cursor. You can customize the properties below:

import { ParticleTrailCursor } from 'funky-cursor';

const Example = () => {
  const [color, setColor] = useState('#00ffcc'); // Default color
  const [size, setSize] = useState(10);          // Default size
  const [trails, setTrails] = useState(10);      // Default trails
  const [lifespan, setLifespan] = useState(300); // Default lifespan (in ms)
  const [speed, setSpeed] = useState(1);          // Default speed

  return (
    <div>
      <ParticleTrailCursor 
        color={color} 
        size={size} 
        trails={trails} 
        lifespan={lifespan} 
        speed={speed} 
      />
    </div>
  );
};
Size: 10
Speed: 1

Move your cursor around to see the particle trail effect!