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
Animação da interface web do HyperOS 1
Passar do detalhe de materiais para a interface móvel e ampliar os mesmos raios e camadas transparentes a ícones, widgets e vários dispositivos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Draw
Mostrar primeiro o trabalho e depois como pontos de controle e parâmetros o alteram; cada função precisa produzir uma diferença visual entre antes e depois.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bolt Forge｜Lançamento de produto
Demonstrar o alcance da criação com duas solicitações concretas: primeiro mostrar a instrução inteira, depois um site navegável e, no fim, abrir várias obras como um mosaico espacial.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Magic Share
O mesmo trabalho passa entre desktop, tablet e celular; preservar documentos, gráficos e colaboradores nas transições e fechar com um avião de papel da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Linear Agent — pergunte qualquer coisa, controle tudo
Mover um enquadramento oblíquo entre projetos e agentes, usando documentos e diagramas de relações como base das respostas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Biblioteca de movimento do Zapier
Representar o trabalho complexo com um desktop que se duplica sem controle e fazer um interruptor organizar todo o ruído em poucos processos concluídos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cinco componentes em uma moldura roxa
Fixar o contorno roxo e os nomes dos componentes para que as cinco demonstrações rápidas pareçam parte do mesmo conjunto de ferramentas. Em cada troca, substituir apenas os objetos internos, sem mover o palco.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Code Layers
Tratar a interface gerada por código como um objeto do canvas e compará-la lado a lado com variantes de design; após a atualização, ela continua sendo a mesma camada de código.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma | Agent no canvas
Encadear sugestões, aplicação de estilos e expansão de conteúdo no mesmo produto, sem tratar cada resultado como um trabalho independente.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Nó do Figma — conecte frames a fluxos do Weave
Transformar frames de design em nós conectáveis, ligar textos e imagens aos respectivos espaços e ramificar a saída para diferentes usos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Specs
Reunir evidências de negócio, design e código em um documento, reorganizá-las por comentários e convertê-las em especificações executáveis de entrega.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Agent Vectors
Os recursos recém-gerados continuam selecionáveis, com cores editáveis e animação configurável; demonstrar a editabilidade nessas três etapas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Edição de imagens com IA do Figma
Mostrar cada exemplo como seleção → ação → resultado; destacar o sujeito é apenas um estado intermediário.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Apresentamos o Loops
Um ponto luminoso ativa rótulos de ações ao longo de um circuito; cada volta completa corresponde a um fluxo de trabalho.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Linear — o sistema de desenvolvimento de produtos para equipes e…
Vários ramos de tarefas se unem a um tronco comum; o afastamento da câmera transforma relações locais em uma rede completa.
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
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 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 de interface
Linear — estado da fila de mesclagem nas diferenças
O vídeo contém apenas um hover local: preservar o estado principal, revelar o tempo já aguardado ao passar o ponteiro e ocultá-lo ao sair.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Linear Diffs — revisão de código dentro do Linear
Selecionar uma alteração antes de ver as diferenças, ancorar o comentário a uma linha de código e enviar explicitamente a revisão ao final.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Linear — sessões de programação no celular
Manter o contexto do código acima e a entrada e o teclado virtual abaixo; após enviar, retirar o teclado e substituí-lo pelo estado de processamento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lovable · Comece a criar pelo Slack
Mensagens de diferentes participantes entram na mesma conversa, e o assistente responde depois da solicitação
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
→
Abrir com uma dúvida para criar uma lacuna de informação, ir ao site verificá-la e voltar à publicação original com uma resposta
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Importar projetos e sites
Alternar sites em primeiro plano por uma fila horizontal, mantendo fixa a entrada inferior
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion External Agents (integração com Claude + Cursor)…
Manter o mesmo cartão de tarefa enquanto o estado avança por Triage→Plan→Build→PR→Ship.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion Skills — ensine aos agentes como sua equipe trabalha
Compartilhamento com a equipe e exportação local são duas rotas de distribuição, explicadas em diálogos separados antes de convergir no uso.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion Skills API — skills para ChatGPT e Claude
A mesma skill passa da edição do documento à sincronização do repositório e ao uso por vários agentes, preservando sua identidade entre contêineres.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion Skills — exportação para agentes locais de programação
Alternar rapidamente nomes de agentes para indicar compatibilidade e depois demonstrá-la com uma exportação e invocação completas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Adaptação ao iPhone Duo
Ao abrir, ampliar a área visível do conteúdo; barra lateral e corpo mantêm uma relação de recorte entre pai e filho.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion como código — espaços de trabalho em TypeScript
Escrever o requisito antes de mostrar execução e código, passando ao resultado real do espaço de trabalho após confirmar a implantação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield — Cursor para designers de movimento
Manter canvas, linha do tempo inferior e área de instruções visíveis juntos para mostrar sua relação na criação
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ChatGPT — 73 plugins para trabalho jurídico
Mostrar vários plugins em unidades repetidas de mensagem → ação → evidência, mantendo a identidade da ferramenta atual no canto superior direito.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ChatGPT | Apple Messages
Depois de encontrar uma pendência, mostrar uma sugestão, permitir edição e confirmação pelo usuário e só então mostrar a mensagem recebida na conversa de destino.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Edição de filmagens reais
Atualização de voz GPT-Live-1.1
Percorrer lateralmente grupos de telefones para apresentar as vozes como uma chamada de elenco.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ChatGPT Desktop — já em prévia para Linux
Mostrar a tarefa de código, solicitar sua organização em um documento e abrir o resultado para verificar a entrega entre aplicativos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Manus Skills | Skills de fluxo de trabalho
Transformar uma boa conversa em uma entrada de skill e depois incluí-la em uma lista na qual possa ser ativada
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
Wide Research | Pesquisa ampla
Dividir uma entrada em vários painéis de tarefas e expandi-los horizontalmente em profundidade para expressar paralelismo
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Transformar trabalho repetitivo em tarefas automáticas
Apresentar condições e ações em pares e executar somente depois que ambas as partes estiverem preenchidas
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
Manus Agents — seu Manus pessoal, agora dentro do seu…
Manter o assistente no contêiner original da conversa e devolver um cartão de resultado após enviar recursos
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cloud Computer: Implantação e uso de um computador na nuvem
Explicar o ambiente persistente de execução e demonstrá-lo com três exemplos: bots, coleta de dados e implantação
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
Adaptação ao iPhone Duo
Manter a mesma tarefa visível quando a largura do dispositivo muda, sem substituí-la por outra
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
Claude Code | Várias sessões no desktop
Expandir primeiro a janela principal e passar de uma coluna a prévia e código lado a lado; os painéis são camadas filhas do mesmo espaço de trabalho.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude Design — protótipos e slides pelo chat
Deixar o usuário inserir sua intenção, mostrar o resultado e depois demonstrar edições locais e exportação; o resultado precisa surgir após o envio.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude Duet | Prévia do assistente proativo
Demonstrar capacidades por lembrete proativo → autorização → resultado, em vez de apenas rolar a conversa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Atualização de recurso | Voice mode
Expandir o mesmo círculo central de botão a janela de imagem e recolhê-lo novamente, preservando a identidade espacial.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude — uso do computador no Cowork e no Claude Code
Concluir cada tarefa por solicitação no telefone → execução no desktop → confirmação no telefone, repetindo três vezes a estrutura com conteúdo progressivo.
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 de interface
Claude Code | Agent View
O personagem reúne terminais espalhados, expressando várias tarefas entrando na mesma visualização.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude — apresentações, documentos e designs no chat
Derivar designs de diferentes tamanhos de slides sobre a mesma jaqueta e convertê-los em documento, preservando a identidade entre formatos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude | Finanças pessoais
Estabelecer um desejo de vida concreto, avaliar sua viabilidade com dados e retornar ao resultado no cotidiano.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Android Drop — Find Hub, Motion Assist, Gemini
Cada função combina um cartão principal e um pequeno feedback associado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Gmail × Gemini
Avançar por contexto do e-mail → ação → resultado em cada capítulo, mantendo continuidade de assunto e destinatário.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Google Search (atualização de IA) — no mês passado, no #GoogleIO,…
Expandir uma barra curta de busca para um campo multilinha, expressando a passagem de palavras-chave à intenção completa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Serviços domésticos no AI Mode
Incluir tarefa e limites de tempo na pergunta e fazer o resultado responder a cada restrição.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot | Compartilhar templates
Manter nome e avatar do mesmo assistente nas configurações, página pública e visão do destinatário.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot agora pode pesquisar, ler e monitorar o X.
Mostrar várias fontes consultadas antes de condensá-las em um resumo temático.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot · Formulários e login na conversa
O agente passa o controle ao usuário quando encontra autenticação; o fluxo continua após receber sua entrada.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot agora pode falar.
Prender a camada de voz ao telefone e passar da resposta a uma tarefa e documento concretos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot — ele pode enviar mensagens de voz
Definir conteúdo e tempo, depois acrescentar o formato de saída e transformar o resultado em cartão de voz.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Build | Memória do projeto
Explicar memória entre sessões por registro → navegação → leitura posterior.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok — de uma instrução a um app publicado
Demonstrar interação real após gerar e mudar para o desktop para mostrar outro tipo de aplicativo publicável.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Kimi Work — controle remoto pelo celular
O telefone envia uma tarefa; o computador pesquisa, encontra um documento local, edita e envia em sequência.
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
Lançamento do Magistral
Mostrar restrições concretas, depois explicações e código, e por fim os resultados funcionando lado a lado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novos recursos do Le Chat
Abrir cada capítulo com um símbolo de pixels e frase curta, seguido por uma ação do produto como exemplo.
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
ElevenLabs | Scribe v2
Apresentar dimensões de medição e explicar capacidades por mudanças concretas no texto
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Composer · Edição de músicas por seções
Passar de solicitação aberta a seções, andamento e tonalidade controláveis, concluindo em forma de onda e obra final
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Flows Agent — descreva e o agente conecta o fluxo de trabalho
Converter linguagem natural em dependências de nós; os nós de saída aguardam a conclusão dos recursos anteriores
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perps disponível
Aproximar do terminal geral ao formulário e preencher valor, alavancagem e condições de risco antes de enviar
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Polymarket · Escolha de direção em cinco minutos
Apresentar a decisão e depois focar o terminal complexo em uma ação de duas opções
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Mercados do Polymarket de alta/baixa de HYPE no Hyperliquid em 5 minutos —…
Após escolher no formulário, comprimir a contagem com saltos e mostrar o resgate apenas ao chegar a zero
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor pode controlar o computador
Mostrar agente à esquerda e simulador à direita juntos; os resultados ocorrem no aplicativo controlado
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor Origin | Hospedagem de código
Criar ou sincronizar repositórios leva à mesma lista e depois à revisão de PR
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor Multitask / Subagents — /multitask no novo…
Adicionar várias tarefas à mesma sessão e mostrar a quantidade paralela em um painel fixo
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Annotate chega ao design mode
Prender anotações aos elementos-alvo, com correspondência exata entre números e comentários
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor SDK — apresentamos o Cursor SDK para você…
Escrever código progressivamente e reduzi-lo à coluna esquerda enquanto o terminal direito executa a mesma configuração
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
Criação de componentes Figma com Cursor — o Cursor agora pode…
Consultar o sistema de design e variáveis existentes antes de criar pranchetas, sem desenhar livremente algo parecido
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor — agora no iPad
Mostrar o mesmo resultado em vários dispositivos antes de focar organização e revisão no tablet
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
Agentes na nuvem do Cursor
Apresentar cada recurso com uma frase sobre preto e uma ação breve sobre branco, mantendo ritmo regular
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor — crie um app web e implante na Vercel
Mostrar repositórios disponíveis antes de destacar a criação do zero; a prévia aparece após a entrada
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor · Controle o agente do computador pelo celular
Autorizar o pareamento e depois mostrar a mesma mensagem e resultado nas duas pontas
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Criar aplicativos ao vivo
Concluir as etapas de infraestrutura uma a uma antes de mostrar a prévia do app
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Computer pode gerar gráficos interativos
Incluir gráficos que respondam ao ponteiro com informações de dados, não apenas com zoom global.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Computer recebe Automations
Separar gatilhos de evento e de horário em dois exemplos completos, ambos com condição → execução → resultado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity Projects — centrais para trabalho contínuo
Arquivos e tarefas pertencem ao mesmo projeto, não são cartões flutuantes independentes.
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
Conselho de modelos no Perplexity.
Ramificar uma pergunta para vários modelos e reunir respostas concluídas em tabela comparativa; não reduzir a três etapas em série.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity Computer — um agente para projetos de ponta a ponta
Usar a mesma entrada de tarefas para saídas distintas, demonstrando amplitude por exemplos consecutivos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Deep Research — agora nativo no Computer
Delegar pesquisa a subtarefas e gerar o relatório após a busca; apresentar conclusões e fontes separadamente.
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
Perplexity Computer — computação híbrida local e na nuvem
Verificar informações sensíveis antes de escolher rota local ou nuvem, com responsabilidades claras para cada local.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity | Computação local no Windows
Concluir a instalação antes de mostrar a rede de ferramentas locais e confirmar antes de encaminhar à nuvem.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Computer — controles de esforço no seletor de modelos
Aumentar um controle deslizante por níveis, sincronizando nome, descrição do modelo e comprimento preenchido.
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
Apple | Área de transferência entre dispositivos
Texto no telefone é a fonte e documento no computador é o destino; focar mudanças em seleção e colagem, mantendo as molduras estáveis.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Framer Skills
Na abertura, digitar sucessivamente regras de fonte e aspas no campo de entrada; depois, mostrar a página pronta para deixar claro que essas regras afetam o conjunto da página.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Templates do Framer Agent
Alinhar três modelos na horizontal, mostrando o cartão central inteiro e apenas parte dos laterais, escurecidos. Na troca, deslizar toda a faixa horizontalmente e restaurar o brilho do cartão central apenas ao chegar à posição.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Carteira Link para agentes
Primeiro instalar e conectar o agente; depois, pedir uma alteração no itinerário pelo chat, mostrar o custo e passar ao celular para confirmar. Repetir custo e estabelecimento entre interfaces para identificar a mesma solicitação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Stripe Treasury
Ir da notificação ao saldo, enviar um pagamento, criar um cartão, operar por conversa e voltar à visão geral. Centralizar apenas um painel de ação por vez e passar à cena seguinte depois da confirmação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Modelos virtuais do AI Gateway
Explicar primeiro a capacidade em uma frase e depois mostrar uma tabela que relacione tarefas e modelos ou um comando. Evitar explicações seguidas: cada conceito deve vir acompanhado de um uso concreto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novidades da semana: imagens no Notes
Deixar primeiro a lista inteira legível e arrastar uma imagem da direita da área de trabalho para baixo da nota. O arquivo acompanha o cursor; ao soltar, a imagem se expande e a janela de notas cresce com o conteúdo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Genspark AI Workspace 3.0: Apresentamos o Genspark Claw
Apresentar em seções fluxos de trabalho, chat de equipe, reuniões, voz no celular e assistente de navegador. Manter o ritmo de título curto seguido da interface e restabelecer a cena a cada mudança de capacidade.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
A web não foi feita para agentes de IA
A pilha de páginas representa a complexidade da entrada; os módulos laranja conectam o processo ao conteúdo estruturado. Relacionar páginas e código em planos adjacentes ou consecutivos para tornar clara a relação entre entrada e saída.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Ad Studio: cole um link e crie uma campanha completa
Depois de inserir o link, reunir os cartazes ao redor e organizá-los em logotipo, cores, fontes e materiais do produto. O produto entra em um anel de combinações; abrir a matriz de anúncios apenas depois de o contador aumentar.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Colaboração com várias pessoas no Krea Nodes
Vários cursores coloridos traçam as curvas das letras, deixando pontas de nós pretos sobre as formas. O título inteiro se contrai depois em um único nó vazio, conectando a metáfora visual à operação real.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Transforme esboços em desenhos animados no Grok
A primeira solicitação transforma o esboço em uma folha de personagens; a segunda converte esse resultado em animação. O chat rola para cima, e os novos resultados entram por baixo, mantendo a relação com a mensagem anterior.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Adaptação ao iPhone Duo
O celular vertical entra centralizado, gira e se abre em duas colunas horizontais: a lista fica de um lado e o detalhe entra no outro. Manter a mesma nota nos dois formatos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novas capacidades do Runway Agent
Mostrar primeiro a página final do produto, voltar à solicitação, extrair cores e produto, gerar cenas e tamanhos diferentes e terminar com a capacidade de animação. Repetir a mesma caixa de som em vários resultados.
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 interface
Ramp · Apresentação do produto no site
Partir de um cartão de pagamento, abrir operações relacionadas e avançar para faturas e relatórios, conectando a mesma despesa entre diferentes visualizações.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Apresentamos o Glean
Mostrar primeiro que o assistente entende tarefas pessoais e depois ampliar preferências para um mapa empresarial de pessoas, projetos e dados.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bolt Template Marketplace｜Mercado de modelos
Primeiro mostrar a variedade de modelos, ampliar um site inteiro navegável e depois usar uma instrução para adaptá-lo a outro negócio.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bolt Skills｜Capacidades da equipe
Transformar requisitos repetidos em habilidades reutilizáveis e demonstrar com uma mudança de cor que a habilidade realmente modifica a página.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Jitter Superagents｜Demonstração de capacidades
Mostrar juntos uma instrução e seu efeito no canvas: remixar modelos, organizar pontos, deslocar faixas e finalmente ampliar para vários tamanhos e idiomas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Miro｜Coletânea de lançamentos de produto
Manter o mesmo projeto entre objetivos, pesquisa, design e desenvolvimento. Preservar o nome ou a pergunta-chave em cada mudança de visualização para que a peça longa seja entendida como um fluxo contínuo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
CodeRabbit [blocked] — triagem de solicitações
Primeiro mostrar o peso das filas e cobranças de revisão; depois transformar a lista em um quadro ordenado por urgência, mudanças recentes e avanço. O laranja acompanha sempre o item que mais precisa de atenção.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
EliseAI｜Interface do produto no site
Explicar o valor do assistente com uma conversa completa de agendamento: o usuário pede um horário, o assistente oferece duas opções e o usuário confirma uma.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Goodfire — entenda e depure seu modelo de IA
Transformar a inspeção de um modelo em uma pesquisa fácil de acompanhar: definir objeto e conjunto de dados, confirmar o plano e apresentar descobertas e próximo experimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
OKX AI — agentes de IA já podem trabalhar, criar e ganhar dinheiro.
Passar de uma pessoa para um grupo de agentes e depois à escolha e execução do serviço. Blocos roxos conectam pessoas, catálogo e seleção no mesmo fio de açã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 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
AI Labs｜Elementos de interface
Explicar a personalização por várias interfaces interativas e encerrar cada exemplo com uma resposta clara.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cash App｜Aplicação de produto vertical
Conectar benefícios pelo mesmo celular e usar mudanças de fundo preto, cinza e verde fluorescente para marcar seções.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bots gerenciados do Telegram (bots de IA) — no Telegram, qualquer pessoa…
Completar criação, teste e consulta de dados de um bot em um celular fixo, conectando estados por respostas ao clique.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Crie apresentações com IA
Primeiro transformar o tema em um roteiro editável e depois o roteiro em slides completos, com resultados claros nas duas gerações.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Underlord｜Modelos de vídeo
Narrar uma edição como entrega clara de materiais: escolher predefinição, fornecer vídeo, confirmar formato e entregar guia de marca, terminando com resultados em duas proporções.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
QuiverAI Arrow 2｜Geração vetorial
Explicar o valor da geração vetorial em três escalas: caminhos editáveis, categorias de obras e suportes reais, voltando no fim a variações do mesmo estilo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Rive CLI — crie arquivos Rive com seu agente
Demonstrar interação por obras com mudanças reais de estado: jogos, controles, sistemas de design e sequenciadores mostram uma ação clara cada um.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Supabase Explorer e Notebooks
Abrir com um gráfico de crescimento e depois demonstrar consultas, salvamento, linguagem natural e fluxos locais, colocando sempre a frase junto da função ativa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Supabase Pipelines — sincronização analítica quase em tempo real
Primeiro mostrar a pressão do tráfego e depois explicar a divisão do trabalho por configuração do destino e sincronização contínua, com causas e consequências claras.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Dub lança indicações de parceiros
Passar de um objeto de lançamento para a receita de um parceiro e depois ampliar ao funil inteiro e à análise detalhada, conectando o resultado pessoal aos dados do produto.
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.