Home Work About Contact

Cursor & Magnetic DEMOs

Download This Plugin Back To jQueryScript

A smooth, magnetic cursor effect powered by GSAP and Vanilla JS logic.

Get Started

Opaque Hover

Hover over this card to see the cursor scale up and become opaque using the data-cursor="-opaque" attribute.

Text Cursor

This card changes the cursor to display text using data-cursor-text="Read".

Large Cursor

A simple large cursor effect for emphasizing content areas.

Magnetic & Sticky Elements

Hover Me
Magnetic + Text
Sticky Cursor

Inverse Color Mode

The cursor adapts to light backgrounds by inverting its color or using specific blend modes. Hover here to see.