smooth-cursor-demo

PreviousNext

Basic smooth cursor example

Docs
magicuiexample

Preview

Loading preview…
registry/example/smooth-cursor-demo.tsx
import { SmoothCursor } from "@/registry/magicui/smooth-cursor"

export default function SmoothCursorDemo() {
  return (
    <>
      <span className="hidden md:block">Move your mouse around</span>
      <span className="block md:hidden">Tap anywhere to see the cursor</span>
      <SmoothCursor />
    </>
  )
}

Installation

npx shadcn@latest add @magicui/smooth-cursor-demo

Usage

import { SmoothCursorDemo } from "@/components/smooth-cursor-demo"
<SmoothCursorDemo />