MOTIONSTASHFree · MIT · no account

Product & UI

Components: 12
Documented props: 107
Total runtime: 75s
Licence: MIT · free

Product and UI components draw software convincingly without a screen recording. Seven of them: a browser chrome frame, a dashboard shell, a terminal window with typed output, a message thread, an agent chat stream that arrives token by token, a stack of phone notifications, and a zoom-to-region move that pushes into part of a layout.

These replace the screencast in a product video — the one that is out of date the moment the UI ships. Because the chrome is drawn in code, a version bump is a props change, and nothing is baked into a video file that has to be re-recorded.

Agent Chat Stream — An assistant answers word by word while tool-call chips spin, resolve to a check and settle under a blinking caret

Agent Chat Stream

An assistant answers word by word while tool-call chips spin, resolve to a check and settle under a blinking caret

Agent Composer — A prompt types into a composer, the submit button takes a real press, and the agent's work reports itself step by step

Agent Composer

A prompt types into a composer, the submit button takes a real press, and the agent's work reports itself step by step

Browser Chrome — A browser window assembles piece by piece, types a URL into the address bar, then resolves a shimmering skeleton into a finished page

Browser Chrome

A browser window assembles piece by piece, types a URL into the address bar, then resolves a shimmering skeleton into a finished page

Dashboard Shell — A product dashboard assembles itself — rail, top bar, then four cards fade up with their sparklines drawing on

Dashboard Shell

A product dashboard assembles itself — rail, top bar, then four cards fade up with their sparklines drawing on

Depth Field Cards — A field of cards on four depth planes with real depth of field and aerial perspective, revealed by one long lateral camera move

Depth Field Cards

A field of cards on four depth planes with real depth of field and aerial perspective, revealed by one long lateral camera move

Device Rise — A phone rises into an overhead light pool, un-tilting as it lands, then the screen ignites and a rim light crosses the case

Device Rise

A phone rises into an overhead light pool, un-tilting as it lands, then the screen ignites and a rim light crosses the case

Glass Stack Reveal — Frosted glass panes rise into a stack over a drifting light field, each with its own mass so the deck settles front-last

Glass Stack Reveal

Frosted glass panes rise into a stack over a drifting light field, each with its own mass so the deck settles front-last

Message Thread — A conversation assembling itself, typing bubbles swapping for messages as the thread scrolls up

Message Thread

A conversation assembling itself, typing bubbles swapping for messages as the thread scrolls up

Minimal Video Frame — A near-white player that strokes itself on, scrubs, and takes a cursor to its like control

Minimal Video Frame

A near-white player that strokes itself on, scrubs, and takes a cursor to its like control

Phone Notification Stack — A drawn phone glides up into a settled tilt while notification cards drop in and the stack behind them recedes

Phone Notification Stack

A drawn phone glides up into a settled tilt while notification cards drop in and the stack behind them recedes

Terminal Window — A terminal runs a command: it types in, then the log streams line by line with a cycling spinner and an accent success line

Terminal Window

A terminal runs a command: it types in, then the log streams line by line with a cycling spinner and an accent success line

Zoom To Region — A synthesised dashboard, then a keyframed camera push into one named region and back out, with an annotation ring on the detail

Zoom To Region

A synthesised dashboard, then a keyframed camera push into one named region and back out, with an annotation ring on the detail