Skip to content

A customizable React cursor effect with smooth motion, hover interactions, and optional magnetic behavior.

Notifications You must be signed in to change notification settings

kurocodes/Interactive-Cursor-Effect

Repository files navigation

Custom Cusror v1 preview GIF

Interactive Cursor Effect

A lightweight and customizable React cursor effect component built using Motion (motion/react).
This repository contains a smooth, interactive animated cursor with support for:

  • Adjustable size & color
  • Configurable spring physics
  • Hover interaction effects
  • Magnetic hover (optional)
  • Clean, reusable component structure

This repo currently serves as a preview/demo implementation.
A complete package-style README will be added once it’s published on npm.

✨ Features

  • 🔥 Smooth cursor movement using spring animations
  • 🎨 Fully customizable through props
  • 🧲 Optional magnetic hover effect
  • ⚡ Built with modern React + Motion
  • 🧩 Simple and reusable component API
  • 🧪 Includes a demo setup for previewing cursor settings

🛠️ Tech Stack

  • React
  • Motion (motion/react)
  • TypeScript
  • CSS

🚀 Future Plans

Once published as an npm package, the README will include:

  • Installation instructions
  • Usage examples
  • Props documentation
  • Advanced customization guide
  • Theming support
  • Best practices

About

A customizable React cursor effect with smooth motion, hover interactions, and optional magnetic behavior.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published