Basics & Motion
The foundations every cursor interaction starts with — depth, magnetism and follow.
Mouse Parallax
StarterA layered composition — background, shapes and typography — each plane drifting at its own depth. Subtle 3D from nothing but cursor position.
Open demo →Magnetic Elements
BeginnerButtons lean toward the pointer the closer it gets, then spring back to rest the moment you leave. Organic, elastic, alive.
Open demo →Cursor Follower
BeginnerOne object with real weight: lag, momentum and rotation. The orb chases the cursor the way a physical body chases a target.
Open demo →Physics & Particles
Systems with real behaviour — reveal, light, and fields that react to your touch.
Image Reveal
IntermediateHover a project row and a figure detaches from the list, trailing your cursor with a soft rotation — attached, never glued.
Open demo →Spotlight
IntermediateThe stage is dark until the pointer arrives. A soft cone of light reveals hidden typography and leaves a trail of glow behind it.
Open demo →Particle Field
IntermediateA quiet grid of points wakes up as you pass: pushed aside, tinted with the accent colour, then springing back to their posts.
Open demo →3D & Depth
Real perspective and dimension — cards that lean and surfaces that flow in three dimensions.
3D Tilt
AdvancedA glass card that leans into the pointer in real 3D — perspective, dynamic highlight and floating layers at different depths.
Open demo →Liquid Distortion
AdvancedA WebGL surface that flows around the cursor like syrup — the pattern bends, ripples and settles as you stir the canvas.
Open demo →High-Tech & Field
Typography with personality and a whole solar system attracted to a single point — the cursor.
Magnetic Typography
ExpertEvery letter of the word reacts on its own. Each one leans toward you with a different strength, as if the type is curious about your cursor.
Open demo →Cursor Gravity
ExpertA tiny solar system of shapes, chips and cards. Your cursor is the sun — objects orbit it by mass, some eager, some indifferent.
Open demo →All 10 Experiments
HomeBack to the full collection — a gallery of every mouse-driven interaction by RJ, from Starter to Expert.
Go to index →