Cursor

Wrap your app and get the classic Aqua arrow, pointing hand and I-beam cursors.

Move your mouse around — this whole site is wrapped in AquaCursor.

hand on links
installnpx shadcn@latest add @aqua/cursor

Usage

Wrap your app once — cursor is an inherited CSS property, so everything inside gets the era pointers:

import { AquaCursor } from "@/components/ui/cursor"

<body>
  <AquaCursor>{children}</AquaCursor>
</body>

The three cursors are inline SVG data URIs: the black arrow with its white outline, the white pointing hand for links, and a seriffed I-beam over selectable text and text fields. No image assets, and the native cursor stays as a fallback. The wrapper renders with display: contents, so it adds no box to your layout.