Interface animation
An information field focuses into research
Build a large oval from gray-purple and gray-green planes, with a task card near the central black dot. Gradually shrink the whole composition, revealing white circular openings outside while the black dot stays at frame center.
Video reference only; no editable project supplied.
Interface animation
Linear — Coding sessions on mobile
Keep code context above and the input and on-screen keyboard below; after submission, the keyboard exits and a processing state takes its place.
Video reference only; no editable project supplied.
Interface animation
Code becomes a shared document
Show the coding task first, then request that the code be organized into a document; open the result to verify cross-application delivery.
Video reference only; no editable project supplied.
Interface animation
A request and answer on the lock screen
Show the human request first, followed by the assistant's prepared result, using timing to express a response.
Video reference only; no editable project supplied.
Interface animation
A release told in product chapters
Open each chapter with a pixel symbol and short phrase, then illustrate it with one product action.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Computer
Use the same task entry point for different output types, with successive examples demonstrating breadth.
Video reference only; no editable project supplied.
Graphic animation
A cube opens to reveal a letter
Rotate the cube and pull back first; after thin white seams appear along the edges, spread the faces outward. Keep H at the original center and increase separation until the panels leave the frame.
Video reference only; no editable project supplied.
Interface animation
QuiverAI — Arrow 2.0
Demonstrate vector generation's value at three scales: editable paths, work categories and real applications, then return to generating stylistically consistent variants.
Video reference only; no editable project supplied.