Neon Cursor

Neon Cursor is a stylish and modern web UI enhancement using ThreeJS/WebGL. It features a glowing animated trail that follows the user's mouse movements. This effect adds a futuristic and visually engaging touch to your website.

This component can be easily integrated into your projects. It is lightweight and optimized for performance, ensuring smooth animation without compromising the user experience.

It is customizable to fit your design needs :

• Colors range : Color will be selected in this range depending on mouse velocity

• Curve lerp 1 : How fast the curve follows the pointer

• Curve lerp 2 : How fast the curve points follows other points

• Line radius : Thickness of the line

• Glow radius : Thickness of the glow

• Sleep mode (when pointer is not over the component) : X Radius, Y Radius, Time scale 1, Time scale 2

Sleep mode examples :

• Circle :

  • X Radius = Y Radius and Time scale 1 = Time scale 2

• Infinity sign :

  • X Radius > Y Radius and Time scale 2 = 2 x Time scale 1

Includes :

• Framer Component

• Example Project Remix Link

• Email support