Galeria Espiral 3D Ultra

Espiral de imagens em 3D: a câmera desce por ela na rolagem.

Sobre este efeito

Uma espiral de imagens em 3D: a câmera desce por ela conforme a rolagem, a estrutura gira na velocidade da rolagem e acompanha o mouse. As imagens são geradas pelo próprio efeito, sem nenhum arquivo. Usa Three.js.

Ficha

Categoria: Galeria
Onde combina: topo (hero), prova social
Alcance: Página inteira: depende da rolagem ou do cursor da página toda.
Plano: Exclusivo de quem assina o Ultra (R$ 39,90/mês).
Peso: 5,2 KB de código comprimido, mais Three.js + Lenis (186 KB), que vem de um CDN.
No celular: Moderado: usa 26% 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: 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-galeria-espiral.

Assuntos

three
3d
espiral
scroll
procedural