IG
Motion Lab
000 / 100
back to lab
/ category · 7 demos

Cursor Interactions

Pointer-reactive systems that make the cursor feel alive.

move your cursor across this surface →

live demo
/ MouseGlow

Cursor Reactive Orb Lighting

A soft volumetric light source follows the cursor with inertial easing, painting the surface beneath the pointer in a colored glow.

/ best for
Hero sectionsPremium landing pagesShowcasing dark UI
Light perf
Desktop only
/ default
/ link
/ expand
cursor is global · enabled on the entire site
live demo
/ CustomCursor

Adaptive Cursor System

A custom cursor that scales and morphs based on the element beneath it — links expand the ring, interactive surfaces enlarge it, idle states shrink it to a precise dot.

/ best for
Portfolio sitesInteractive case studiesCreative agencies
Light perf
Desktop only

particles repel from your pointer

live demo
/ ParticleField

Particle Trail Engine

A canvas particle field whose nodes are repelled by the cursor, generating a soft displacement wake wherever the pointer moves.

/ best for
Hero backgroundsTech / AI brand storytelling
Medium perf
Mobile optimized

Click anywhere

shockwaves fired · 0

live demo
/ RippleLayer

Pointer Shockwave Layer

Click anywhere and an expanding chromatic shockwave radiates from the contact point. A subtle reward for every interaction.

/ best for
CTA areasClick-through gamesTactile feedback layers
Light perf
Mobile optimized
/ hidden

The layer beneath.

/ cover

Hover to reveal

live demo
/ SpotlightMask

Spotlight Mask Reveal

A cursor-following radial mask reveals a second layer hidden beneath the surface — used for before/after reveals or unlocking imagery on hover.

/ best for
Before/after revealsHidden imageryEditorial hovers
Light perf
Desktop only
/case 01
live demo
/ OrbitingCursorSticker

Orbiting Cursor Sticker

A small chip orbits the real cursor while it hovers a target — a tactile signal that says “click here” without occupying any layout space.

/ best for
CTAsHero buttonsImage link hovers
Light perf
Desktop only
live demo
/ MorphingCursorDemo

Morphing Sticky Cursor

The cursor scales and morphs into a pill, dot, or ring as it approaches interactive elements, then magnetically snaps back when it leaves.

/ best for
Premium portfoliosInteractive case studies
Light perf
Desktop only