Animação de interface
Estética
A primeira parte cria expectativa estética por diferentes dimensões do design; a segunda explica como alcançá-la por meio de ações reais
Apenas vídeo de referência; nenhum projeto editável fornecido.
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
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
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 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 gráfica
Universe 2023｜Revelação dos gráficos do evento
Abrir instantaneamente um mundo geométrico colorido a partir de contornos finos na escuridão e depois recolher tudo ao símbolo central.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield API | Campanha de cashback
Moedas destacam o benefício; depois, a redução e reposição do saldo explicam o mecanismo de cashback
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 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.
Animação de texto
Lançamento de modelo | GPT-6 Sol / Luna
Criar velocidade esticando estrelas radialmente e fazer o sol e a lua crescente ocuparem o centro em sequência.
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 interface
Linear — ambientes personalizados em sessões de programação
Mostrar cartões escuros um a um em closes inclinados, mantendo relacionados os campos de ambiente dentro de cada cartão.
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
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 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 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 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 interface
Renovação da assinatura
Posicionar a nuvem acima e o dispositivo abaixo, ligados por uma linha vertical luminosa. Atenuar as informações de terminal ao redor e manter o objeto centralizado em uma composição vertical.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação 3D
Digitação por voz gratuita
Teclas com símbolo e texto caem formando uma fileira e se separam para os lados, revelando uma cápsula preta luminosa com ondas sonoras. A cápsula serve de âncora comum para as próximas demonstrações.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Seletor de versão do SUNO
V acima e 6 abaixo, com bordas laranja e interior rosa criando várias camadas de brilho. Manter a marca central pequena e estável; revelar os controles apenas quando os caracteres da versão saírem para cima e para baixo.
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.
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 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 de texto
North 2 — chega em outubro de 2026
Revelar o nome do produto com uma varredura verde, mantendo discretas as camadas transparentes e auroras escuras; depois transformar o nome em duas promessas curtas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Estamos lançando EURR, nossa primeira stablecoin lastreada em euros, no app do Revolut.
Trocar as posições dianteira e traseira de duas moedas sobre a mesma bandeja, mantendo o texto fixo para concentrar o movimento entre elas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Think｜Logotipo do evento
Alinhar letras tridimensionais orientadas de forma dispersa numa única direção de leitura e deixar o logotipo parado após uma formação breve.
Apenas vídeo de referência; nenhum projeto editável fornecido.