To check the custom cursor live, i have added a link to one of my site that i have added this cursor .
(also in the description box )
https://goodlib.vercel.app
like what you saw ? you can have it too! read the full docs to know how .
pnpm add ./miku-cursor-kitpnpm add github:NubPlayz/miku-cursor-kitpnpm add miku-cursor-kitimport { MikuCursor } from 'miku-cursor-kit';
export default function App() {
return (
<>
<MikuCursor />
<main>Your app content</main>
</>
);
}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 />https://www.npmjs.com/package/miku-cursor-kit
- React 18+ required.
