Particle Trail Effect

Beautiful particles that follow your mouse cursor movement

Live Demo
Customize the settings and see the effect in real-time
#D21C69

🖱️

Click "Start Effect" to begin

Implementation Code
Copy this code to add the effect to your website
<script src="https://www.cursormotion.com/cursor-motion.min.js"></script>
<script>
  const cursor = new CursorMotion({
    movementEffect: 'particles',
    particleOptions: {
        count: 3,
        color: '#D21C69',
        size: 4,
        trailLength: 30
    },
  });
  cursor.init();
</script>
About This Effect

What it does:

Creates a smooth trail of particles that follow your mouse cursor. Each particle fades out gradually, creating an elegant visual effect.

Options:

  • count: Number of particles generated per frame (1-20)
  • color: Color of the particles (hex code)
  • size: Size of each particle in pixels (1-10)
  • trailLength: How long particles stay visible (5-50 frames)

Best for:

Portfolio websites, creative landing pages, interactive presentations, or any site that wants to add a touch of visual magic.