Dev Design LibraryTailwind CSS Cursor Effect Components
Dev Design Library indexes 48 Tailwind CSS cursor effect components from 19 open-source UI libraries, with the most coming from Cojeev UI, Pixel Perfect, Rewamp UI, Animations (Svelte) and Componentry. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Cursor effect components belong to the Effects group.
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.
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
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.
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
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.
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.
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.- 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.
Libraries with Tailwind CSS cursor effect components
Related categories
- Cursor Effect Components
- React Cursor Effect Components
- Tailwind CSS Effect Components
- Tailwind CSS Marquee Components
- Tailwind CSS Transition Components
- Tailwind CSS Image Effect Components
- Tailwind CSS Mask Effect Components
- Tailwind CSS Reveal Wrapper Components
- Tailwind CSS Border Effect Components
- Tailwind CSS Glow Effect Components
- Tailwind CSS Tilt Effect Components
- Tailwind CSS Spotlight Effect Components
- Tailwind CSS Blur Overlay Components
- Tailwind CSS Confetti Components