Animation d’interface
Animation de l’interface du site HyperOS 1
Du détail de matière au mobile, puis mêmes arrondis et transparences dans icônes, widgets et appareils.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Forge｜Lancement du produit
Deux demandes concrètes prouvent l’étendue : prompts complets, résultats web défilables, puis mosaïque spatiale de plusieurs œuvres.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cyera Research Labs
Construction du logo, couleurs et lettres vers applications de marque ; la même sphère flottante relie pages et messages.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Universe 2023｜Révélation des graphismes de la conférence
De fines lignes dans le noir ouvrent soudain un monde géométrique coloré, puis tout rentre dans le logo central.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Parallel Index — être rémunéré quand l’IA utilise votre contenu
L’organisation des nœuds raconte le réseau : connexions ouvertes, nouveaux visiteurs, accès unique multiplié en trafic massif, puis logo d’index.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Avant-première de l’événement｜Make-a-thon à 100 000 dollars
Les deux marques sont centrées, les bulles des participants entrent depuis les bords ; leur réaction collective introduit l’annonce de l’événement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma｜Agent dans le canevas
Enchaîner suggestions, application de styles et enrichissement du contenu sur le même produit ; ne pas présenter chaque résultat comme une œuvre sans rapport.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lancement de l’événement｜Config Makeathon
Les motifs et la typographie établissent l’identité de l’événement au début, les réalisations montrent rapidement les résultats de la participation au milieu, et la fin annonce sa mise en ligne.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear Diffs — revue de code dans Linear
Sélectionner les changements avant d’examiner les différences, rattacher les commentaires aux lignes de code, puis soumettre explicitement la revue.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lovable · Lancer une création depuis Slack
Les messages de différents intervenants arrivent dans le même fil ; la réponse de l’assistant suit la demande
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
→
Une mise en doute crée d’abord un écart d’information, puis le site est vérifié directement, et la conclusion revient répondre au message d’origine
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Notion Skills — apprendre aux agents comment travaille votre équipe
Le partage en équipe et l’export local sont deux voies de distribution ; chacune est expliquée dans une fenêtre avant de rejoindre l’utilisation commune.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield — Cursor pour les motion designers
Le canevas reste visible avec la chronologie et la zone de commandes en dessous, pour montrer les relations de création
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield — le plugin est désormais dans l’application ChatGPT
Sélectionner d’abord le plugin et le skill, puis saisir une tâche impliquant plusieurs outils ; les étapes d’exécution apparaissent dans l’ordre
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield API｜Interface multimodèle
Une entrée unique se connecte à plusieurs modèles, puis à plusieurs résultats produits
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Wide Research｜Recherche étendue
Une entrée se décompose en plusieurs panneaux de tâches, déployés latéralement en profondeur pour exprimer le parallélisme
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Manus Agents — votre Manus personnel, désormais dans votre…
L’assistant reste dans le conteneur de conversation d’origine ; après l’envoi des contenus, il renvoie une carte de résultat
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Sonnet 5.5 · Montage macro
Arcs, anneaux et aiguilles aux géométries proches assurent les raccords entre plans ; ce sont des contenus différents, pas la trajectoire continue d’un seul objet.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude — utilisation de l’ordinateur dans Cowork et Claude Code
Chaque tâche boucle demande mobile→exécution sur ordinateur→confirmation mobile ; la même structure est répétée trois fois avec un contenu progressif.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Gmail × Gemini
Chaque chapitre suit contexte de l’e-mail→action→résultat, en maintenant le sujet et le destinataire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Gemini｜Révélation du logotype
L’ancien texte se décompose en particules, qui s’écoulent dans une direction puis reforment le nouveau nom.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Build｜Mémoire du projet
Trois états, enregistrer→parcourir→relire plus tard, expliquent la mémoire entre sessions.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Emergent｜Créer des applications depuis le téléphone
La croissance établit d’abord le contexte, puis le point d’entrée de création passe de l’ordinateur au téléphone
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor peut contrôler l’ordinateur
L’agent à gauche et le simulateur à droite partagent l’écran ; les résultats apparaissent dans l’application contrôlée
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor Cloud Agents
Chaque fonction alterne une proposition sur fond noir et une courte action sur fond blanc, avec un rythme régulier
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor · Piloter l’agent de l’ordinateur depuis le téléphone
Autoriser d’abord l’appairage ; ensuite, le même message et le même résultat apparaissent aux deux extrémités
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer — calcul hybride cloud et local
Vérifier d’abord les informations sensibles, puis choisir le chemin local ou cloud. Les deux lieux d’exécution ont des responsabilités explicites.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Apple｜Presse-papiers entre appareils
Le texte du téléphone est la source, le document de l’ordinateur la destination. L’essentiel se joue dans la sélection et le collage du texte ; les cadres des appareils restent presque fixes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cette semaine : Notes prend en charge les images
Rendre d’abord toute la liste lisible. Glisser une image depuis la droite du bureau sous la note ; le fichier suit le curseur. Au relâchement, l’image se déploie et la fenêtre de note grandit avec le contenu.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Template Marketplace｜Place de marché de modèles
Montrer l’éventail des modèles, agrandir un site complet navigable, puis le transformer pour une autre activité via un prompt.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Creative Cloud｜Variante orange dessinée à la main
Orange et jaune guident les coupes entre dessin, liquide, tube et fleurs planes ; la courbe unit les matières.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
AI Labs｜Éléments d’interface
Plusieurs interfaces manipulables montrent la personnalisation, chacune clôturée par un retour explicite.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Supabase Explorer et Notebooks
Ouvrir par un graphique de croissance, puis requêtes, sauvegarde, langage naturel et flux local ; phrase près de la fonction montrée.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Supabase — connecteur dans Gemini Enterprise
Activer une source dans le chat : menu, connecteur, question ciblée, puis deux marques ensemble.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Supabase Pipelines — synchronisation analytique quasi temps réel
Montrer la pression du trafic, puis configuration de destination et synchronisation continue pour expliquer les rôles et la causalité.
Référence vidéo uniquement ; aucun projet modifiable fourni.