Vaga-lumes que Sobem Plus

Fundo de hero visto de cima de um poço: milhares de pontos de luz sobem na sua direção, crescem e desfocam ao passar perto. O cursor inclina o olhar e segurar o clique acelera a subida.

Ver na loja e baixar

Sobre este efeito

Um fundo de hero com profundidade de verdade: a vista de cima de um poço por onde milhares de pontos de luz sobem na sua direção. Eles nascem na névoa lá do fundo, em duas cores, piscam de leve e, ao passar perto, crescem e saem de foco como luzes desfocadas numa foto. O poço gira devagar e o miolo fica vazio, pronto pro título. O cursor, ou o dedo, inclina o olhar pra dentro do poço, e segurar o clique acelera a subida. É WebGL puro, sem biblioteca, com o caminho de cada ponto calculado na placa de vídeo: leve, pausa sozinho fora da tela e tem botão de pausa. Cores, quantidade e tamanho dos pontos, velocidade da subida, giro, tamanho do vazio do meio e velocidade ajustáveis. Feito pra fundo escuro.

Ficha

Categoria: Fundo
Onde combina: topo (hero), fundo, chamada pra ação
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).
Na loja desde: 06/10/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-vaga-lumes-que-sobem.

Assuntos

partículas
particles
pontos
luzes
vaga-lumes
brasas
túnel
profundidade
3d
webgl
hero
fundo
background