Animação de interface
Framer 3.0｜Lançamento de marca e produto
A luz inicial introduz as ações de ramificação e publicação; no meio aparecem resultados concretos de edição e, no fim, a linguagem da interface se transforma em símbolos abstratos de vidro. O azul indica tanto a seleção quanto o material visual que conecta toda a peça.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lançamento do Glean Agents
Expandir um campo de entrada até um fluxo entre departamentos. Conectar cartões de tarefas, pessoas e fontes de dados por linhas e devolver os resultados a uma interface legível.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Harvey II
Estabelecer a textura com colagem de papel, reorganizando blocos, círculos e aberturas; cartões do produto aparecem em torno do objeto central para conectar a geometria abstrata a projetos, tarefas e recursos.
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 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
Novas capacidades do Loops
Enumerar rapidamente as condições de disparo e depois explicar as ações de saída ao longo da trajetória; dedicar um trecho aos gatilhos e outro aos resultados.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Loops pode executar em dias da semana específicos
Selecionar a frequência semanal antes de mostrar a seleção múltipla de dias e definir o horário; ao concluir, resumir a regra em linguagem natural na visão geral.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Avanço de pesquisa | Resultados em matemática e ciência da computação teórica
Estabelecer cada tema de pesquisa com um diagrama geométrico e reduzi-lo a poucos pontos para conectar ao próximo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Branch | Conversas ramificadas
Mostrar o ponto do histórico onde é possível ramificar antes de copiar o contexto compartilhado
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Sites feitos com Manus podem ser instalados como apps de desktop
Separar o mesmo site da moldura do navegador e convertê-lo em janela independente, preservando a identidade do conteúdo
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Scheduled Tasks 2.0 (Manus) — tarefas agendadas 2.0 — uma…
Mostrar a distribuição geral do calendário e aproximar uma tarefa para explicar suas configurações
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude Code Security — análise de vulnerabilidades e correções
Preservar toda a sequência entrada → análise → problemas → correção → PR, expandindo os níveis de resultados conforme o aprofundamento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Conexão de ferramentas móveis do Claude
Guiar várias ferramentas por uma questão de negócio: dados explicam o que ocorreu, fluxos explicam por quê e slides permitem compartilhar.
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 × 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
Kimi Web Bridge — a extensão de navegador do Kimi.
Colocar ações do navegador e respostas do terminal lado a lado para mostrar a correspondência entre o plano do agente e os resultados da página.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Quatro telefones lado a lado: demonstração de geração de apps
Alinhar quatro telefones da mesma altura em fundo compartilhado, cada um avançando independentemente
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Polymarket · Visão geral das eleições de meio de mandato
Espalhar formas dos estados e montá-las em um mapa, expressando a passagem de ruído a informação estruturada
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor · Orquestração recursiva de tarefas
O planejamento superior cria tarefas que se ramificam em subplanos e nós de trabalho
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor Builds — agentes na nuvem iniciam 3 vezes mais rápido
Iniciar os dois grupos juntos com velocidades diferentes, mostrando primeiro o resultado do novo fluxo
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity Computer pode funcionar totalmente local no Mac
Mostrar o local de execução antes da tarefa e comprovar a operação local com relatório e lista de pendências.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Computer for Counsel — Perplexity para advogados
Estabelecer a área, mostrar entrada e fontes e oferecer três resultados concretos de negócio.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity Computer agora funciona por e-mail
Disparar a tarefa por e-mail e devolver o resultado à mesma conversa; anexos são dependências de entrada.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Apple | Animação da interface do Spotlight
O termo de busca abre sugestões; ao escolher uma ação, recolher a lista e transformar a cápsula em comando parametrizado.
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 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 interface
Site, apresentação e imagens de lançamento contam a mesma história
Depois de pedir um site de café, solicitar uma apresentação e imagens de lançamento. Os três resultados compartilham fotos, paleta marrom e títulos com serifa, mostrando a reutilização do contexto pela consistência do conteúdo.
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 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 interface
Persimmon — um modelo que simula pessoas
Representar o indivíduo com um cartaz de fruta, afastar até várias versões e fazer partículas cruzarem suas bordas para narrar a passagem do indivíduo à interação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Parallel Decisions API
Partir de uma pergunta de negócio, dividi-la em fatos consultáveis e reuni-los em uma tabela acionável. Reservar laranja ao foco da pergunta e à prioridade 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
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 interface
Airtable｜Crie aplicativos com IA
Mostrar a geração de aplicativos com solicitação e resultado lado a lado e acrescentar atualizações por anexos e outros casos de negócio usando a mesma estrutura.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Mintlify Widget — um agente integrado que ajuda seus usuários em qualquer lugar
Conectar pergunta, resposta e fontes por uma entrada leve para integrar naturalmente o assistente à página existente.
Apenas vídeo de referência; nenhum projeto editável fornecido.