miku-cursor-kit

Standalone React cursor package

Samples pics

Site 1

Site 2

Site 3

Install

Local folder (assuming you cloned my repo)

pnpm add ./miku-cursor-kit

From GitHub

pnpm add github:NubPlayz/miku-cursor-kit

npm

pnpm add miku-cursor-kit

Use

import { MikuCursor } from 'miku-cursor-kit';

export default function App() {
  return (
    <>
      <MikuCursor />
      <main>Your app content</main>
    </>
  );
}

use wrapper, for next js (server componenet)

Create a client wrapper (example app/MikuCursorClient.tsx):

"use client";

import { MikuCursor } from "miku-cursor-kit";

export default function MikuCursorClient() {
  return <MikuCursor />;
}

In app/layout.tsx, import the wrapper (not the package directly):

import MikuCursorClient from "./MikuCursorClient";

and render:

<MikuCursorClient />

Notes

• React 18+ required.