Skip to content

Latest commit

 

History

History
42 lines (31 loc) · 1.23 KB

File metadata and controls

42 lines (31 loc) · 1.23 KB

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