Mouse Follower Components

Custom cursors and mouse followers for React — trailing blobs, magnetic dots, image reveals and physics-driven pointers that give a site personality. Copy the component, plug in your content.

ASCII Animations

All 34 mouse followers components

  • Mouse Follower 1Image trail mouse follower using GSAP.
  • Mouse Follower 2Mouse follower image trail with pure DOM.
  • Mouse Follower1Mouse Follower1 component.
  • Mouse Follower2Mouse Follower2 component.
  • Bend Mouse FollowerA pixel-art frame that smoothly chases the cursor and warps with an air-friction bend on a WebGL plane.
  • Bend Button FollowerA rounded pill button with text that smoothly chases the cursor and warps with an air-friction bend on a WebGL plane.
  • Pixel Cursor TrailA pixelated cursor trail: hovered grid cells flash and fade, leaving a trail behind the mouse, with blend-mode text on top.
  • Gravity Image TrailA GSAP image trail where images cascade from the cursor, fall, and bounce off the bottom edge.
  • Scale Image TrailA GSAP image trail that pops each image in with a bouncy scale, then shrinks it away behind the cursor.
  • Image Trail EffectsA cursor image trail with six switchable reveal effects — flame, venetian, curtain, hexagon, liquid and zoom split.
  • Image Trail DirectionA GSAP cursor trail where each image slides in from the side the cursor is moving toward, then fades out.
  • Image Trail DropA GSAP cursor trail where images chase the cursor, then fade and fall off the bottom edge.
  • Image Trail FadeA GSAP cursor trail where images ease toward the cursor, then fade and shrink away.
  • Image Trail ScaleupA GSAP cursor trail where images trail the cursor on a long ease, then fade while scaling up and out.
  • Image Trail SlideA GSAP cursor trail where images follow the cursor, then scatter off in random directions with a spin.
  • Image Trail SqueezeA GSAP cursor trail where each image fades, squeezes thin and stretches tall as it drops away.
  • Motion Trail ClassicA GSAP cursor trail where images appear at the cursor, glide to it, then scale and fade out.
  • Motion Trail ExitingA GSAP cursor trail where each image pops in at the cursor, then exits upward with a random sideways drift.
  • Motion Trail FlowA GSAP cursor trail where images flare with brightness/contrast tied to speed, then drift off in the travel direction.
  • Motion Trail InnerscapeA GSAP cursor trail where the outer image grows in while its inner layer un-zooms from a bright over-scale.
  • Motion Trail PersistenceA GSAP cursor trail where blend-mode images linger in a stack and the oldest fades out as new ones arrive.
  • Motion Trail PerspectiveA GSAP cursor trail where images tilt in 3D and shift in depth based on the cursor's distance from center.
  • Motion Trail SpinA GSAP cursor trail where images rotate to follow the cursor's heading and fling off along its path.
  • Motion Trail TileA GSAP cursor trail where each image lands as a 3x3 grid of tiles that scatter and fade apart.
  • Motion Trail VelocityA GSAP cursor trail whose images grow, brighten, blur and desaturate in proportion to cursor speed.
  • Mask Trail BlindsA cursor trail where each image opens through venetian-blind slats cut from a repeating-linear-gradient mask, then fades.
  • Mask Trail ClockA cursor trail where each image sweeps in like a clock hand via a conic-gradient mask, then fades.
  • Mask Trail IrisA cursor trail where each image irises open from a growing circular clip-path, then fades.
  • Mask Trail PinwheelA cursor trail where each image blooms open through spinning windmill wedges via a conic-gradient mask, then fades.
  • Mask Trail RectA cursor trail where each image grows open from a centered clip-path rectangle, then fades.
  • Mask Trail SonarA cursor trail where each image resolves from the center outward through concentric rings cut from a repeating-radial-gradient mask, then fades.
  • Mask Trail SplitA cursor trail where each image splits open from a centered seam via an animated clip-path inset, then fades.
  • Mask Trail StarA cursor trail where each image bursts open from a growing, spinning sparkle clip-path, then fades.
  • Mask Trail WipeA cursor trail where each image wipes upward from its bottom edge via an animated clip-path inset, then fades.