Custom Cursor

Optional spring cursor that expands over interactive elements. Off on touch and reduced motion.

npx @kznlabs/labsui add custom-cursor

Enable custom cursor

Or this link

Mouse/trackpad only. Disabled on touch & reduced motion.

import { CustomCursor } from "@/components/ui/custom-cursor";export function Layout({ enabled }: { enabled: boolean }) {  return <>{enabled && <CustomCursor />}</>;}

<CustomCursor>

Opt-in spring cursor (dot + trailing ring; ring expands over interactive elements). Mount once. Renders nothing on touch/coarse pointers or with reduced motion.

* required. Every component also takes className.