Oberflächenanimation
Framer 3.0｜Marken- und Produktveröffentlichung
Anfangs führt Licht zu Verzweigungs- und Veröffentlichungsaktionen. Im Mittelteil folgen konkrete Bearbeitungsergebnisse; später wird die Oberflächensprache in Glassymbole abstrahiert. Blau steht sowohl für Auswahl als auch für das Materialmotiv des gesamten Films.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Veröffentlichung von Glean Agents
Von einem Eingabefeld zu einem abteilungsübergreifenden Workflow erweitern. Verbindungen zwischen Aufgaben, Personen und Datenquellen herstellen; Ergebnisse kehren zu einer lesbaren Oberfläche zurück.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Harvey II
Papiercollagen etablieren das Material; Quadrate, Kreise und Öffnungen ordnen sich ständig neu. Produktkarten erscheinen um das Zentrum und verbinden abstrakte Formen mit Projekten, Aufgaben und Ressourcen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Deezer｜Herzlogo aus Schallwellen
Einzelne Schallwellen zuerst unabhängig bewegen, dann gemeinsam ein stabiles Herzzeichen bilden lassen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma × Codex · Übergabe von Design an Umsetzung
Zuerst Design-Frames samt Anmerkungen auswählen, dann den ausgewählten Kontext an den Implementierungsagenten übergeben; das Ergebnis muss den ausgewählten Bildschirmen entsprechen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Neue Möglichkeiten mit Loops
Zuerst Auslöser schnell aufzählen, dann entlang der Bahn die Ausgabeaktionen erklären; Auslöser und Ergebnisse erhalten jeweils einen eigenen Abschnitt.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Loops kann nach Wochentagen laufen
Erst den Wochenrhythmus wählen, dann die Mehrfachauswahl der Wochentage zeigen und danach die Uhrzeit einstellen; die fertige Übersicht fasst die Regel in natürlicher Sprache zusammen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Forschungsdurchbruch｜Ergebnisse in Mathematik und theoretischer Informatik
Jedes Forschungsthema wird durch eine geometrische Darstellung aufgebaut und dann auf wenige Punkte reduziert, die in die nächste Darstellung überleiten.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Branch｜Verzweigte Gespräche
Zuerst die verzweigbare Stelle im Verlauf zeigen, dann den gemeinsamen Kontext kopieren
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Mit Manus erstellte Websites lassen sich als Desktop-Apps installieren
Dieselbe Website löst sich aus dem Browserrahmen und wird zum eigenständigen Fenster; die Identität des Inhalts bleibt erhalten
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Scheduled Tasks 2.0 (Manus) — Scheduled Tasks 2.0 — ein…
Der Kalender zeigt zuerst die Gesamtverteilung; dann zur Einrichtung einer einzelnen Aufgabe heranzoomen
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Claude Code Security — Schwachstellen-Scans und Patches
Die vollständige Reihenfolge Einstieg→Scan→Problem→Behebung→PR einhalten; tiefere Ergebnisebenen öffnen sich schrittweise.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Claude mit Handy-Werkzeugen verbinden
Eine Geschäftsfrage verbindet mehrere Werkzeugaufrufe: Daten zeigen, was passiert, Abläufe erklären warum, Folien dienen dem Teilen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Salsa｜Musik-Doodle
Runde Schallplatten, Schalltrichter und Blütenblätter verbinden Musikspiel und Tanzschritte.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Grok × Coinbase
Die Zeichen bleiben fest und ruhig, helle Hintergrundbereiche ziehen langsam vorbei und betonen die Partnerschaft.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Kimi Web Bridge — die Browsererweiterung von Kimi.
Browseraktionen und Terminalrückmeldungen stehen nebeneinander und zeigen die Zuordnung zwischen Agentenplan und Seitenergebnis.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Vier Handys nebeneinander: App-Generierung demonstrieren
Vier gleich hohe Handys stehen nebeneinander und teilen den Hintergrund, während jedes seinen eigenen Ablauf zeigt
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Polymarket · Übersicht der Zwischenwahlen
Einzelne Bundesstaatenformen verteilen sich und setzen sich anschließend zur Karte zusammen: von Rauschen zu strukturierten Informationen
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Cursor · Rekursive Aufgabenplanung
Die übergeordnete Planung erzeugt zuerst Aufgaben, die weiter in Unterplanungen und Arbeitsknoten verzweigen
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Cursor Builds — Cloud-Agenten starten 3x schneller
Beide Gruppen starten gleichzeitig, schreiten jedoch unterschiedlich schnell voran; der neue Ablauf zeigt zuerst Ergebnisse
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Perplexity Computer läuft vollständig lokal auf dem Mac
Zuerst den Ausführungsort zeigen, dann die Aufgabe ausführen. Ergebnisbericht und Aufgabenliste belegen die lokale Bedienung.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Computer for Counsel — Perplexity für Juristen
Nach der fachlichen Einordnung werden Eingabe und Quellen gezeigt, anschließend drei konkrete Arbeitsergebnisse.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Perplexity Computer arbeitet jetzt per E-Mail
Eine E-Mail löst die Aufgabe aus; das Ergebnis kehrt in denselben E-Mail-Verlauf zurück. Anhänge sind benötigte Eingaben.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Apple｜Spotlight-Oberflächenanimation
Der Suchbegriff öffnet eine Vorschlagsliste. Nach der Aktionsauswahl schließt sich die Liste, und die Kapsel wird zu einem parametrisierten Befehl.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Framer mit Cursor verbinden
Von der Tastaturnahaufnahme in ein dunkles Eingabefeld wechseln, nach der Eingabe zur CMS-Tabelle. Blaue Rahmen erscheinen entlang der Zeilen und zeigen, dass eine Anfrage mehrere Datensätze beeinflusst.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Cybersicherheitsdaten
Titel linksbündig, Cybersecurity Data orange. Das Punktraster darunter leuchtet zunächst stellenweise auf. Danach wird die gesamte Fläche orange; große weiße Zahlen wachsen schnell, anschließend erscheint vulnerabilities.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Website, Präsentation und Ankündigungsgrafik erzählen dieselbe Geschichte
Nach dem Auftrag für eine Kaffee-Website werden Präsentation und Veröffentlichungsbilder angefordert. Alle drei Ergebnisse teilen Fotos, braune Palette und Serifentitel; die inhaltliche Konsistenz belegt die Wiederverwendung des Kontexts.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Typografieanimation · 3.5 Sekunden
Die gesamte Bewegung entsteht durch Schriftgröße und Ausrichtung: vom Buchstabendetail zum vollständigen kurzen Satz, dann zur beweglichen Liste von Aktionswörtern.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Symbolanimation · 10.3 Sekunden
Symbole um dasselbe Zentrum kontinuierlich verformen. Kerben, Löcher und Teilflächen ändern die Bedeutung, statt unterschiedliche Icons nacheinander einzublenden.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Persimmon — ein Modell, das Menschen simuliert
Ein einzelnes Fruchtposter steht für Individualität, dann zu vielen unterschiedlichen Exemplaren aufziehen. Partikel überschreiten Postergrenzen und erzählen den Weg vom Individuum zur Interaktion.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Parallel Decisions API
Eine Geschäftsfrage in recherchierbare Fakten zerlegen und zu einer handlungsfähigen Tabelle zusammenfügen. Orange markiert nur Fragefokus und letzte Priorität.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Browsercollage der Neunziger
Ein kurzer Satz über das Gedächtnis des Netzes bildet die Achse. Wissensillustrationen, dann frühe Webseiten stapeln sich darauf und führen von Wissenssammlung zum Browserzeitalter.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Enthüllung durch Logo-Zusammenführung · 8.0 Sekunden
Das alte Zeichen in kleinste Einheiten zerlegen, dann mit denselben Farben Logo und Namen neu zusammensetzen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Airtable｜Apps mit KI erstellen
App-Erstellung durch nebeneinanderstehende Anfrage und Ergebnis zeigen, dann Anhangsänderungen und weitere Geschäftsfälle im selben Muster anschließen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Mintlify Widget — ein eingebetteter Agent, der Ihre Nutzer überall unterstützt
Ein leichter Zugang verbindet Frage, Antwort und Quellen und bettet die Assistenz natürlich in die bestehende Seite ein.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.