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.
Gamer & Streaming
15Caixa de loot que balança, abre com feixe de luz e revela itens girando com raridade colorida. Clique para reabrir.
Lootbox com Item Raro
ReactCaixa de loot que balança, abre com feixe de luz e revela itens girando com raridade colorida. Clique para reabrir.
Interface completa de FPS: crosshair com recuo, hitmarker, munição contando, vida com dano e minimapa com pings.
HUD de Shooter em Ação
CSS / TailwindInterface completa de FPS: crosshair com recuo, hitmarker, munição contando, vida com dano e minimapa com pings.
Botão de transmissão com anéis pulsando, espectadores subindo e preview do canal que expande no hover.
Badge AO VIVO com Preview
CSS / TailwindBotão de transmissão com anéis pulsando, espectadores subindo e preview do canal que expande no hover.
Combo de jogo de luta: número crescendo com punch a cada hit, tiers coloridos, PERFECT! e reset dramático.
Contador de Combo
CSS / TailwindCombo de jogo de luta: número crescendo com punch a cada hit, tiers coloridos, PERFECT! e reset dramático.
Tela de VS de jogo de luta: painéis diagonais colidindo, raio central, nomes estampando com impacto e shake.
Tela de Versus
CSS / TailwindTela de VS de jogo de luta: painéis diagonais colidindo, raio central, nomes estampando com impacto e shake.
Barra de XP que enche, estoura em LEVEL UP! com raios dourados e o número do nível girando para o próximo.
XP e Level Up Explosivo
CSS / TailwindBarra de XP que enche, estoura em LEVEL UP! com raios dourados e o número do nível girando para o próximo.
Banner de achievement deslizando com troféu dourado girando, barra de XP enchendo e raridade épica brilhando.
Conquista Desbloqueada
CSS / TailwindBanner de achievement deslizando com troféu dourado girando, barra de XP enchendo e raridade épica brilhando.
Health bar com dano em blocos, barra fantasma atrasada, regeneração pulsando e tremor vermelho em vida baixa.
Barra de Vida Viva
CSS / TailwindHealth bar com dano em blocos, barra fantasma atrasada, regeneração pulsando e tremor vermelho em vida baixa.
Chat de stream fervendo: mensagens coloridas com emotes, badges de mod e vip, e super chat destacado em dourado.
Chat de Live Acelerado
ReactChat de stream fervendo: mensagens coloridas com emotes, badges de mod e vip, e super chat destacado em dourado.
Feed de abates deslizando com ícones de arma em SVG, destaque dourado em headshot e fade suave ao sair.
Killfeed de Shooter
CSS / TailwindFeed de abates deslizando com ícones de arma em SVG, destaque dourado em headshot e fade suave ao sair.
Tela de escolha de lutador: cards com stats, tilt no hover e trava de seleção com carimbo PLAYER 1 brilhando.
Seleção de Personagem
ReactTela de escolha de lutador: cards com stats, tilt no hover e trava de seleção com carimbo PLAYER 1 brilhando.
Alerta de live explodindo na tela com confete pixelado, equalizador de som visual e nomes variando em loop.
Alerta de Novo Inscrito
CSS / TailwindAlerta de live explodindo na tela com confete pixelado, equalizador de som visual e nomes variando em loop.
Moldura de webcam com borda de gradiente girando, cantos animados, badge REC pulsando e viewers subindo.
Overlay de Webcam para Live
CSS / TailwindMoldura de webcam com borda de gradiente girando, cantos animados, badge REC pulsando e viewers subindo.
Ranking de jogadores com posições trocando em animação FLIP, medalhas de pódio e pontos contando em tempo real.
Leaderboard ao Vivo
ReactRanking de jogadores com posições trocando em animação FLIP, medalhas de pódio e pontos contando em tempo real.
Loading screen com barra de porcentagem, dicas rotativas e artes de fundo trocando com parallax lento.
Tela de Loading de Jogo
CSS / TailwindLoading screen com barra de porcentagem, dicas rotativas e artes de fundo trocando com parallax lento.
