LogoReactUI Library
HomeComponentsShowcaseThemesNServicesNNextGenNPricingContact

Resources

Theme ExtractorExtract palettes from any site or imageColor LabPick, mix, export & engineer colorsGalleryUI screenshots & inspirationBlogArticles & tutorialsDocumentationGuides & API referenceAboutCompany, mission & teamExamplesReal-world code examples
  1. Home
  2. /Components
  3. /Cursors
R
ReactUI

A comprehensive React component library with beautiful design, accessibility, and developer experience in mind.

Product

  • Components
  • Documentation
  • Examples
  • Buttons
  • Cards

Resources

  • Getting Started
  • Installation
  • Theming
  • API Reference
  • Free PDF & Image Tools

Community

  • About Us
  • GitHub
  • Discord
  • Twitter

© 2026 ReactUI Library. All rights reserved.

Privacy PolicyTerms of ServiceRefund Policy
Components/Cursors

Cursors.

The detail that makes a portfolio feel expensive. Lagging rings, blend-mode inverters, particle trails, magnetic pulls and cursors that snap into their targets — move your pointer over every tile.

16 componentsMove to previewNo librariesPointer-scoped
Y2K & ChromeNeo-BrutalistLiquid GlassSocial & MusicButtonsInputsBadges & ChipsCardsFormsLoadersNavigationOverlayFeedbackData DisplayText EffectsBackgroundsEffectsCursorsScroll MotionHero SectionsLandingBlog & ContentLayoutDashboardAI InterfacesE-commerceAuthSettings

On this page

  • Followers8
  • Magnetic & Native8

Tracking

Cursor followers

Dots, lagging rings, blend-mode inverters, particle trails and torch glows. Each demo scopes its listener to its own box — in production, hoist it to document and render one fixed follower.

8 variants
Move here
Signature

Dot follower

tsx
Move here
Signature

Lagging ring

tsx
Invert
Signature

Blend-mode invert

tsx
Move here

Particle trail

tsx
Hover for label

Label cursor

tsx
Torch

Torch glow

tsx
Precision

Crosshair

tsx
Click me

Click squish

tsx

Interaction

Magnetic & native

Elements that pull toward the pointer, cursors that snap into targets, plus the built-in CSS cursors worth remembering.

8 variants
pull
Signature

Magnetic pull

tsx
Snap target
Signature

Snap to target

tsx
cursor-pointer

Native: pointer

tsx
cursor-grab (drag)

Native: grab

tsx
cursor-zoom-in

Native: zoom-in

tsx
cursor-not-allowed

Native: not-allowed

tsx
cursor-text

Native: text

tsx
Custom SVG

Custom SVG cursor

tsx

Previous

←Effects

Hover tilts, magnetic pulls, borders, glows and reveals

Next

Scroll Motion→

Reveals, parallax, sticky stacks and progress rails