v0.1.0 Alpha

React DIY Cursor (Pre-release)

A customizable cursor component for React applications.

Features

• Customizable cursor styles
• Tracks mouse movements

Installation

This is a pre-release version and is not yet available on the npm registry. To use this package, clone the repository and install dependencies locally.

Usage

Here's an example of how to use the CustomCursor component in your React application:

import React, { useState } from 'react';
import CustomCursor from './path-to-your-cloned-repo';

const App = () => {

  const customStyles = {
    backgroundColor: 'yellow',
    borderRadius: '50%',
    width: '20px',
    height: '20px',
  };

  return (
    <div>
      <CustomCursor customStyles={customStyles}>
        <span>Custom Cursor Content</span>
      </CustomCursor>
    </div>
  );
};

export default App;

What's Changed

• Merge main to cursor-disabling by @psychlone77 in #1
• Merge pull request #1 from psychlone77/main by @psychlone77 in #2
• cursor visibility states and fucntions added by @shalu2001 in #3

New Contributors

• @psychlone77 made their first contribution in #1
• @shalu2001 made their first contribution in #3

Full Changelog: https://github.com/psychlone77/react-diy-cursor/commits/v0.1.0