Skip to main content

​
Installation

    ​
    Usage

    showLineNumbers
    import { Pointer } from "@/components/ui/pointer"
    showLineNumbers
    <div className="relative">
  <Pointer />
  <div className="p-8">
    <h1>Hover over this area</h1>
    <p>The custom pointer will appear</p>
  </div>
</div>

    ​
    Props

    The Pointer component accepts all standard HTMLMotionProps<"div"> props from Framer Motion, including:
    PropTypeDefaultDescription
    classNamestring-Additional CSS classes
    styleCSSProperties-Custom inline styles
    childrenReact.ReactNode-Custom content to render as cursor

    Build docs developers (and LLMs) love

    Get started for freeTalk to us