efeitos que dão vida ao seu site.
Veja cada um rodando ao vivo e copie o código pronto pra colar no seu projeto.
Anime
26Card colecionável com emblema de lâmina e vento, barras de stats animadas, foil de raridade e tilt 3D ao mouse.
Card de Personagem RPG
ReactCard colecionável com emblema de lâmina e vento, barras de stats animadas, foil de raridade e tilt 3D ao mouse.
Power-up em primeira pessoa: aura dourada em chamas toma a tela, raios estalam, pedras levitam e o chão racha em brasas.
Carga de Poder Dourada
CSS / TailwindPower-up em primeira pessoa: aura dourada em chamas toma a tela, raios estalam, pedras levitam e o chão racha em brasas.
Close dramático de uma esfera de energia azul com espirais internas girando, vento circular, partículas sugadas e faíscas no flare.
Esfera de Energia Espiral
CSS / TailwindClose dramático de uma esfera de energia azul com espirais internas girando, vento circular, partículas sugadas e faíscas no flare.
Palavra de efeito estilo mangá explodindo sobre estrela de ação com tremor, onda de choque e retícula halftone.
Onomatopeia de Impacto
CSS / TailwindPalavra de efeito estilo mangá explodindo sobre estrela de ação com tremor, onda de choque e retícula halftone.
Seis selos caligráficos originais acendem em ritmo acelerado até a técnica detonar em flash e poof de fumaça na tela.
Sequência de Selos
CSS / TailwindSeis selos caligráficos originais acendem em ritmo acelerado até a técnica detonar em flash e poof de fumaça na tela.
Menu de jogo clássico com janela de borda dupla, cursor pulsando, hover com kachunk e flash ao confirmar.
Menu de Batalha RPG
ReactMenu de jogo clássico com janela de borda dupla, cursor pulsando, hover com kachunk e flash ao confirmar.
POV através de um visor verde: a mira trava numa fonte de energia, o nível de poder dispara e o visor estoura em cacos.
Visor de Nível de Poder
CSS / TailwindPOV através de um visor verde: a mira trava numa fonte de energia, o nível de poder dispara e o visor estoura em cacos.
Bandeira preta com caveira sorridente original tremulando em ondas de keyframes sob um céu de aventura com nuvens.
Bandeira Pirata de Aventura
CSS / TailwindBandeira preta com caveira sorridente original tremulando em ondas de keyframes sob um céu de aventura com nuvens.
Colunas de caracteres japoneses genéricos caindo como chuva digital em estética de papel e tinta sumi-ê.
Chuva de Kana Sumi-ê
CSS / TailwindColunas de caracteres japoneses genéricos caindo como chuva digital em estética de papel e tinta sumi-ê.
Flash de corte diagonal atravessa a cena e a tela se divide em duas metades que deslizam antes de recompor com tremor.
Corte de Katana na Tela
CSS / TailwindFlash de corte diagonal atravessa a cena e a tela se divide em duas metades que deslizam antes de recompor com tremor.
Uma presença gigantesca sugerida na névoa se ergue além da muralha em passos pesados, até dois olhos acenderem em brasa.
Vulto Colossal na Muralha
CSS / TailwindUma presença gigantesca sugerida na névoa se ergue além da muralha em passos pesados, até dois olhos acenderem em brasa.
Orbe carrega na frente da câmera sugando partículas e dispara um feixe até o horizonte com flash, shake e impacto pulsante.
Rajada de Energia em POV
CSS / TailwindOrbe carrega na frente da câmera sugando partículas e dispara um feixe até o horizonte com flash, shake e impacto pulsante.
Estrelas ninja e kunais cruzam a tela girando e cravam com thunk em um alvo de madeira que treme a cada impacto.
Chuva de Shuriken
CSS / TailwindEstrelas ninja e kunais cruzam a tela girando e cravam com thunk em um alvo de madeira que treme a cada impacto.
Câmera em primeira pessoa disparando por uma floresta noturna: chão em perspectiva, árvores passando, folhas e speed lines radiais.
Corrida Ninja em POV
CSS / TailwindCâmera em primeira pessoa disparando por uma floresta noturna: chão em perspectiva, árvores passando, folhas e speed lines radiais.
Interface de cockpit com retículas girando, leituras piscando e alvo travando com aviso de LOCK.
HUD de Cockpit Mecha
CSS / TailwindInterface de cockpit com retículas girando, leituras piscando e alvo travando com aviso de LOCK.
Close de olho vermelho com padrão de três vírgulas orbitando a pupila, acelerando até travar com flash e contração.
Olho Carmesim Hipnótico
CSS / TailwindClose de olho vermelho com padrão de três vírgulas orbitando a pupila, acelerando até travar com flash e contração.
Olhos estilo anime em SVG que piscam com brilho estrelado e mudam de emoção ao passar o mouse.
Olhos com Brilho Estrelado
CSS / TailwindOlhos estilo anime em SVG que piscam com brilho estrelado e mudam de emoção ao passar o mouse.
Página de mangá com quatro painéis de retícula que se revelam em sequência e zoom dramático no final.
Painéis de Mangá
CSS / TailwindPágina de mangá com quatro painéis de retícula que se revelam em sequência e zoom dramático no final.
Círculo de invocação caligráfico expande no chão em perspectiva, gira brilhando e culmina em poof de fumaça com um pergaminho.
Selo de Invocação
CSS / TailwindCírculo de invocação caligráfico expande no chão em perspectiva, gira brilhando e culmina em poof de fumaça com um pergaminho.
Henshin sem personagem: fitas de luz convergem, flash no clímax e o emblema mágico estampa com brilho — clique pra reviver.
Sequência de Transformação
CSS / TailwindHenshin sem personagem: fitas de luz convergem, flash no clímax e o emblema mágico estampa com brilho — clique pra reviver.
Cartão de título de abertura com kanji decorativo, corte diagonal e flash de luz varrendo o texto.
Title Card de Abertura
CSS / TailwindCartão de título de abertura com kanji decorativo, corte diagonal e flash de luz varrendo o texto.
Power-up em primeira pessoa: segure o mouse para carregar — a aura azul vira dourada, o chão racha e soltar libera a onda de choque.
Aura de Poder
CSS / TailwindPower-up em primeira pessoa: segure o mouse para carregar — a aura azul vira dourada, o chão racha e soltar libera a onda de choque.
Caixa de diálogo de visual novel com nome, texto digitando letra a letra, seta piscando e clique para avançar.
Caixa de Diálogo Visual Novel
ReactCaixa de diálogo de visual novel com nome, texto digitando letra a letra, seta piscando e clique para avançar.
Corrida ninja em primeira pessoa: o cenário voa em parallax, o mouse inclina a câmera e o clique dispara o turbo.
Corrida POV
CSS / TailwindCorrida ninja em primeira pessoa: o cenário voa em parallax, o mouse inclina a câmera e o clique dispara o turbo.
