@ruchiralk/cursor
v1.0.4
Published
A custom animated cursor component for React
Maintainers
ruchiralkReadme
Custom cursor
A simple and customizable animated cursor effect for web applications. Works with React applications and plain HTML/CSS/JavaScript.
📦 Installation
For React Application
1. To deploy this project run
npm install @ruchiralk/cursor2. Import library to App.js
import Ruchiralkcursor from "@ruchiralk/cursor";
function App() {
return (
<>
<Ruchiralkcursor />
</>
);
}
export default App;For Plain HTML
1. Add the CDN link and setup library
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@ruchiralk/cursor/src/cursor.css"
/>
</head>
<body>
<!-- Your content -->
<script type="module">
import { enableCursorEffect } from "https://cdn.jsdelivr.net/npm/@ruchiralk/cursor/src/cursor.js";
enableCursorEffect();
</script>
</body>
</html>