Animación de interfaz
Framer 3.0｜Lanzamiento de marca y producto
La luz inicial introduce las acciones de ramificación y publicación; en el centro se muestran resultados concretos de edición y al final el lenguaje de la interfaz se abstrae en símbolos de cristal. El azul indica tanto la selección como el material visual que une toda la pieza.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lanzamiento de Glean Agents
Expandir un campo de entrada hasta un flujo entre departamentos. Conectar tarjetas de tareas, personas y fuentes de datos mediante líneas y devolver los resultados a una interfaz legible.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Harvey II
Establecer la textura mediante collage de papel, reorganizando bloques, círculos y huecos; las tarjetas del producto aparecen alrededor del objeto central para conectar la geometría abstracta con proyectos, tareas y recursos.
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 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
Nuevas capacidades de Loops
Enumerar rápidamente condiciones de activación y luego explicar las acciones de salida a lo largo de una trayectoria; dedicar una sección a los disparadores y otra a los resultados.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Loops puede ejecutarse según el día de la semana
Seleccionar la frecuencia semanal antes de mostrar la selección múltiple de días y ajustar la hora; al terminar, resumir la regla en lenguaje natural en la vista general.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Avance de investigación | Resultados en matemáticas e informática teórica
Introducir cada tema de investigación con un diagrama geométrico y reducirlo a unos pocos puntos para conectarlo con el siguiente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Branch | Conversaciones ramificadas
Mostrar el punto histórico donde se puede ramificar antes de copiar el contexto compartido
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Los sitios creados con Manus se pueden instalar como apps de escritorio
Separar el mismo sitio del marco del navegador para convertirlo en una ventana independiente, conservando la identidad del contenido
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Scheduled Tasks 2.0 (Manus) — tareas programadas 2.0 — una…
Mostrar la distribución global del calendario y acercarse a una tarea para explicar sus ajustes
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude Code Security — análisis de vulnerabilidades y parches
Conservar la secuencia completa entrada → análisis → problemas → corrección → PR, desplegando niveles de resultados a medida que se profundiza.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Conexión de herramientas móviles de Claude
Guiar varias herramientas con una pregunta de negocio: los datos explican qué ocurrió, el flujo por qué y las diapositivas permiten compartirlo.
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 × 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
Kimi Web Bridge — la extensión de navegador de Kimi.
Colocar acciones del navegador y respuestas de terminal juntas para mostrar la correspondencia entre plan del agente y resultado de página.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cuatro teléfonos en paralelo: demostración de generación de apps
Alinear cuatro teléfonos de la misma altura sobre un fondo compartido, cada uno avanzando de forma independiente
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Polymarket · Panorama de elecciones de medio mandato
Dispersar formas de estados y ensamblarlas en un mapa para expresar el paso del ruido a información estructurada
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor · Orquestación recursiva de tareas
La planificación superior crea tareas que se ramifican en subplanes y nodos de trabajo
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor Builds — los agentes en la nube arrancan 3 veces más rápido
Iniciar ambos grupos a la vez con velocidades distintas, mostrando primero el resultado del flujo nuevo
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Computer puede funcionar completamente en local en Mac
Mostrar dónde se ejecuta antes de iniciar la tarea y demostrar la operación local con un informe y una lista de pendientes.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Computer for Counsel — Perplexity para abogados
Establecer el ámbito, mostrar entrada y fuentes y ofrecer después tres resultados de negocio concretos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Computer ya funciona por correo electrónico
Activar la tarea por correo y devolver el resultado al mismo hilo; los adjuntos son dependencias de entrada.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Apple | Animación de interfaz de Spotlight
El término de búsqueda abre sugerencias; al elegir una acción, recoger la lista y transformar la cápsula en un comando parametrizado.
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 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 interfaz
Web, presentación e imágenes de lanzamiento cuentan la misma historia
Tras pedir una web de café, solicitar una presentación e imágenes de lanzamiento. Los tres resultados comparten fotos, paleta marrón y títulos con serifa, mostrando la reutilización del contexto mediante la coherencia del contenido.
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 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 interfaz
Persimmon — un modelo que simula personas
Representar al individuo con un cartel de fruta, alejarse hasta muchas variantes y hacer que las partículas crucen sus bordes para narrar el paso de individuo a interacción.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Parallel Decisions API
Partir de una pregunta de negocio, dividirla en hechos consultables y reunirlos en una tabla accionable. Reservar naranja al foco de la pregunta y la prioridad 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
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 interfaz
Airtable｜Crea aplicaciones con IA
Mostrar la generación de aplicaciones con solicitud y resultado en paralelo y añadir actualizaciones mediante adjuntos y otros casos de negocio usando la misma estructura.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Mintlify Widget — un agente integrado que ayuda a tus usuarios donde estén
Conectar pregunta, respuesta y fuentes mediante una entrada ligera para integrar naturalmente el asistente en la página existente.
Solo referencia de vídeo; no se incluye un proyecto editable.