MOTIONSTASH
All components

Minimal Video Frame

Product & UI

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

Download preview768×432 preview render. The full-resolution file comes from running the component
5 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.

playerlightminimaluicursorscrubreactions
What you can change · 4 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.

  • Title
    title · string

    Line under the player. Left off, the frame is pure player chrome and works as a background plate.

    now: Launch film — final cut

  • Duration
    duration · string

    Duration label at the right of the scrub bar.

    now: 0:30

  • Liked
    liked · boolean

    Move a cursor to the like control and press it partway through the shot.

    now: true

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS. Written for the light brands.

    now: paper

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/minimal-video-frame.tsx
Frame1920×1080
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A very quiet light-mode video player on an almost-white ground with a faint dot mesh. The picture frame should stroke itself on from the left before anything appears inside it, then the play control scales in, the scrub bar fills, and a cursor travels over to the like button and presses it. No shadows to speak of, on a white ground the entrance has to come from line and timing.