Animation d’interface
watsonx｜Lancement de la plateforme
La même matière filamenteuse alterne détail et totalité ; suffixes produit et capacités se déploient par groupes selon les formes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Ouverture dans l’interface de recherche
Un grand ovale assemble des aplats gris-violet et gris-vert, avec une carte de tâche près du point noir central. L’ensemble rétrécit, des trous ronds blancs apparaissent autour ; le point reste au centre.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Qwen3.8-Max : logo texturé et annonce du modèle
Garder le même logo trilobé, changer sa matière intérieure puis le déplacer et l’agrandir sur bleu, libérant place au nom et aux caractéristiques.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Pond｜Lancement du système
Jardin et essaim comme métaphore informatique : grands mots, petits blocs de processus colorés actifs autour.
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 d’interface
Une nouvelle ère du no-code
Une sphère guide dans des pages, formulaires et processus superposés. Les interfaces sont des plans combinables espacés en profondeur, pas de simples captures.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Twilio｜Présentation motion de la plateforme d’engagement client
Les points de marque entrent dans des scènes humaines et quotidiennes ; lignes, objets rouges et relais de position lient les histoires clients.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Nouvelle identité visuelle｜Slogan plié
Une phrase devient des blocs de mots épais connectés. Face pour lire, côtés irisés pour la matière ; retour à la même face en boucle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Résultats trimestriels｜Bilan de 2026 Q2
Les fenêtres de fonctions sont au premier plan, les textures de lettres géantes à l’arrière-plan ; ces niveaux ne doivent pas fusionner.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Evergreen｜Vue d’ensemble du système visuel
Une grille stable contient de petites boucles ; seule la colonne étroite droite renouvelle les affirmations pour ordonner les ressources.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Identity Digital｜Visuel principal de marque
Le point du domaine mène les transitions : la longue URL se sépare, le point devient une scène géométrique, puis une extension métier plus courte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Creative Cloud｜Film principal du logo
Un contour de logo traverse plusieurs médias : interface de design, graffiti, images et micro-paysage. Garder la forme centrale à chaque changement de matière.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
TIDAL｜Visuel typographique principal, version 15 secondes
Conserver en quinze secondes cinq accents : salut, position, musique, créateurs et public. Faire lire un seul groupe à la fois.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
K3｜Annonce des poids ouverts
Les traits d’écriture deviennent des points distincts, puis plusieurs réseaux et enfin un atlas de connaissances.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Wonderful｜Animation d’annonce de financement
Faire du financement un événement visuel, expliquer la croissance par investisseurs et couverture mondiale, puis revenir au positionnement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation 3D
Comet｜Une rangée de planètes
Les sphères glissent sur le même axe horizontal, avec un recadrage des deux côtés par la fenêtre. La sphère active grossit légèrement et du texte apparaît.
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 de texte
K3.1｜Avant-première sans texte promotionnel
Des bandes de code et des tranches décalées relient plusieurs thèmes, exprimant le lien entre monde physique et calcul.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bienvenue dans l’ère du no-code
Une traversée de l’obscurité à la lumière ouvre les interfaces et le code serrés sur un univers créatif explorable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Il existe de nombreux futurs｜Film de marque
L’écriture d’un individu déclenche d’abord une transformation du monde, puis la vision passe d’un idéal unique aux multiples futurs de plusieurs personnes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Le collage d’informations devient écriture à l’encre
Au début, lettres de tailles variées, bandes et formes remplissent l’image. Après réduction de l’ensemble, les fragments rejoignent la ligne de base du mot central. Décaler les sorties d’éléments et l’apparition des nouvelles lettres.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Framer sur un prisme de verre
Le titre reste sur l’axe central et apparaît mot par mot. Une étroite bande de verre s’allonge de gauche à droite ; le point le plus lumineux traverse le titre un peu plus tard.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Nouvelle identité visuelle｜Révélation du logotype
Extraire un C d’une surface irisée agrandie, ramener le volume à une lettre, puis déployer le nom sur la même ligne de base.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Résultats trimestriels｜Affiche de données 2026 Q1
Des lettres géantes de différentes largeurs et des aplats de couleur s’imbriquent étroitement ; les bords recadrés créent de la densité. La barre d’informations inférieure reste fixe.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Extension de l’écosystème｜5 nouveaux partenaires MCP
Annoncer d’abord la liaison aller-retour, puis montrer l’étendue de l’écosystème par un défilement horizontal d’icônes, avant de se concentrer sur l’outil central.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Connexion de Google Drive au Figma agent
La lecture des retours externes entraîne des modifications du design, puis un document en explique les raisons ; la boucle de lecture et d’écriture est ainsi complète.
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
Lovable｜Connecteurs Google
Plusieurs icônes d’outils se regroupent d’abord, puis deviennent une à une des étiquettes de connecteurs dans le champ de saisie
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lovable — les skills dans Lovable.
Le titre reste presque fixe, tandis que des formes souples de différentes tailles tournent et flottent autour
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Notion — la colonne vertébrale de votre dock
Le fond du bureau et les applications voisines changent rapidement, mais l’icône centrale reste identifiable ; tous les autres éléments disparaissent à la fin, ne laissant que la marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield · Le cap du milliard de dollars
Attirer d’abord par un grand chiffre, puis expliquer par couches successives avec le temps, les courbes et les captures de médias
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
Dans les coulisses｜La création de Claude Code
Les fenêtres s’empilent successivement ; le titre central recouvre la couche supérieure en dernier, tandis que les contenus périphériques gardent des bords reconnaissables.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Search On 2020｜Compilation motion du studio de production · 34.6 secondes
Points, capsules et lignes constituent des formes communes, passant des catégories abstraites aux résultats de recherche.
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 graphique
Gemini｜Des photos forment le chiffre 4
Les blocs photo composent un chiffre ; la mise à l’échelle non uniforme change son ratio, et les blocs internes suivent la transformation du parent.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Aperçu de 5 secondes du même projet · 5.0 secondes
Les groupes de points se recomposent successivement en personnes, lieux et objets ; les couleurs suivent les catégories.
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 Bot｜Empilement de personnages
Chaque personnage atterrit sur le précédent ; après contact, l’ensemble oscille légèrement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok Bot × Linear
Les deux marques restent alignées ; le fond s’écoule continuellement sans rivaliser avec le texte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Grok — 21 nouvelles voix
Le titre garde sa position et sa taille ; le mouvement vient surtout de l’écoulement continu du fond.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot｜Court film sur les achats
Le personnage regarde la carte, qui tourne continuellement sur son axe vertical.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok｜Analyse financière
Les deux marques restent immobiles ; seuls le fluide, la lumière et les ombres bougent.
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
ElevenLabs — levée de $500M pour une valorisation de $11B
Après avoir posé le contexte par les chiffres et les références, passer au produit réel ; chacune des trois activités possède son propre système visuel
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Intégration Perplexity AI / Snowflake — Computer désormais…
Introduire la question à partir d’une carte de données existante ; après la connexion à la source, montrer la requête et le rapport comme preuves.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity — Computer portable sur NVIDIA DGX Spark
Les outils locaux entourent l’appareil en anneau ; les modèles cloud occupent un niveau distinct. Les liens indiquent un recours au cloud à la demande, pas un transfert externe des données par défaut.
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 3D
Migrer vers Framer avec MCP
La fenêtre avant reste en haut à droite, celle de derrière en bas à gauche. Elles gardent la même perspective. La fenêtre arrière se replie d’abord en un point, puis se déploie sur un axe diagonal.
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 de texte
Graphisme vectoriel｜Avant-première du lancement
Avancer de l’affiche entière vers la planète, puis une courbe du contour jaune. Le grossissement augmente sans cesse, mais les bords restent lisses ; le centre du zoom reste sur le même détail.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Connexion d’Hermes à Omarchy
Des lignes de perspective partent d’un petit trou central et deviennent quatre parois quadrillées. Après une avancée, elles se resserrent sur les côtés pour réserver deux positions de logo symétriques.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Nouveau produit, nouvelle identité visuelle
Blason, courte phrase et lien restent centrés, avec une navigation discrète aux quatre coins. Le curseur bleu dessine un arc dans le vide, puis revient au texte central, unique foyer dynamique.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mots d’état et HyperFrames
Des états à chasse fixe peu lumineux changent vite, puis un double triangle sombre apparaît. Le vert remplit le logo de bas en haut, avant le déploiement du mot-symbole blanc.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mise à jour des capacités｜450+ intégrations
Des capsules orange relient connect, with et d’autres mots jusqu’à un plus cliquable. Au clic, des icônes affluent sur plusieurs arcs et le compteur atteint 450.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Dégager un H d’un bloc de plâtre
Faire tourner le cube en reculant. Lorsque de fines fissures blanches apparaissent sur les arêtes, les faces s’écartent. H reste au centre initial ; la séparation augmente jusqu’à la sortie des panneaux.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Glass.
Le verre reste fixe, main et récipient passent derrière. La fine grille fragmente les contours en segments décalés. Le plan large montre le cadre, le gros plan relie texture et déformation.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Possédez les moyens de production. Révoltez-vous avec nous.
Reculer rapidement depuis un logo et des lettres rouges en très gros plan vers une petite composition. Le grand vide noir crée une brève apparition de marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
TIDAL｜Visuel typographique principal, version 60 secondes
Le texte est le protagoniste : mots courts agrandis, comprimés dans le cadre et enchaînés selon l’accent sémantique. Les losanges poussent chaque passage vers la palette suivante.
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 d’interface
Disposition des boutons d’interface · 10.7 secondes
Démonter puis réassembler trois boutons à encoches comme des modules. Commencer par celui du bas et garder la proximité verticale.
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 de texte
Animation de chiffres · 6.1 secondes
Compter à rebours avec trois grands chiffres, puis ouvrir une grille de neuf pour montrer angles et arrondis d’une même famille.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Creative Cloud｜Variante verte en volume
Des coupes de matière au même endroit, en moins de deux secondes, relient forme organique verte, paysage et tubes irisés dans une famille de logos.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Creative Cloud｜Variante en tranches magenta
Des coupes rapides montrent le logo en tranches 3D, édition plane et matière argent-blanc ; le magenta relie les versions.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Creative Cloud｜Variante graphique colorée
Le même logo passe par trait fin, métal, fleurs et collage. Position et vide constants forment une série cohérente.
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 graphique
Universe 2023｜Boucle géométrique
Une sphère, un disque et un carré forment une rotation compacte. Le carré tourne autour du centre ; les occultations donnent de la profondeur aux plans.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Boucle de motifs géométriques · 10.0 secondes
Quatre motifs plein écran se succèdent : rythme anguleux dur, vagues souples, puis points de tailles différentes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Exa — donner à Codex et ChatGPT accès à 100B+ sites web
Poser une question concrète nécessitant des sources externes, puis montrer recherche et réponse structurée. Résumer l’intégration seulement à la fin.
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
Titre contextuel en anneau
Peu de mots et de fins cercles déplacent l’attention de l’agent vers le contexte dont il dépend.
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 de texte
Rétrospective de l’évolution du produit
Nom de marque fixe, relais entre icône, version et suffixe produit, puis retour à la marque seule.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Uber Go Get It｜Extrait d’animation graphique de marque
Des valises répétées glissent et basculent autour d’une phrase fixe, lisible dans le motif continu.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Bluevine｜Animation géométrique de marque
Montrer la construction géométrique du mot-symbole, puis transformer les arcs en symbole et icône autonomes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Suki｜Court film de marque en lignes et texte
Deux faisceaux fins représentent cliniciens et outil ; leur rencontre devient un fil visuel traversant les soins réels.
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 de texte
Deezer｜Fond animé Live the Music
L’onde de fond respire sans cesse ; le titre central reste clair et fixe.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Faculty｜Proposition de marque en texte dégradé
Trois messages sur des champs de couleur lents, lettres brièvement disloquées seulement aux transitions.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Uniqode｜Court film de marque en matrice de points
Une même trame de points lie motifs géométriques, scènes réelles et marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Uniqode｜Assemblage et dispersion de texte en points
Assembler des particules éparses en phrase lisible puis la défaire avec les mêmes particules.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Wise｜Animation de caractères et symboles monétaires
Expliquer l’origine de la police, montrer les détails, puis l’appliquer aux devises et palettes.
Référence vidéo uniquement ; aucun projet modifiable fourni.