Animação de interface
watsonx｜Lançamento da plataforma
Alternar detalhe e conjunto do mesmo material filamentoso, agrupando sufixos do produto e capacidades conforme cada forma.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Abertura na interface de pesquisa
Um grande oval formado por planos roxos e verdes acinzentados envolve um cartão de tarefa perto do ponto preto central. O conjunto encolhe gradualmente, surgem aberturas circulares brancas fora, e o ponto preto permanece centralizado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Qwen3.8-Max: símbolo com materiais e anúncio do modelo
Preservar o símbolo de três pétalas, primeiro trocar os materiais e depois ampliá-lo e deslocá-lo sobre azul para abrir espaço ao nome e aos parâmetros do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Pond｜Lançamento do sistema
Usar jardim e enxame como metáforas do sistema computacional: palavras grandes apresentam a proposta enquanto pequenos blocos coloridos de processos continuam ativos ao redor.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cyera Research Labs
Passar da construção de símbolo, cores e letras para aplicações da marca e conectar site e proposta pela mesma esfera flutuante.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Uma nova era do no-code
Usar uma esfera como guia visual entre páginas, formulários e fluxos em camadas. As interfaces são planos combináveis com profundidade, não simples capturas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Twilio｜Introdução animada à plataforma de interação com clientes
Levar os pontos da marca a pessoas e cenas cotidianas, conectando histórias pelas mesmas linhas, objetos vermelhos e continuidade de posições.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Nova identidade｜Slogan dobrável
Transformar uma frase em blocos de palavras conectados e espessos. A frente permite ler, e os lados mostram material iridescente; o loop volta à mesma posição frontal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resultados trimestrais | Retrospectiva do Q2 de 2026
Manter janelas funcionais em primeiro plano e letras gigantes como textura de fundo, sem fundir as duas camadas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Evergreen｜Visão geral do sistema visual
Uma grade estável contém pequenos loops distintos; apenas a coluna estreita à direita alterna propostas, dando ordem de leitura à variedade de materiais.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Identity Digital｜Identidade visual da marca
Transformar o ponto do domínio no protagonista das transições: separar uma URL longa, ampliar o ponto em uma cena geométrica e terminar em uma extensão setorial mais curta.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Creative Cloud｜Peça principal do símbolo
Um contorno de marca atravessa meios criativos: interface de design, grafite, imagens e paisagens em miniatura. Preservar a forma central em cada mudança de material.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
TIDAL｜Identidade tipográfica, versão de 15 segundos
Preservar em quinze segundos cinco ênfases: saudação, posicionamento, música, criadores e ouvintes; ler apenas um grupo de palavras por vez.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
K3 | Prévia de pesos abertos
Converter traços escritos em pontos discretos, formar várias redes e expandi-las em um atlas de conhecimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Wonderful｜Animação do anúncio de investimento
Primeiro transformar o valor captado em um acontecimento visual, explicar o crescimento por investidores e cobertura mundial e voltar ao posicionamento do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação 3D
Comet | Uma fila de planetas
Deslizar esferas pelo mesmo eixo horizontal, recortar as pontas e ampliar levemente a ativa enquanto seu texto aparece
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Deezer｜Símbolo de coração com ondas sonoras
Primeiro animar ondas independentes e depois reuni-las em um coração estável.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
K3.1 | Prévia sem texto
Conectar temas por faixas de código e fatias deslocadas para expressar a ligação entre mundo físico e computação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bem-vindo à era do no-code
Percorrer um espaço da escuridão à luz para transformar áreas compactas de interface e código em um mundo criativo aberto e explorável.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Edição de filmagens reais
There are many futures | Filme de marca
A escrita de uma pessoa provoca mudanças no mundo; depois, passar de um ideal único aos diferentes futuros de várias pessoas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
A colagem de informações vira letras de tinta
Primeiro preencher a tela com letras de vários tamanhos, faixas e formas; após reduzir o conjunto, aproximar os fragmentos da linha de base da palavra central. Intercalar a saída dos elementos e a entrada das novas letras.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Framer sobre um prisma de vidro
Fixar o título no eixo central e revelá-lo palavra por palavra; uma faixa estreita de vidro se estende da esquerda para a direita, e o ponto de luz mais intenso cruza o título pouco depois.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Nova identidade｜Revelação do logotipo
Extrair um C de uma superfície iridescente ampliada, recolher o volume em uma letra e depois abrir o nome inteiro na mesma linha de base.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resultados trimestrais | Pôster de dados do Q1 de 2026
Encaixar letras gigantes de larguras diferentes com blocos de cor; as bordas recortadas criam densidade e a faixa informativa inferior fica fixa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Expansão do ecossistema | 5 novos parceiros do MCP
Apresentar primeiro a ideia de troca de ida e volta, percorrer ícones horizontalmente para demonstrar o alcance do ecossistema e terminar focando a ferramenta principal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Google Drive integrado ao Figma agent
Ler feedback externo, modificar o design e gerar um documento com os motivos das alterações, fechando o ciclo de leitura e escrita.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma × Codex · Passagem do design à implementação
Selecionar frames de design com anotações antes de entregar esse contexto ao agente de implementação; o resultado deve corresponder às telas selecionadas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lovable | Conectores do Google
Agrupar primeiro vários ícones de ferramentas e depois transformá-los, um a um, em etiquetas de conectores no campo de instruções
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lovable — skills no Lovable.
Manter o título praticamente fixo enquanto formas suaves de tamanhos diferentes flutuam e giram ao redor
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Notion — a base do seu Dock
Trocar rapidamente fundos da área de trabalho e aplicativos periféricos enquanto o ícone central continua reconhecível; retirar os demais elementos no final, deixando apenas a marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield · Marco de um bilhão de dólares
Atrair atenção com um número grande e depois explicá-lo em camadas por meio de tempo, curvas e capturas da mídia
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield — plugin disponível no aplicativo do ChatGPT
Selecionar plugin e skill antes de inserir uma tarefa entre ferramentas, mostrando as etapas de execução em ordem
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield API | Interface multimodelo
Conectar uma entrada a vários modelos e estes a diferentes resultados de produto
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bastidores disponíveis | The making of Claude Code
Sobrepor janelas em sequência e colocar o título central por cima ao final; preservar bordas reconhecíveis do conteúdo periférico.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Search On 2020 | Montagem do estúdio criador · 34.6 segundos
Usar pontos, cápsulas e linhas como elementos comuns, passando de categorias abstratas a resultados de busca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Gemini | Revelação do logotipo tipográfico
Desmontar o texto anterior em partículas, movê-las com direção e reorganizá-las no novo nome.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Gemini | Fotos formam o número 4
Formar um número com blocos de fotos e mudar sua proporção por escala global não uniforme; os blocos internos seguem a transformação do pai.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Prévia de 5 segundos do mesmo projeto · 5.0 segundos
Reorganizar pontos em pessoas, lugares e objetos em sequência, com cores seguindo a categoria.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Salsa | Doodle musical
Conectar execução musical e passos de dança por discos circulares, bocais de instrumentos e pétalas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok Bot | Personagens empilhados
Deixar cada personagem cair sobre o anterior e fazer a pilha oscilar levemente após o contato.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok Bot × Linear
Alinhar e fixar as duas marcas enquanto o fundo flui sem competir com o texto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Grok — 21 vozes totalmente novas
Fixar posição e tamanho do título; o movimento vem principalmente do fluxo contínuo do fundo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot | Vídeo curto de compras
Direcionar o olhar do personagem ao cartão enquanto ele gira continuamente no eixo vertical.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok | Análise financeira
Manter as duas marcas paradas; mudanças de fluido e luz são o único movimento principal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok × Coinbase
Manter os logotipos fixos, sem saltos, enquanto áreas claras do fundo passam lentamente, destacando a parceria.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ElevenLabs — captação de US$ 500 milhões com avaliação de US$ 11 bilhões
Estabelecer contexto com números e endossos antes do produto real, dando sistema visual próprio a cada uma das três linhas de negócio
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Integração Perplexity AI / Snowflake — o Computer agora…
Introduzir uma pergunta a partir de cartões de dados existentes e mostrar consultas e relatórios após conectar a fonte.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity — Portable Computer no NVIDIA DGX Spark
Cercar o dispositivo com ferramentas locais e colocar modelos de nuvem em outra camada; conexões indicam encaminhamento quando necessário, não envio externo por padrão.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Framer integrado ao Cursor
Passar do close do teclado à entrada escura e cortar para o CMS após terminar de digitar. Mostrar contornos azuis por linhas para indicar que uma solicitação afeta vários registros.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação 3D
Migrar para Framer com MCP
Fixar a janela dianteira no alto à direita e a traseira abaixo à esquerda com a mesma perspectiva. Recolher a traseira até um ponto antes de expandir pelo eixo diagonal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Dados de cibersegurança
Alinhar o título à esquerda e usar laranja em Cybersecurity Data; a matriz de pontos abaixo se ilumina parcialmente. Depois, a tela inteira fica laranja, grandes números brancos crescem rapidamente e aparece vulnerabilities.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Gráficos vetoriais｜Prévia do lançamento
Aproximar do cartaz inteiro ao planeta e depois a uma curva do contorno amarelo. Aumentar continuamente o zoom, mantendo as bordas suaves e o centro no mesmo detalhe.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Hermes se integra ao Omarchy
As linhas de perspectiva se expandem de uma pequena abertura central até formar uma grade de quatro faces. Depois de avançar, estreitam-se dos dois lados e deixam espaço simétrico para dois símbolos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Novo produto, novo visual
Centralizar emblema, frase e link, com pouca navegação nos cantos. O cursor azul desenha um arco pelo espaço vazio e volta ao texto central, criando um único foco em movimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Palavras de estado e HyperFrames
As palavras de estado mudam rapidamente em monoespaçada discreta, seguidas de um triângulo duplo escuro. O verde preenche o símbolo de baixo para cima e depois o logotipo branco se abre.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novas capacidades｜450+ integrações
Cápsulas laranja conectam palavras como connect e with e terminam em um sinal de mais clicável. Ao clicar, ícones entram por vários arcos, e o número cresce até 450.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Um cubo de gesso se abre para revelar H
Primeiro girar o cubo e afastar; após surgirem fendas brancas finas nas bordas, separar as faces para fora. H permanece no centro original enquanto a distância cresce até os painéis saírem do quadro.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Edição de filmagens reais
Vidro.
O vidro permanece fixo enquanto uma mão e um recipiente passam atrás; a grade fina divide os contornos em pequenos segmentos deslocados. O plano geral situa a moldura, e os detalhes mostram claramente a relação entre textura e distorção.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Seja dono dos meios de produção. Revolte-se conosco.
Afastar rapidamente um símbolo e texto vermelho vistos muito de perto até uma composição pequena; o fundo preto mantém muito espaço vazio para uma aparição breve da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
TIDAL｜Identidade tipográfica, versão de 60 segundos
Fazer do texto o protagonista: palavras curtas crescem, se comprimem e se encadeiam conforme a ênfase semântica; losangos empurram os blocos de texto para o próximo grupo de cores.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Animação tipográfica · 3.5 segundos
Construir toda a animação com escala e alinhamento do texto: mostrar um detalhe da letra, afastar até a frase inteira e depois transformá-la em uma coluna de verbos móveis.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Composição de botões · 10.7 segundos
Separar e reunir três botões de efeitos com recortes como módulos encaixáveis, começando pelo inferior e preservando a relação vertical próxima.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Animação de ícones · 10.3 segundos
Transformar continuamente símbolos ao redor do mesmo centro, mudando o significado por recortes, aberturas e divisões, sem fazer ícones separados aparecerem por fade.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Animação numérica · 6.1 segundos
Começar com uma contagem regressiva de três números grandes e depois abrir uma grade de nove números que mostre os ângulos e cantos arredondados da mesma família.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Creative Cloud｜Variação tridimensional verde
Em menos de dois segundos, encadear cortes de material na mesma posição para conectar formas orgânicas verdes, paisagens e tubos iridescentes como uma única família de símbolos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Creative Cloud｜Variação de lâminas magenta
Mostrar com cortes breves como o símbolo passa de lâminas tridimensionais para edição plana e material prateado, usando magenta como fio visual.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Creative Cloud｜Variação de gráficos coloridos
Alternar estilos criativos sobre o mesmo símbolo, de linhas finas, metal e flores até colagem de imagens; posição e espaço constantes formam uma série.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Creative Cloud｜Variação laranja desenhada à mão
Usar laranja e amarelo como fio entre desenho, líquido, mangueiras e flores planas por cortes rápidos; o contorno curvo sempre une os materiais.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Universe 2023｜Loop geométrico
Uma esfera, um disco e uma placa quadrada formam uma composição giratória compacta. A placa orbita o centro, e as sobreposições dão profundidade aos planos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Loop de padrões geométricos · 10.0 segundos
Alternar quatro grupos de padrões em tela cheia: passar do ritmo rígido dos ângulos para ondas suaves e terminar com pontos de tamanhos diferentes.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Exa — dê ao Codex e ao ChatGPT acesso a mais de 100 bilhões de sites
Primeiro apresentar uma pergunta concreta que exige fontes externas, mostrar a busca e uma resposta estruturada e resumir a integração apenas ao final.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Colagem de navegadores dos anos noventa
Usar uma frase curta sobre a memória da web como eixo; sobrepor ilustrações de conhecimento e depois páginas antigas para passar naturalmente do acúmulo de conteúdo à era do navegador.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Título circular sobre contexto
Com pouquíssimo texto e anéis finos, mover a atenção dos agentes para o contexto de que dependem.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Revelação do símbolo por agrupamento · 8.0 segundos
Decompor o gráfico anterior em unidades mínimas e usar as mesmas cores para reconstruir símbolo e nome.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Retrospectiva da evolução do produto
Fixar a posição do nome da marca enquanto mudam ícone, versão e sufixo do produto, terminando apenas na marca principal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Uber Go Get It｜Trecho de gráficos da marca
Deslizar e virar malas repetidas ao redor de uma frase fixa, mantendo legível a proposta de viagem no padrão contínuo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Bluevine｜Animação geométrica da marca
Primeiro mostrar a construção geométrica do logotipo e depois transformar módulos curvos em símbolo independente e ícone de aplicativo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Suki｜Peça de marca com linhas e texto
Representar a colaboração entre profissionais clínicos e ferramentas com dois grupos de linhas finas; ao se encontrarem, viram um fio visual que atravessa cenas reais de cuidado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Supabase — conector no Gemini Enterprise
Conectar uma fonte ao chat com uma ativação: abrir menu, habilitar conector, perguntar sobre a fonte e fechar com as duas marcas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Deezer｜Fundo animado Live the Music
Fazer a onda do fundo respirar continuamente enquanto o título central permanece claramente fixo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Faculty｜Propostas de marca com texto e degradês
Sustentar três propostas sobre campos de cor lentos e fragmentar brevemente as letras apenas ao mudar de frase.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Uniqode｜Peça de marca em matriz de pontos
Conectar padrões geométricos, cenas reais e símbolos da marca pela mesma linguagem de matriz de pontos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Uniqode｜Formação e dispersão de texto pontilhado
Reunir partículas dispersas em uma frase legível e desfazê-la com as mesmas partículas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Wise｜Animação de tipografia e símbolos monetários
Primeiro explicar a origem da fonte, mostrar detalhes das letras e depois aplicar a mesma tipografia a moedas e paletas diferentes.
Apenas vídeo de referência; nenhum projeto editável fornecido.