Animación de interfaz
watsonx｜Lanzamiento de plataforma
Alternar detalle y conjunto del mismo material filamentoso, agrupando sufijos del producto y capacidades según cada forma.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Apertura en la interfaz de investigación
Un gran óvalo formado por planos violetas y verdes grisáceos rodea una tarjeta de tarea cercana al punto negro central. El conjunto se reduce gradualmente, aparecen huecos circulares blancos fuera y el punto negro permanece centrado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Qwen3.8-Max: símbolo con materiales y anuncio del modelo
Conservar el símbolo de tres pétalos, cambiar primero sus materiales y después ampliarlo y desplazarlo sobre azul para dar espacio al nombre y los parámetros del producto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Pond｜Lanzamiento del sistema
Usar jardín y enjambre como metáforas del sistema informático: grandes palabras presentan la propuesta mientras pequeños bloques de procesos de colores permanecen activos alrededor.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cyera Research Labs
Pasar de la construcción de símbolo, colores y letras a aplicaciones de marca y conectar web y propuesta mediante la misma esfera flotante.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Una nueva era del no-code
Usar una esfera como guía visual entre páginas, formularios y flujos en capas. Las interfaces son planos combinables con profundidad, no simples capturas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Twilio｜Introducción animada a la plataforma de interacción con clientes
Llevar los puntos de marca a personas y escenas cotidianas, conectando historias mediante las mismas líneas, objetos rojos y relevos de posición.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Nueva identidad｜Lema plegable
Convertir una frase en bloques de palabras conectados y con grosor. La cara frontal permite leer y los lados muestran material iridiscente; el bucle vuelve a la misma posición frontal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Resultados trimestrales | Resumen del Q2 de 2026
Mantener las ventanas funcionales en primer plano y las letras gigantes como textura de fondo, sin fusionar ambos niveles.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Evergreen｜Resumen del sistema visual
Una cuadrícula estable contiene pequeños bucles distintos; solo la columna estrecha derecha alterna propuestas, dando orden de lectura a la variedad de materiales.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Identity Digital｜Identidad visual de marca
Convertir el punto del dominio en protagonista de las transiciones: separar una URL larga, ampliar el punto a una escena geométrica y terminar en una extensión sectorial más breve.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Creative Cloud｜Pieza principal del símbolo
Un contorno de marca atraviesa medios creativos: interfaz de diseño, grafiti, imágenes y paisajes en miniatura. Conservar la forma central en cada cambio de material.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
TIDAL｜Identidad tipográfica, versión de 15 segundos
Conservar en quince segundos cinco énfasis: saludo, postura, música, creadores y oyentes; leer solo un grupo de palabras cada vez.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
K3 | Avance de pesos abiertos
Convertir trazos escritos en puntos discretos, formar varias redes y ampliarlas a un atlas de conocimiento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Wonderful｜Animación del anuncio de financiación
Convertir primero el importe captado en un acontecimiento visual, explicar el crecimiento mediante inversores y cobertura mundial y regresar al posicionamiento del producto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación 3D
Comet | Una fila de planetas
Deslizar esferas por un eje horizontal, recortar los extremos y ampliar levemente la activa mientras aparece su texto
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Deezer｜Símbolo de corazón con ondas sonoras
Animar primero ondas independientes y reunirlas después en un corazón estable.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
K3.1 | Avance sin texto
Conectar temas mediante tiras de código y fragmentos desplazados para expresar el vínculo entre mundo físico y computación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Bienvenido a la era del no-code
Recorrer un espacio de la oscuridad a la luz para convertir áreas compactas de interfaz y código en un mundo creativo abierto y explorable.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
There are many futures | Película de marca
La escritura de una persona provoca cambios en el mundo; después, pasar de un ideal único a los futuros diversos de muchas personas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
El collage de información se convierte en letras de tinta
Llenar primero la pantalla con letras de distintos tamaños, bandas y figuras; tras reducir el conjunto, acercar los fragmentos a la línea base de la palabra central. Escalonar la salida de elementos y la aparición de nuevas letras.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Framer sobre un prisma de cristal
Fijar el título en el eje central y revelarlo palabra a palabra; una tira estrecha de cristal se extiende de izquierda a derecha y el punto de luz más brillante cruza el título poco después.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Nueva identidad｜Revelación del logotipo
Extraer una C de una superficie iridiscente ampliada, recoger el volumen en una letra y desplegar después el nombre completo sobre la misma línea base.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Resultados trimestrales | Póster de datos del Q1 de 2026
Encajar letras gigantes de distintos anchos con bloques de color; los bordes recortados crean densidad y la franja informativa inferior permanece fija.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Expansión del ecosistema | 5 nuevos socios de MCP
Presentar primero la idea del intercambio de ida y vuelta, recorrer horizontalmente los iconos para demostrar el alcance del ecosistema y terminar enfocando la herramienta principal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Google Drive se integra con Figma agent
Leer comentarios externos, modificar el diseño y generar un documento que registre los motivos de los cambios, cerrando el ciclo de lectura y escritura.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Figma × Codex · Traspaso de diseño a implementación
Seleccionar primero marcos de diseño con anotaciones y entregar ese contexto al agente de implementación; el resultado debe corresponder a las pantallas seleccionadas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lovable | Conectores de Google
Agrupar primero varios iconos de herramientas y convertirlos después, uno por uno, en etiquetas de conectores dentro del campo de instrucciones
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Lovable — skills en Lovable.
Mantener el título casi fijo mientras formas suaves de distintos tamaños flotan y giran a su alrededor
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Notion — la base de tu Dock
Cambiar rápidamente fondos de escritorio y aplicaciones periféricas mientras el icono central sigue reconocible; retirar los demás elementos al final y dejar solo la marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield · Hito de mil millones de dólares
Captar la atención con una gran cifra y explicarla después por capas mediante tiempo, curvas y capturas de medios
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield — plugin ya disponible en la app de ChatGPT
Seleccionar el plugin y la skill antes de introducir una tarea entre herramientas, y mostrar los pasos de ejecución en orden
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield API | Interfaz multimodelo
Conectar una entrada a varios modelos y estos a distintos resultados de producto
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Contenido entre bastidores | The making of Claude Code
Superponer ventanas en secuencia y colocar el título central encima al final; conservar bordes reconocibles del contenido periférico.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Search On 2020 | Montaje del estudio creador · 34.6 segundos
Usar puntos, cápsulas y líneas como elementos comunes, pasando de categorías abstractas a resultados de búsqueda.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Gemini | Revelación del logotipo tipográfico
Descomponer el texto anterior en partículas, moverlas con dirección y recomponerlas en el nuevo nombre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Gemini | Fotos que forman el número 4
Formar una cifra con mosaicos fotográficos y cambiar su proporción mediante escala global no uniforme; los bloques internos siguen la transformación del padre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Vista previa de 5 segundos del mismo proyecto · 5.0 segundos
Reconstruir puntos en personas, lugares y objetos por turnos, con colores según la categoría.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Salsa | Doodle musical
Conectar interpretación musical y pasos de baile mediante discos circulares, campanas de instrumentos y pétalos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok Bot | Personajes apilados
Dejar caer cada personaje sobre el anterior y hacer oscilar levemente el conjunto tras el contacto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok Bot × Linear
Alinear y fijar ambas marcas mientras el fondo fluye sin competir con el texto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Grok — 21 voces completamente nuevas
Fijar posición y tamaño del título; el movimiento procede principalmente del flujo continuo del fondo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot | Clip de compras
Dirigir la mirada del personaje hacia la tarjeta mientras gira continuamente sobre su eje vertical.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok | Análisis financiero
Mantener inmóviles las dos marcas; los cambios de fluido y luz son el único movimiento principal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok × Coinbase
Mantener fijos los logotipos sin saltos mientras las zonas claras del fondo pasan lentamente, destacando la colaboración.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ElevenLabs — ronda de 500 millones de dólares con una valoración de 11.000 millones
Establecer contexto con cifras y respaldo antes del producto real, dando un sistema visual propio a cada una de tres líneas de negocio
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Integración de Perplexity AI con Snowflake — Computer ahora…
Introducir la pregunta a partir de tarjetas de datos existentes y mostrar consultas e informes después de conectar la fuente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity — Portable Computer en NVIDIA DGX Spark
Rodear el dispositivo con herramientas locales y colocar modelos en nube en otra capa; las conexiones indican escalado cuando hace falta, no envío externo por defecto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Framer se integra con Cursor
Pasar del teclado en primer plano a una entrada oscura y cortar al CMS tras terminar de escribir. Mostrar bordes azules por filas para indicar que una petición afecta a varios registros.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación 3D
Migrar a Framer con MCP
Fijar la ventana delantera arriba a la derecha y la trasera abajo a la izquierda con la misma perspectiva. Contraer la trasera a un punto antes de expandirla por el eje diagonal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Datos de ciberseguridad
Alinear el título a la izquierda y colorear Cybersecurity Data en naranja; la matriz de puntos inferior se ilumina parcialmente. Después, toda la pantalla se vuelve naranja, crecen rápidamente grandes cifras blancas y aparece vulnerabilities.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Gráficos vectoriales｜Avance del lanzamiento
Acercarse desde el cartel completo al planeta y después a una curva del contorno amarillo. Aumentar continuamente el zoom manteniendo los bordes suaves y el centro sobre el mismo detalle.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Hermes se integra con Omarchy
Las líneas de perspectiva se expanden desde una pequeña abertura central hasta formar una cuadrícula de cuatro caras. Después de avanzar, se estrechan a ambos lados y dejan espacio simétrico para dos símbolos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Nuevo producto, nueva identidad visual
Centrar el emblema, la frase y el enlace, con poca navegación en las esquinas. El cursor azul dibuja un arco por el espacio vacío y vuelve al texto central, creando un único foco en movimiento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Palabras de estado e HyperFrames
Las palabras de estado cambian rápidamente en monoespaciada tenue, seguidas de un doble triángulo oscuro. El verde rellena el símbolo de abajo arriba y después se despliega el logotipo blanco.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Nuevas capacidades｜450+ integraciones
Las cápsulas naranjas enlazan palabras como connect y with y terminan en un signo más interactivo. Al pulsarlo, entran iconos por varios arcos y la cifra crece hasta 450.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Un cubo de yeso se abre para revelar H
Girar primero el cubo y alejarse; tras aparecer finas grietas blancas en los bordes, separar las caras hacia fuera. H permanece en el centro original mientras la separación crece hasta que los paneles salen del encuadre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
Vidrio.
El cristal permanece fijo mientras una mano y un recipiente pasan detrás; la cuadrícula fina divide sus contornos en pequeños segmentos desplazados. El plano general sitúa el marco y los detalles muestran claramente la relación entre textura y distorsión.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Sé dueño de los medios de producción. Rebélate con nosotros.
Alejar rápidamente un símbolo y texto rojo vistos muy de cerca hasta una composición pequeña; el fondo negro conserva mucho espacio vacío para una aparición breve de marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
TIDAL｜Identidad tipográfica, versión de 60 segundos
Hacer del texto el protagonista: palabras cortas crecen, se comprimen y encadenan según el énfasis semántico; los rombos impulsan los bloques de texto hacia el siguiente grupo de colores.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Animación tipográfica · 3.5 segundos
Construir toda la animación con escala y alineación del texto: mostrar un detalle de letra, alejarse hasta la frase completa y convertirla después en una columna de verbos móviles.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Composición de botones · 10.7 segundos
Separar y reunir tres botones de efectos con muescas como módulos encajables, comenzando por el inferior y conservando su relación vertical estrecha.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Animación de iconos · 10.3 segundos
Transformar continuamente símbolos alrededor del mismo centro, cambiando significado mediante muescas, huecos y divisiones, sin hacer que iconos independientes aparezcan por fundido.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Animación numérica · 6.1 segundos
Comenzar con una cuenta atrás de tres números grandes y abrir después una cuadrícula de nueve números que muestre los ángulos y esquinas redondeadas de la misma familia.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Creative Cloud｜Variante tridimensional verde
En menos de dos segundos, encadenar cortes de material en la misma posición para conectar formas orgánicas verdes, paisajes y tubos iridiscentes como una misma familia de símbolos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Creative Cloud｜Variante de láminas magenta
Mostrar con cortes breves cómo el símbolo pasa de láminas tridimensionales a edición plana y material plateado, usando magenta como hilo visual.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Creative Cloud｜Variante de gráficos de colores
Hacer desfilar estilos creativos sobre el mismo símbolo, desde líneas finas, metal y flores hasta collage de imágenes; la posición y el espacio constantes forman una serie.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Creative Cloud｜Variante naranja dibujada a mano
Usar naranja y amarillo como hilo entre dibujo, líquido, mangueras y flores planas mediante cortes rápidos; el contorno curvo une siempre los materiales.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Universe 2023｜Bucle geométrico
Una esfera, un disco y una placa cuadrada forman una composición giratoria compacta. La placa orbita el centro y las superposiciones dan profundidad a los planos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Bucle de patrones geométricos · 10.0 segundos
Alternar cuatro grupos de patrones a pantalla completa: pasar del ritmo rígido de ángulos a ondas suaves y terminar con puntos de distintos tamaños.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Exa — da a Codex y ChatGPT acceso a más de 100.000 millones de sitios web
Plantear primero una pregunta concreta que necesite fuentes externas, mostrar la búsqueda y una respuesta estructurada, y resumir la integración solo al final.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Collage de navegadores de los noventa
Usar una frase breve sobre la memoria de la web como eje; superponer ilustraciones de conocimiento y después páginas antiguas para pasar naturalmente de acumulación de contenidos a la era del navegador.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Título circular sobre el contexto
Con muy poco texto y anillos finos, trasladar la atención de los agentes al contexto del que dependen.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Revelación del símbolo por agrupación · 8.0 segundos
Descomponer el gráfico anterior en unidades mínimas y usar los mismos colores para reconstruir símbolo y nombre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Retrospectiva de la evolución del producto
Fijar la posición del nombre de marca mientras cambian icono, versión y sufijo de producto, terminando en la marca principal sola.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Uber Go Get It｜Fragmento de gráficos de marca
Deslizar y voltear maletas repetidas alrededor de una frase fija, conservando legible la propuesta de viaje dentro del patrón continuo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Bluevine｜Animación geométrica de marca
Mostrar primero la construcción geométrica del logotipo y convertir después los módulos curvos en símbolo independiente e icono de aplicación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Suki｜Pieza de marca con líneas y texto
Representar la colaboración entre profesionales clínicos y herramientas con dos grupos de líneas finas; al encontrarse, se convierten en un hilo visual que atraviesa escenas reales de atención.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Supabase — conector en Gemini Enterprise
Conectar una fuente al chat con una activación: abrir menú, habilitar conector, preguntar sobre esa fuente y cerrar con ambas marcas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Deezer｜Fondo animado Live the Music
Hacer respirar continuamente la onda de fondo mientras el título central permanece claramente fijo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Faculty｜Propuestas de marca con texto y degradados
Sostener tres propuestas sobre campos de color lentos y fragmentar brevemente las letras solo al cambiar de frase.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Uniqode｜Pieza de marca en matriz de puntos
Conectar patrones geométricos, escenas reales y símbolos de marca mediante el mismo lenguaje de matriz de puntos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Uniqode｜Formación y dispersión de texto punteado
Reunir partículas dispersas en una frase legible y deshacerla con las mismas partículas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Wise｜Animación de tipografía y símbolos monetarios
Explicar primero el origen de la fuente, mostrar detalles de letras y aplicar después la misma tipografía a distintas monedas y paletas.
Solo referencia de vídeo; no se incluye un proyecto editable.