Skip to main contentSkip to navigation

Cursor

PreviousNext

Cursor component (coming soon)

Custom Cursor Demo

Move your mouse over this area to see the custom cursor effect

Installation

Run the following command:

npx @hanzo/ui@latest add cursor

Usage

import { Cursor } from "@/registry/default/ui/cursor"

export default function Example() {
  return <Cursor />
}

Examples

Default

Custom Cursor Demo

Move your mouse over this area to see the custom cursor effect

API

Documentation coming soon.

Features

  • Built with Radix UI and Tailwind CSS
  • Fully accessible and keyboard navigable
  • Customizable styling with CSS variables
  • TypeScript support

Notes

For more examples and advanced usage, see the examples.