Fios na Correnteza Free

Fundo de hero com centenas de fios finos seguindo uma correnteza que muda devagar; o cursor é uma pedra no rio, os fios contornam e acendem na borda, e o clique solta um redemoinho.

Baixar grátis na loja

Sobre este efeito

Um fundo de hero que parece água vista de cima: centenas de fios finos seguem uma correnteza cheia de curvas e remansos que mudam devagar. Cada fio cresce pela ponta e afina até sumir na cauda, e eles nunca se amontoam num canto. O cursor, ou o dedo, é uma pedra no rio: os fios contornam, aceleram na borda e acendem na cor de destaque. O clique tira a pedra e solta um redemoinho que gira os fios em volta e some sozinho. O fundo é transparente, então serve sobre qualquer cor, clara ou escura. Sem biblioteca, com o desenho feito pela placa de vídeo: leve, pausa sozinho fora da tela e tem botão de pausa. Cores, quantidade, comprimento e espessura dos fios, força das curvas, força e direção da corrente, tamanho da pedra e velocidade ajustáveis.

Ficha

Categoria: Fundo
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.
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-fios-na-correnteza.

Assuntos

fios
linhas
correnteza
fluxo
flow field
partículas
redemoinho
água
webgl
cursor
hero
fundo
background