https://github.com/guiepi/react-dot-cursor
A fully customizable cursor component animated with Motion for React.
https://github.com/guiepi/react-dot-cursor
animated-cursor cursor custom-cursor motion-cursor react react-cursor react-dot-cursor
Last synced: 8 months ago
JSON representation
A fully customizable cursor component animated with Motion for React.
- Host: GitHub
- URL: https://github.com/guiepi/react-dot-cursor
- Owner: GuiEpi
- License: mit
- Created: 2025-01-03T17:30:28.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-16T17:30:12.000Z (about 1 year ago)
- Last Synced: 2025-04-14T23:09:57.951Z (11 months ago)
- Topics: animated-cursor, cursor, custom-cursor, motion-cursor, react, react-cursor, react-dot-cursor
- Language: TypeScript
- Homepage: https://react-dot-cursor.guics.st/
- Size: 1.09 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Features
- 🚀 Easy to use
- 🔍 Auto-detects content types
- 🚫 Respects disabled attribute
- 🔠 Scales with text size
- 🎥 Animated with motion
- 🎨 Customizable
## Installation
### With pnpm
```sh
pnpm add react-dot-cursor
```
### With NPM
```sh
npm install react-dot-cursor
```
## Getting Started
Add the `Cursor` component to your app:
```tsx
import { Cursor } from 'react-dot-cursor';
const App = () => {
return (
);
};
```
Then remove the default cursor with CSS:
```css
* {
cursor: none !important;
}
```
## Documentation
Find the full API reference on [official documentation](https://react-dot-cursor.guics.st/docs).