Aura Cursor

Nos últimos anos sempre fiquei muito focado somente na entrega de trabalho e acabei sem compartilhar os projetos que ia criando. Agora decidi mudar um pouco essa rotina e começar a publicar bibliotecas simples, úteis e totalmente open-source, para aprender mais, contribuir e manter um fluxo constante de criação.

E estou lançando a Aura Cursor, uma lib pequena, leve e feita em JavaScript/TypeScript, que permite criar cursores personalizados com comportamento inteligente.

Diferente de apenas trocar o cursor via CSS, a Aura Cursor funciona como uma camada independente que acompanha a posição do mouse em tempo real usando requestAnimationFrame, garantindo movimento suave, estável e sem travamentos.

---

O que a lib faz na prática:

• Cria um cursor customizado (círculo ou outline) renderizado via DOM.
• Detecta automaticamente elementos interativos da página (links, botões, inputs) e altera o estilo do cursor durante hover.
• Permite configurar tamanho, cor, opacidade, velocidade de movimento, escala e efeitos ao passar por elementos clicáveis.
• Possui fallback automático — desativa em telas pequenas ou touch, evitando interferir na usabilidade.
• Oferece integração simples com React via hook ou componente dedicado.
• Inclui tipagens completas para quem usa TypeScript.
• Tudo isso sem dependências externas.

---

Exemplo básico:

import { AuraCursor } from 'aura-cursor';

const cursor = new AuraCursor({
  size: 20,
  color: '#000000',
  opacity: 0.5,
  speed: 0.3,
});
cursor.init();

---

Documentação e exemplos:

Aura Cursor: https://andrebarros.dev/projects/aura-cursor
NPM: https://www.npmjs.com/package/aura-cursor
GitHub: https://github.com/andrecb/aura-cursor

---

Por que estou compartilhando isso?

Quero transformar esses pequenos projetos em algo colaborativo, um espaço onde outros devs podem testar, criticar, sugerir melhorias ou até contribuir com código. Se você curte a ideia, abre uma issue, sugere um bugfix, propõe um novo efeito, melhora a docs… qualquer ajuda é bem-vinda!

Se possível da uma estrela lá no GitHub e faça sua contribuição.