MOTIONSTASH
All components

Stat Side Panel

Data

A ring gauge, a heading and a list that builds one point at a time, sized as a hard-edged column beside a talking head

Download preview768×432 preview render — the full-resolution file comes from running the component
8 seconds
Format
Stat Side Panel — A ring gauge, a heading and a list that builds one point at a time, sized as a hard-edged column beside a talking head

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.

split screenpanelringgaugebulletsexplaineralpha
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/stat-side-panel.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A hard-edged panel occupying one third of the frame beside a presenter: a thick ring gauge sweeping to a percentage with the number counting up inside it, a large heading, a soft glowing chevron divider, and a list of points that arrive one at a time with small square accent bullets. The panel wipes in from its own edge rather than fading. The ring keeps sweeping after the bullets have landed so something is still moving through the hold, and the ground can be switched off entirely to render the panel with an alpha channel.