MOTIONSTASH
All components

Hot Path Scan

Backgrounds

A defocused listing scrolls behind a scan front while one symbol resolves out of blur and locks sharp

Download preview432×768 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.

technicalcodescanverticalfocusatmospheredeveloper
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.

  • Symbol *
    symbol · string

    The string that resolves out of defocus. Reads best as an identifier, a symbol, address or key.

    now: 0xFF8A_L1_HOT_PATH

  • Label
    label · string

    Small label above the symbol, printed in the accent colour.

    now: Trace locked

  • Rows
    rows · number

    How many listing rows scroll behind. More rows read as a dense log; fewer as a sparse trace.

    now: 34

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    now: circuit

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/hot-path-scan.tsx
Frame1080×1920
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A vertical developer-flavoured frame: rows of out-of-focus code scrolling upward behind a soft scan front that brightens each row as it passes. In the middle, one monospace identifier starts heavily defocused and resolves to razor sharp, blooming light onto the listing behind it as it locks. Nothing should ever come fully to rest.