Cursor Trail

Uma forma ou rótulo segue o ponteiro com um atraso elástico ou suavizado.

Adicione um "Cursor Follower" (também chamado following pointer ou smooth cursor) em [onde].
Um pequeno marcador redondo deve seguir o ponteiro com um atraso suave e amortecido e deslizar até parar exatamente onde o ponteiro fica parado, sem quicar.
Mantenha o ponteiro real visível, nunca deixe o marcador bloquear cliques, e não o exiba em dispositivos de toque.

A seta padrão é substituída por um ponto ou anel estilizado que muda sobre os elementos interativos.

Adicione um cursor personalizado ("Custom Cursor", também chamado animated cursor ou cursor replacement) em [onde].
Substitua a seta padrão por um pontinho que acompanha o ponteiro com exatidão e um anel que segue um pouco atrás, e faça o anel crescer suavemente sobre links e botões.
Mantenha o cursor normal em dispositivos de toque e em campos de texto, e nunca deixe o cursor personalizado bloquear cliques.

O elemento é puxado em direção ao ponteiro quando ele se aproxima e volta ao lugar quando ele se afasta.

Adicione um efeito "Magnetic Button" (também chamado magnetic target ou magnetic hover) em [onde].
Quando o ponteiro se aproximar, o botão deve ser puxado um pouco em direção a ele, com o texto se movendo um pouco mais, e quando o ponteiro sair ele deve voltar ao lugar com um pequeno quique elástico.
Não deixe o layout ao redor se mexer, e desative a atração em dispositivos de toque e se o usuário preferir movimento reduzido (prefers-reduced-motion).

Um campo de linhas curtas gira para apontar para o ponteiro, como limalha de ferro em volta de um ímã.

Adicione um efeito "Magnetic Filings" em [onde].
Uma grade de linhas curtas deve girar na hora para que cada uma aponte direto para o ponteiro, como limalha de ferro em volta de um ímã, e todas devem apontar para o centro quando não houver ponteiro.
Mantenha como fundo decorativo que nunca bloqueia cliques, e deixe as linhas paradas se o usuário preferir movimento reduzido (prefers-reduced-motion).