Nebulosa com Meteoros Free

Fundo de hero com uma nebulosa de fumaça quente e meteoros cruzando em diagonal; o cursor acende a fumaça e o clique solta uma rajada.

Baixar grátis na loja

Sobre este efeito

Uma nebulosa de fumaça quente que deriva devagar atrás do seu conteúdo, com estrelas piscando e meteoros cruzando a tela em diagonal, cada um com a cabeça acesa e uma cauda que esfria até sumir. O cursor acende a fumaça em volta dele, e um clique no céu solta uma rajada de meteoros em leque saindo do ponto clicado. Usa WebGL, em resolução reduzida, e para com a seção fora da tela. Cores da fumaça, do brilho e dos meteoros, quantidade de meteoros e velocidade ajustáveis. Sem WebGL, fica um degradê parado nas mesmas cores. Sem biblioteca externa.

Ficha

Categoria: Luzes
Onde combina: topo (hero), fundo
Alcance: Área: vive dentro de um bloco da página.
Plano: Grátis com a conta: 1 download a cada 24 horas.
Peso: 7,0 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 13% 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: 01/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-nebulosa-com-meteoros.

Assuntos

nebulosa
nebula
meteoros
meteor
estrela cadente
shooting star
fumaça
smoke
webgl
shader
espaço
clique