Carregando…Carregando…Carregando…Carregando…Hides the real cursor inside an area and draws a custom pointer with a name bubble following the mouse — adapted from Aceternity UI.
Esconde o cursor real e desenha um ponteiro customizado com bolha de nome
Mova o mouse por aqui
$ npx kikitocn add following-pointer@/lib/utilsmotionimport { FollowingPointer } from "@/components/ui/cn/following-pointer/FollowingPointer";
export function FollowingPointerExample() {
return (
<FollowingPointer>
Following Pointer
</FollowingPointer>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | ReactNode | — | Área onde o cursor customizado atua |
className | string | — | Classes CSS extras |
title | ReactNode | 'Kikito' | Texto exibido na bolha ao lado do cursor |
Follow Cursor — anel simples seguindo o mouse
Mova o mouse por aqui
Dynamic Cards — gradiente ou spotlight seguindo o cursor
Mancha de cor sob máscara circular
Anel de luz na borda