Welcome to Funky Cursors

Integrating any of these cursor effects into your project is simple. Here’s a basic example and a guide to props you can use:

import { BubblesTrailCursor } from 'funky-cursor';

const MyComponent = () => (
  <div>
    <BubblesTrailCursor 
      color="blue"  // Customize the color of the bubbles
      size={10}     // Adjust the size of the bubbles
      speed={1.5}   // Control the speed of the trail effect
    />
  </div>
);

Props:

• color: Sets the color of the effect (e.g., "red", "blue").
• size: Adjusts the size of the effect (e.g., 10, 20).
• speed: Controls the speed of the trail animation (e.g., 1.5, 2.0).
• lifespan: Determines how long the trail lasts before disappearing.
• dampening: Adjusts the effect’s responsiveness to cursor movement.