Palavra de Partículas Ultra

Sobre este efeito

Uma palavra ou frase curta desenhada com centenas de pontinhos numa grade. O mouse abre um buraco nela empurrando os pontos pra longe; eles balançam como mola e voltam pro lugar quando o mouse sai, e no celular o dedo faz o mesmo. Pontos de 1,5 px numa grade de 5 px, empurrão até 120 px com força que diminui com a distância. A fonte é a do próprio título (e se ajusta à largura), aceita quebra de linha, degradê de cor, entrada com os pontos se juntando, fica nítida em tela de alta densidade e para de desenhar quando tudo assenta. Cor, tamanho e espaço dos pontos, alcance, força, mola, atrito e altura ajustáveis. O texto continua na página pro leitor de tela; com a preferência de menos movimento, fica parado; sem JS, o texto normal. Sem biblioteca.

Ficha

Categoria

Cursor

Onde combina

topo (hero), chamada pra ação

Alcance

Área: vive dentro de um bloco da página.

Plano

Exclusivo de quem assina o Ultra (R$ 39,90/mês).

Peso

6,3 KB de código comprimido. Sem biblioteca externa.

No celular

Moderado: usa 25% do processador de um celular intermediário enquanto anima.

Na loja desde

14/09/2026

Como colocar no seu site

1. Criando o site com IA (Claude Code, Codex e parecidas): baixe o kit, extraia na pasta do projeto e cole o pedido pronto que a loja entrega. Não precisa saber programar.
2. Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
3. Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-palavra-de-particulas.

Assuntos

• cursor
• mouse
• partículas
• pontos
• texto
• título
• canvas
• física
• mola
• hero
• js