MOTIONSTASH
All components

Launch Day Desk

PremiumProduct & UI

A launch day on the desk it happened on: the post, the message home and the draft playing, with the camera pulling back to the whole machine before a client's notification lands

Download preview1920×1080 preview render. Rendered at full size, like the rest of this component
7.1 seconds
Format

This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.

desktopmacosdockpull backnotificationsocial postmessageslaunchproduct storyscreen recording
What you can change · 16 settings

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

  • Handle *
    handle · string

    The poster's display name, set bold above the post.

    now: Adish Jain

  • At *
    at · string

    The @ handle and date line under the name, written as one string the way the platform runs it together.

    now: @_adishj · Apr 8

  • Post *
    post · string

    The social post's body, one line per paragraph separated by newlines. Four lines is what the window holds before it scrolls.

    now: introducing Motion, a video agent for tasteful motion des…

  • Counts *
    counts · array

    The engagement row in the platform's own order: replies, reposts, likes, views. Strings, so 1.4K stays as written.

    now: 4 items

  • Chat title *
    chatTitle · string

    The messages window's title, which is who the boast goes to.

    now: Mom

  • Boast *
    boast · string

    The message sent. It carries the number, so it is the one line that states what happened.

    now: Mom I hit 500k views across both the platforms!!

  • Reply *
    reply · string

    The answer in the grey bubble. Short.

    now: I’m so proud of you!

  • Role *
    role · string

    The headline under the name in the feed post, the one line a professional network shows about somebody.

    now: CEO, Mosaic (YC W25) | building video agents at mosaic.so

  • Feed *
    feed · string

    The feed post's body above the player.

    now: Introducing Motion, a video agent for tasteful motion des…

  • Draft title *
    draftTitle · string

    What the player is playing, set large on its black frame.

    now: I am Motion.

  • Reactions *
    reactions · string

    The reaction line under the player.

    now: You and 1,902 others · 3,157 comments

  • Alert from *
    alertFrom · string

    Who the notification is from, set bold ahead of its message.

    now: Client

  • Alert body *
    alertBody · string

    The notification's message. This is the beat that turns the piece, so it should create the deadline.

    now: Launch is in 5 mins! Where is the video?!

  • Domain *
    domain · string

    The domain typed into the address bar in the last scene, one character every two frames.

    now: motion.so

  • Avatar *
    avatar · string

    The portrait, as a URL or a data URI. Defaults to the reference's own, which its author supplied.

    now: data:image/webp;base64,UklGRooGAABXRUJQVlA4IH4GAACwPACdAS…

  • Brand *
    brand · string

    Brand token id. Used for the caret in the address bar; the desk carries the operating system's own measured tones.

    now: slate

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/launch-day-desk.tsx
Frame1920×1080
Duration212f · 7.1s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A desktop seen straight on with its dock along the bottom and three windows open on it: a social post with an embedded build panel and its counts, a messages window carrying a boast to a parent and the reply, and a feed post with a video playing inside it. The camera starts close on the messages window and pulls back until the whole desk is in frame. Cut to the feed post filling a screen at a slight angle, where a notification banner drops in from a client asking where the video is, and cut again to the address bar with a domain being typed one character at a time.