Animation d’interface
Framer 3.0｜Lancement de marque et de produit
La lumière initiale introduit les actions de branche et de publication. Le milieu montre des modifications concrètes ; la fin transforme le langage de l’interface en symboles de verre. Le bleu indique la sélection et constitue le fil matériel du film.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement de Glean Agents
D’un champ de saisie à un workflow transversal : relier cartes de tâches, personnes et sources, puis ramener le résultat à une interface lisible.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Harvey II
Le collage papier établit la matière ; carrés, cercles et trous se recomposent. Des cartes produit apparaissent autour du centre et relient formes abstraites, projets, tâches et ressources.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Deezer｜Logo en cœur et ondes sonores
Faire bouger les ondes séparément avant qu’elles forment ensemble un cœur stable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma × Codex · Transmission du design à la réalisation
Sélectionner d’abord les frames de design avec leurs annotations, puis transmettre le contexte choisi à l’agent de réalisation ; le résultat doit correspondre aux écrans sélectionnés.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Nouvelles capacités de Loops
Énumérer d’abord rapidement les déclencheurs, puis expliquer les actions de sortie le long de la trajectoire ; déclencheurs et résultats occupent chacun une section.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Loops peut s’exécuter selon les jours de la semaine
Choisir d’abord la fréquence hebdomadaire, puis afficher la sélection multiple des jours et régler l’heure ; à la fin, la vue d’ensemble résume la règle en langage naturel.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Percée scientifique｜Résultats en mathématiques et informatique théorique
Chaque thème de recherche est construit avec une figure géométrique, puis réduit à quelques points pour rejoindre la figure suivante.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Branch｜Conversations ramifiées
Montrer d’abord l’endroit de l’historique où créer une branche, puis copier le contexte partagé
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Les sites créés avec Manus peuvent s’installer comme applications de bureau
Le même site se détache du cadre du navigateur pour devenir une fenêtre autonome ; l’identité du contenu est conservée
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Scheduled Tasks 2.0 (Manus) — Scheduled Tasks 2.0 — un…
Le calendrier montre d’abord la répartition globale, puis un zoom sur une tâche explique les réglages
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Code Security — analyse des vulnérabilités et correctifs
Conserver toute la séquence entrée→analyse→problème→correction→PR ; les niveaux de résultat se déploient à mesure que l’on approfondit.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Connexion des outils mobiles de Claude
Une question métier relie plusieurs appels d’outils : les données montrent ce qui se passe, les processus expliquent pourquoi, les diapositives servent au partage.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Salsa｜Doodle musical
Disques ronds, pavillons et pétales relient la musique jouée aux pas de danse.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok × Coinbase
Les logos restent fixes sans sauter ; les zones lumineuses du fond passent lentement et soulignent le partenariat.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Kimi Web Bridge — l’extension de navigateur de Kimi.
Les actions du navigateur et les retours du terminal sont côte à côte, montrant la correspondance entre plan de l’agent et résultat de la page.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Quatre téléphones côte à côte : démonstration de génération d’applications
Quatre téléphones de même hauteur partagent un fond mais progressent indépendamment
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Polymarket · Vue d’ensemble des élections de mi-mandat
Des formes d’États dispersées s’assemblent en carte, traduisant le passage du bruit à l’information structurée
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor · Orchestration récursive des tâches
La planification principale produit des tâches, qui se ramifient en sous-plans et nœuds de travail
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor Builds — les agents cloud démarrent 3x plus vite
Les deux groupes commencent ensemble mais progressent à des vitesses différentes ; le nouveau processus montre ses résultats en premier
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer peut fonctionner entièrement en local sur Mac
Montrer d’abord le lieu d’exécution, puis exécuter la tâche. Le rapport de résultats et la liste de tâches prouvent l’action locale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Computer for Counsel — Perplexity pour les juristes
Après avoir situé le domaine, montrer la saisie et les sources, puis trois livrables métier concrets.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer fonctionne maintenant par e-mail
Un e-mail déclenche la tâche ; le résultat revient dans le même fil. Les pièces jointes sont des données d’entrée nécessaires.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Apple｜Animation de l’interface Spotlight
Le terme recherché déclenche une liste de suggestions. Après la sélection d’une action, la liste se ferme et la capsule devient une commande paramétrée.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Connexion de Framer à Cursor
Passer du gros plan sur le clavier à un champ sombre, puis au tableau du CMS après la saisie. Des cadres bleus apparaissent le long des lignes pour montrer qu’une requête agit sur plusieurs données.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Données de cybersécurité
Titre aligné à gauche, Cybersecurity Data en orange. La matrice de points en dessous s’allume localement. Puis tout l’écran devient orange ; de grands chiffres blancs augmentent rapidement, avant vulnerabilities.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Site, présentation et visuel de lancement racontent la même histoire
Après la demande d’un site de café, demander une présentation et des visuels de publication. Les trois partagent photos, palette brune et titres à empattements, prouvant la réutilisation du contexte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Animation typographique · 3.5 secondes
Toute l’animation repose sur échelle et alignement du texte : détail de lettre, phrase entière, puis colonne mobile de verbes d’action.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Animation d’icônes · 10.3 secondes
Transformer continuellement un symbole autour du même centre. Encoches, trous et segments changent le sens, au lieu de fondus entre icônes séparées.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Persimmon — un modèle qui simule les personnes
Une affiche de fruit représente un individu, puis se déploie en nombreux échantillons distincts. Les particules traversent les frontières des affiches pour passer de l’individu à l’interaction.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Parallel Decisions API
Une question métier devient des faits consultables, puis un tableau exploitable. Orange réservé au point de la question et à la priorité finale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Collage de navigateurs des années quatre-vingt-dix
Une phrase sur la mémoire du réseau forme l’axe, recouverte d’illustrations de savoir puis de premières pages web, vers l’ère du navigateur.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Révélation par assemblage du logo · 8.0 secondes
Décomposer l’ancien signe en unités minimales puis reconstruire symbole et nom avec les mêmes couleurs.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Airtable｜Créer des applications avec l’IA
Montrer génération d’app par demande et résultat côte à côte, puis intégrer mise à jour de pièces jointes et autres cas dans la même grammaire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mintlify Widget — un agent intégré qui accompagne vos utilisateurs partout
Une entrée légère relie question, réponse et sources, intégrant naturellement l’assistant à la page existante.
Référence vidéo uniquement ; aucun projet modifiable fourni.