Interface animation
A product launch connected by blue light
Opening light introduces branching and publishing, the middle shows specific editing results, and the later section abstracts interface language into glass symbols. Blue serves as both selection state and a material motif throughout.
Video reference only; no editable project supplied.
Interface animation
Enterprise agent workflows
Expand one input into cross-department workflows. Connect task cards, people and data sources with lines, then return results to a readable interface.
Video reference only; no editable project supplied.
Interface animation
A paper geometry system for knowledge work
Establish material through paper collage, continually recombining squares, circles and holes; introduce product cards around the central object to connect abstract graphics with projects, tasks and resources.
Video reference only; no editable project supplied.
Graphic animation
Sound-wave heart
Animate individual soundwaves independently before combining them into a stable heart mark.
Video reference only; no editable project supplied.
Interface animation
Figma — Design to implementation
Select annotated design frames first, then pass that selection context to the implementation agent; implementation results must correspond to the selected screens.
Video reference only; no editable project supplied.
Interface animation
Linear — Loops
Quickly list trigger conditions first, then explain output actions along the track; give triggers and results separate sections.
Video reference only; no editable project supplied.
Interface animation
Linear — Engineering meeting prep
Select weekly recurrence before showing the weekday multi-select, then set the time; after completion, summarize the rule in natural language in the overview.
Video reference only; no editable project supplied.
Graphic animation
Mathematics as evolving geometry
Establish each research topic with a geometric diagram, then reduce it to a few points that connect to the next diagram.
Video reference only; no editable project supplied.
Interface animation
Conversation branching
Show the historical point that can be branched before copying the shared context
Video reference only; no editable project supplied.
Interface animation
Website-to-desktop app
Detach the same website from the browser frame into an independent window, preserving content identity
Video reference only; no editable project supplied.
Interface animation
Recurring task calendar
Start with the calendar's overall distribution, then push in on one task to explain its settings
Video reference only; no editable project supplied.
Interface animation
Scan to Suggested Fix
Preserve the full entry → scan → issues → fix → PR sequence, revealing deeper result levels as it progresses.
Video reference only; no editable project supplied.
Interface animation
Connected Tools Evidence Chain
Carry a business question through multiple tool calls: data explains what happened, workflows explain why, and slides support sharing.
Video reference only; no editable project supplied.
Graphic animation
Salsa through instruments and dance
Connect musical performance and dance steps through circular records, horn bells and petals.
Video reference only; no editable project supplied.
Graphic animation
A partnership in deep blue
Keep the marks fixed without jumping while bright background areas pass slowly behind them, emphasizing the partnership identity.
Video reference only; no editable project supplied.
Interface animation
Browser actions beside agent feedback
Place browser actions and terminal feedback side by side to show the correspondence between the agent's plan and page results.
Video reference only; no editable project supplied.
Interface animation
Four-app parallel showcase
Place four equal-height phones side by side on a shared background, with each progressing independently
Video reference only; no editable project supplied.
Interface animation
Regional odds exploration
Scatter separate state shapes before assembling them into a map, expressing a shift from noise to structured information
Video reference only; no editable project supplied.
Interface animation
Recursive agent orchestration
Top-level planning creates tasks, which branch further into subplans and worker nodes
Video reference only; no editable project supplied.
Interface animation
Performance and recovery comparison
Start both groups simultaneously but advance them at different speeds, with the new workflow showing results first
Video reference only; no editable project supplied.
Interface animation
Perplexity — Run tasks locally
Show the execution location before running the task, then demonstrate local operation through a result report and to-do list.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Computer for Counsel
Establish the domain, show input and sources, then provide three specific business outputs.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Computer works wherever you do
Trigger the task by email and return results to the same thread; attachments are input dependencies.
Video reference only; no editable project supplied.
Interface animation
Apple — Send a message
Search terms trigger a suggestion list; selecting an action collapses the list and turns the capsule into a parameterized command.
Video reference only; no editable project supplied.
Interface animation
From prompt to bulk CMS updates
Move from a keyboard close-up to a dark input field, then cut to the CMS table after typing finishes. Reveal blue outlines along table rows to show one request affecting multiple records.
Video reference only; no editable project supplied.
Text animation
Security data from scale to result
Left-align the heading and color Cybersecurity Data orange; illuminate part of the dot matrix below. Then turn the full screen orange, rapidly increase a large white number and reveal vulnerabilities.
Video reference only; no editable project supplied.
Interface animation
One conversation produces several formats
After requesting a coffee website, ask for a presentation and launch graphics. All three outputs share photography, a brown palette and serif headings, demonstrating context reuse through content consistency.
Video reference only; no editable project supplied.
Text animation
Typography reflow
Build the whole motion through text scale and alignment: reveal letterform details first, pull back to a complete phrase, then split it into a movable column of action words.
Video reference only; no editable project supplied.
Graphic animation
Continuous symbol morphing
Continuously reshape symbols around one center, changing meaning through notches, holes and subdivisions rather than fading separate icons in one by one.
Video reference only; no editable project supplied.
Interface animation
From individuals to interactions
Use one fruit poster to represent an individual, then pull back into many differentiated samples; let particles cross poster boundaries to tell a story from individuality to interaction.
Video reference only; no editable project supplied.
Interface animation
Research to decision table
Start with a business question, break it into queryable facts, then assemble facts into an actionable table. Orange marks only the question focus and final priority.
Video reference only; no editable project supplied.
Text animation
The web as living memory
Use a short phrase about the web's memory as the central axis, layering knowledge illustrations before early webpages so accumulated content naturally leads into the browser era.
Video reference only; no editable project supplied.
Text animation
Slack — slack
Break the old graphic into its smallest units, then reassemble the mark and name using the same colors.
Video reference only; no editable project supplied.
Interface animation
Airtable — Create an app
Show app generation through side-by-side requests and results, then bring attachment updates and other business examples into the same structure.
Video reference only; no editable project supplied.
Interface animation
Embedded assistant
Connect questions, answers and sources through one lightweight entry point, integrating the assistant naturally into the existing page.
Video reference only; no editable project supplied.