Prebuild cursor styles

Elevate your web application's user experience with cursor-style, a lightweight, easy-to-use library designed to customize and animate the cursor. Whether you're aiming to add a touch of elegance, interactivity, or just looking to stand out.

1. installation

npm install cursor-style

2. Features

-Custom Cursor Shapes: Transform the default cursor into various shapes, adapting to the context of different elements on your web page.

-Cursor Animation: Add animations to the cursor for interactions, providing visual feedback in a stylish manner.

-Easy Integration: With just a few lines of code, integrate cursor-style into any web project.

-Highly Configurable: Adjust size, color, animation speed, and more to match your site's design perfectly.

-Performance-Focused: Designed with performance in mind, ensuring smooth animations without compromising your site's responsiveness.

3. Demo

Live Demo

4. Visualisation

5. Usage

Include examples of how to use your project. Code snippets and brief explanations can effectively demonstrate basic and advanced features.

import { CursorOne, CursorTwo, CursorThree } from "cursor-style";

// or you can use CustomCursor to import all of the cursors at once

import { CustomCursor } from "cursor-style";

return (
  <div>
    <CursorOne />
  </div>
);

// and for CustomCursor you would import it using different types

return (
  <div>
    <CustomCursor type="one/two/three" />
  </div>
);

6. Support

If you endure a bug or a problem, or just want to request new features, you can find my socials in my github account: Github account