Mar de Pontos Ultra

Fundo de hero com um mar de pontos em perspectiva que ondula até sumir na névoa do horizonte; as cristas acendem na cor, o cursor levanta um morro na água e o clique solta anéis.

Ver na loja e baixar

Sobre este efeito

Um fundo de hero feito de pontos: uma grade em perspectiva que ondula como um mar até sumir na névoa do horizonte. Quatro ondas em direções e velocidades diferentes se somam, então o mar nunca repete igual; nas cristas os pontos crescem e acendem na cor do acento. O cursor, ou o dedo, levanta um morro macio que segue o movimento, e o clique solta um anel que se abre pela água e amortece. Os pontos são redondos, maiores perto e sumindo lá longe. É WebGL puro, sem biblioteca, com a onda calculada na placa de vídeo: leve, pausa sozinho fora da tela e tem botão de pausa. Cores, altura do horizonte, tamanho das ondas, densidade e tamanho dos pontos, força do cursor e velocidade ajustáveis; funciona em fundo escuro ou claro.

Ficha

Categoria: Fundo
Onde combina: topo (hero), fundo
Alcance: Área: vive dentro de um bloco da página.
Plano: Exclusivo do Ultra (R$ 39,90/mês) até 30/10/2026; depois entra no Plus.
Peso: 7,4 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 6% do processador de um celular intermediário enquanto anima.
Placa de vídeo: Desenha com a placa de vídeo; em celular muito simples a fluidez depende dela.
Na loja desde: 30/09/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-mar-de-pontos.

Assuntos

pontos
dots
ondas
waves
mar
perspectiva
3d
webgl
partículas
hero
fundo
background