Cursor Effect Components

Dev Design Library indexes 63 cursor effect components from 21 open-source UI libraries, with the most coming from React Bits, Cojeev UI, Pixel Perfect, Rewamp UI and Animations (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Cursor effect components belong to the Effects group.

• Blob CursorReact Bits · ReactCustom cursor made of gooey blobs that trail the pointer with a delay.
• Cool ModeMagic UI · ReactCool mode effect for buttons, links, and other DOMs
• Cursor TrailAmicro Micro Transitions · ReactCustom cursor with particle/dots trail.
• Mouse Effect CardKokonut UI · ReactInteractive card with an animated dot pattern that repels away from the cursor, powered by React, Tailwind CSS and…
• Smooth Cursor FollowerCursify · React
• Cursor CardVengeance UI · ReactInline text link with cursor tracking preview card
• Bend Mouse FollowerPixel Perfect · ReactA pixel-art frame that smoothly chases the cursor and warps with an air-friction bend on a WebGL plane.
• Cursor SpotlightKinetics · HTML/CSSRadial glow follows the pointer across a contained surface
• Eye TrackingComponentry · ReactHyper-realistic eyes that follow your cursor with smooth spring physics, reactive pupils, blinking, and multiple…
• Cool ModeAnimations (Svelte) · SvelteAdd a fun particle effect that follows mouse interactions, with support for emojis, images, and custom shapes.
• Image TrailBadtz UI · ReactImage Trail adds a dynamic, interactive trail of images that follows the cursor, enhancing user engagement and visual…
• Click SparkObsidianUI · React
• Halftone Dot CursorRewamp UI · ReactRecreation of Recording 2026-09-17 213845.mp4: An interactive halftone dot matrix cursor that expands and blooms into…
• ASCII Fluid23rd.dev · ReactMouse-trail WebGL fluid background quantized to a clean ASCII brightness ramp - zero deps, theme-aware.
• Image TrailSona UI · ReactSpawns a trail of images that follow the cursor across a scoped area, with multiple appearance styles.
• CursorWatermelon UI · React
• Click SparkCojeev UI · ReactA finite spray of accent marks responds to a real activation.
• Following PointerVelora UI · ReactSwaps the cursor for an arrow and a name tag that trail the pointer inside a region.
• Cursor Trail RevealSora UI · ReactDesktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.
• Bubble CursorReactFrame · ReactA liquid-glass bubble that follows the pointer across the whole page, rendered with a raymarched WebGL2 metaball trail…
• Following PointerAceternity UI · React
• Click SparkReact Bits · ReactCreates particle spark bursts at click position.
• PointerMagic UI · ReactA component that displays a pointer when hovering over an element
• Mouse FollowAmicro Micro Transitions · ReactSmooth spring physics element trailing mouse cursor.
• Image TrailVengeance UI · ReactCursor-following image trail effect
• Cursor Trail SmearPixel Perfect · ReactYour cursor drags a liquid streak across the image that trails and fades.
• Cursor TrailKinetics · HTML/CSSA chain of dots chases the pointer with eased lag
• Image TrailComponentry · ReactLeaves a trail of images behind the cursor with a premium delay fade.
• PointerAnimations (Svelte) · SvelteA component that displays a pointer when hovering over an element
• Mouse WaveBadtz UI · ReactAn interactive and customizable component that creates a dynamic wave effect responding to mouse movements, perfect…
• Liquid Cursor GradientRewamp UI · ReactGradient background that flows like liquid following the pointer.
• Ghost CursorCojeev UI · ReactA translucent ink impression follows a local pointer with soft inertia.
• Pointer HighlightVelora UI · ReactDraws an outline around a phrase on scroll, then glides a pointer icon to its corner.
• Pointer HighlightAceternity UI · React
• CrosshairReact Bits · ReactCustom crosshair cursor with tracking, and link hover effects.
• Smooth CursorMagic UI · ReactA customizable, physics-based smooth cursor animation component with spring animations and rotation effects
• Pixelated Image TrailVengeance UI · ReactCursor trail image reveal
• Dither Cursor TrailPixel Perfect · ReactA pale blue Bayer-dithered cursor trail with a softly tapered tail that fades at rest.
• Infinite Image FieldComponentry · ReactAn endless, cursor-driven photo canvas that tiles images infinitely and pans fluidly toward wherever you move your…
• Smooth CursorAnimations (Svelte) · SvelteA smooth animated cursor component with spring physics that follows mouse movement with rotation and scale effects.
• Googly Eyes ButtonRewamp UI · React
• Guided pointerCojeev UI · ReactAn illustrated pointer moves between story waypoints, with a small arrival or hold cue.
• Smooth CursorVelora UI · ReactDot-and-ring custom cursor; the ring trails on a spring and grows over links and buttons.
• Cursor GridReact Bits · ReactCanvas grid background whose cells light up within a radius of the cursor and fade out afterwards.
• Mouse Follower 1Pixel Perfect · ReactImage trail mouse follower using GSAP.
• Pixel Image TrailComponentry · ReactAn image reveal made from cursor-painted squares that expire into a bounded pixel trail.
• Fancy Pixel TrailAnimations (Svelte) · Svelte
• Pill Trail CursorRewamp UI · React
• Image TrailCojeev UI · ReactDistance-triggered image impressions follow the pointer and fade away.
• Ghost CursorReact Bits · ReactWebGL smoky trail that follows the pointer with inertia, bloom and film grain.
• Mouse Follower 2Pixel Perfect · ReactMouse follower image trail with pure DOM.
• Spotlight GridRewamp UI · React
• Swarm CursorCojeev UI · ReactA local flock of colored seeds follows the pointer and scatters on activation.
• Glow CursorReact Bits · ReactWebGL glowing trail drawn through the recent pointer positions, over the content.
• P
  Pixel Cursor TrailPixel Perfect · ReactA pixelated cursor trail: hovered grid cells flash and fade, leaving a trail behind the mouse, with blend-mode text on…
• Target CursorCojeev UI · ReactLocal corner brackets follow real controls on hover and keyboard focus.
• Image TrailReact Bits · ReactCursor-based image trail with several built-in variants.
• Pixel TrailReact Bits · ReactPixelated cursor trail emitting fading squares with retro digital feel.
• RibbonsReact Bits · ReactFlowing responsive ribbons/cursor trail driven by physics and pointer motion.
• Splash CursorReact Bits · ReactFull-screen WebGL fluid simulation: moving the pointer splashes coloured ink that swirls and dissipates.
• Swarm CursorReact Bits · ReactWebGL swarm of particles that flock around the pointer.
• Target CursorReact Bits · ReactCustom cursor shaped as a dot with four spinning corner brackets that snap around any element marked as a target on…
• Text CursorReact Bits · ReactLeaves a trail of a repeated text or emoji along the path of the mouse; the items float and fade out.

Libraries with cursor effect components

• React Bits
• Cojeev UI
• Pixel Perfect
• Rewamp UI
• Animations (Svelte)

Related categories

• React Cursor Effect Components
• Tailwind CSS Cursor Effect Components
• Effect Components
• Image Effect Components
• Transition Components
• Marquee Components
• Mask Effect Components
• Reveal Wrapper Components
• Border Effect Components
• Glow Effect Components
• Spotlight Effect Components
• Tilt Effect Components
• Blur Overlay Components
• Ripple Components
• Confetti Components