Texto Embaralhado Plus

Texto em fonte de máquina de escrever que embaralha as letras perto do mouse.

Sobre este efeito

Parágrafo em fonte de máquina de escrever em que as letras perto do mouse se embaralham e voltam ao lugar, numa ondulação que segue o gesto; quanto mais perto, mais demora para voltar. Usa GSAP.

Ficha

Categoria: Texto
Onde combina: topo (hero), recursos
Alcance: Área: vive dentro de um bloco da página.
Plano: Incluso no Plus (R$ 19,90/mês) e no Ultra (R$ 39,90/mês).
Peso: 2,2 KB de código comprimido, mais GSAP + GSAP SplitText + GSAP ScrambleText (35 KB), que vem de um CDN.
No celular: Mais pesado: usa 69% do processador de um celular intermediário enquanto anima.
Na loja desde: 23/07/2026

Como colocar no seu site

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.
Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-texto-embaralhado.

Assuntos

texto
embaralhar
scramble
cursor
gsap