Interface animation
IBM — watsonx
Alternate close-ups and full forms of the same filament material, unfolding product suffixes and capability words in groups that follow each shape.
Video reference only; no editable project supplied.
Text animation
Linear — Orbit
Pull back from letterform construction details to a readable title, then blur the title into the background while showing the date and website in the foreground.
Video reference only; no editable project supplied.
Interface animation
Connected customer worlds
Bring brand dots into human and everyday scenes, connecting customer stories through shared lines, red objects and positional handoffs.
Video reference only; no editable project supplied.
Interface animation
Several creative formats in one editor
Switch websites, whiteboards, portrait content and presentations within the same toolbar, using bottom thumbnails for navigation. Establish format coexistence before introducing specific new capabilities.
Video reference only; no editable project supplied.
Interface animation
Cashback offer mechanics
Coins emphasize the benefit, then a decreasing and replenished balance explains the cashback mechanism
Video reference only; no editable project supplied.
Interface animation
Wonderful — $550M
Make the funding amount a visual event first, then explain growth through investors and global reach, returning to product positioning at the end.
Video reference only; no editable project supplied.
3D animation
Focusable planet carousel
Slide spheres along one horizontal axis, clipping both ends at the viewport; slightly enlarge the active sphere and reveal its text
Video reference only; no editable project supplied.
Text animation
Figma — CONFIG
Letter fragments begin scattered, then assemble into a title as the progress line grows independently; on exit, the letters dissolve before progress completes.
Video reference only; no editable project supplied.
Interface animation
Figma — Figma in Weave
Turn a design frame into a connectable node, connect text and images to their respective slots, then branch the output into different use cases.
Video reference only; no editable project supplied.
Interface animation
Notion — Edit skills together
The same skill moves from document editing to repository synchronization to use by multiple agents, retaining its identity across containers.
Video reference only; no editable project supplied.
Interface animation
Business growth milestones
Attract attention with a large number first, then explain it in layers through time, curves and media screenshots
Video reference only; no editable project supplied.
Interface animation
Legal work across connected tools
Show multiple plugins through repeating message → interaction → evidence units; keep the current tool identity at the upper right.
Video reference only; no editable project supplied.
Interface animation
Proactive Assistant Conversation
Establish agent capabilities through proactive reminder → user authorization → task result rather than simply scrolling chat.
Video reference only; no editable project supplied.
Graphic animation
Search across people, places and things
Use dots, capsules and lines as shared primitives, moving from abstract categories to search results.
Video reference only; no editable project supplied.
Graphic animation
A growing stack of characters
Characters land on the previous character one by one, with the entire stack swaying slightly after contact.
Video reference only; no editable project supplied.
Live-action editing
A prize motivates participation
Use the reward to attract attention, immediately explain it with on-site footage, then present participation steps and examples.
Video reference only; no editable project supplied.
Interface animation
A configured assistant becomes a template
Carry the same assistant name and avatar through settings, the public page and the recipient's view.
Video reference only; no editable project supplied.
Interface animation
Speech leads to an artifact
Attach the voice overlay to the phone, then move from the response to a specific task and document.
Video reference only; no editable project supplied.
Interface animation
A character presents a payment card
The character looks toward the card as it rotates continuously around its vertical axis.
Video reference only; no editable project supplied.
Interface animation
From prompt to a published app
Demonstrate actual interaction after generation first, then switch to desktop to show another type of publishable application.
Video reference only; no editable project supplied.
Interface animation
Perpetual order workflow
Push from the terminal overview into the action form, then fill in amount, leverage and risk conditions in order before submitting
Video reference only; no editable project supplied.
Interface animation
Code-driven agent operations
Follow abstract messages about code configuration with a running dashboard to demonstrate process observability
Video reference only; no editable project supplied.
Interface animation
Design-system component creation
Inspect the existing design system and variables before creating artboards, rather than freely drawing a similar-looking image
Video reference only; no editable project supplied.
Interface animation
Perplexity — Model Council
Branch the same question to multiple models, then merge completed answers into a comparison table; do not reduce this to three serial steps.
Video reference only; no editable project supplied.
Interface animation
A multi-feature workspace launch
Present workflows, team chat, meetings, mobile voice and the browser assistant in separate sections. Use a consistent short-heading-then-interface rhythm, re-establishing the scene when changing capabilities.
Video reference only; no editable project supplied.
Interface animation
From a brand URL to an ad family
After link input, gather surrounding posters into logos, colors, fonts and product assets. Products enter a combination ring, and the ad matrix unfolds only after the count rises.
Video reference only; no editable project supplied.
Graphic animation
A wireframe tunnel introduces a partnership
Expand perspective lines from a small central opening into a four-sided grid; after moving forward, narrow it toward both sides to leave symmetrical positions for the two logos.
Video reference only; no editable project supplied.
Text animation
A quiet website with playful cursor trails
Keep the crest, short phrase and link centered, with sparse navigation in the page corners. Arc the blue cursor through negative space and return it to the central text as the sole moving focus.
Video reference only; no editable project supplied.
Interface animation
Recording opens into a multitrack arrangement
After the red record button activates, grow the waveform from left to right; cut to the sound list and expand into multiple colored tracks. Recording progress and playhead move in the same direction.
Video reference only; no editable project supplied.
Interface animation
A prompt becomes a branded presentation
Generate a cover, content and speaker notes after topic input, keeping thumbnails on the left throughout. Switch pages to show continuity in palette, typography and illustration language.
Video reference only; no editable project supplied.
Interface animation
Payment-to-reporting montage
Expand related business functions from a payment card, then move into bills and reports, connecting the same expense across views.
Video reference only; no editable project supplied.
Graphic animation
Full-frame pattern cycles
Transform four full-frame geometric patterns in sequence, shifting from the hard rhythm of folded corners to soft waves, then dots of varying sizes.
Video reference only; no editable project supplied.
Interface animation
Software factory overview
Break software production into stages first, then enter a metrics workbench in the same order. Every opening stage word must have a counterpart in the actual interface later.
Video reference only; no editable project supplied.
Interface animation
Z.ai — Sketch = Code
Keep input materials and generated results visible together, using sketches, images and screen recordings to demonstrate distinct visual-input capabilities.
Video reference only; no editable project supplied.
Graphic animation
One grid, changing worlds
Connect geometric patterns, real-world scenes and branding through the same dot-matrix medium.
Video reference only; no editable project supplied.