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.
IA & Futurista
19Esfera de vidro escuro com fitas de aurora magenta e dourada ondulando dentro — o coração de um produto de IA.
Orbe de Aurora
CSS / TailwindEsfera de vidro escuro com fitas de aurora magenta e dourada ondulando dentro — o coração de um produto de IA.
Conversa com IA: pergunta do usuário, três pontinhos digitando e resposta chegando palavra a palavra.
Chat de IA em Streaming
ReactConversa com IA: pergunta do usuário, três pontinhos digitando e resposta chegando palavra a palavra.
Esfera de gradiente fluido que respira, emite ondas ao falar e alterna entre ouvir, pensar e falar.
Orb de Assistente de Voz
CSS / TailwindEsfera de gradiente fluido que respira, emite ondas ao falar e alterna entre ouvir, pensar e falar.
Assistente financeiro conversacional: bolha azul-céu com stepper de valor que pulsa a cada ajuste.
Agente de Carteira
ReactAssistente financeiro conversacional: bolha azul-céu com stepper de valor que pulsa a cada ajuste.
Painel de especificação com 4 variantes de 'agente pensando': orbe, waveform, linhas e pontos — prontas pra copiar.
Estados de Agente
CSS / TailwindPainel de especificação com 4 variantes de 'agente pensando': orbe, waveform, linhas e pontos — prontas pra copiar.
Canvas de estúdio com quadro clássico flutuando e uma sidebar de IA sugerindo ações em cascata.
Sidebar IA Companion
CSS / TailwindCanvas de estúdio com quadro clássico flutuando e uma sidebar de IA sugerindo ações em cascata.
Botão com estrelinhas orbitando e gradiente vivo que vira spinner de partículas e volta com flash.
Botão Gerar com IA
CSS / TailwindBotão com estrelinhas orbitando e gradiente vivo que vira spinner de partículas e volta com flash.
Caracteres e números flutuando em canvas que se conectam perto do ponteiro, num matrix elegante.
Constelação de Dados
CSS / TailwindCaracteres e números flutuando em canvas que se conectam perto do ponteiro, num matrix elegante.
Esfera central com anéis orbitando e raios que aceleram no processamento intenso e depois acalmam.
Núcleo de Energia da IA
CSS / TailwindEsfera central com anéis orbitando e raios que aceleram no processamento intenso e depois acalmam.
Frase que morfa entre idiomas com efeito scramble suave e bandeirinhas alternando em loop.
Tradutor com Morph de Texto
ReactFrase que morfa entre idiomas com efeito scramble suave e bandeirinhas alternando em loop.
Dropzone que recebe um arquivo, varre com linha de luz e faz as tags detectadas pipocarem.
Upload com Análise por IA
ReactDropzone que recebe um arquivo, varre com linha de luz e faz as tags detectadas pipocarem.
Rosto minimalista de assistente: olhos que piscam, seguem um alvo e mudam de forma com a emoção.
Avatar de Olhos Expressivos
CSS / TailwindRosto minimalista de assistente: olhos que piscam, seguem um alvo e mudam de forma com a emoção.
Editor onde o código se digita sozinho com syntax highlight e o selo // gerado por IA pulsando.
Código Gerado por IA
CSS / TailwindEditor onde o código se digita sozinho com syntax highlight e o selo // gerado por IA pulsando.
Prompt com placeholder que se digita sozinho, borda de gradiente viva no foco e botão Gerar com brilho.
Caixa de Prompt Mágica
ReactPrompt com placeholder que se digita sozinho, borda de gradiente viva no foco e botão Gerar com brilho.
Resposta de IA renderizando ao vivo: título, lista e bloco de código surgem palavra a palavra com cursor.
Resposta Markdown em Streaming
ReactResposta de IA renderizando ao vivo: título, lista e bloco de código surgem palavra a palavra com cursor.
Barras simétricas dançando a partir do centro com gradiente, alternando entre escuta ativa e mudo.
Waveform de Voz
CSS / TailwindBarras simétricas dançando a partir do centro com gradiente, alternando entre escuta ativa e mudo.
Nós de uma rede neural pulsando em canvas, com sinais de luz viajando pelas conexões.
Rede Neural Viva
CSS / TailwindNós de uma rede neural pulsando em canvas, com sinais de luz viajando pelas conexões.
Linhas skeleton com brilho iridescente e frases de status que se revezam enquanto a IA pensa.
IA Pensando com Shimmer
CSS / TailwindLinhas skeleton com brilho iridescente e frases de status que se revezam enquanto a IA pensa.
Retícula biométrica: malha de pontos sobre silhueta, linha varrendo e selo de identidade verificada.
Escaneamento Facial
CSS / TailwindRetícula biométrica: malha de pontos sobre silhueta, linha varrendo e selo de identidade verificada.
