MOTIONSTASH
All components

Scramble Decode

Kinetic type

A phrase resolves out of cycling glyphs left to right, each character locking to full contrast on a staggered beat

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

scrambledecodemonospacekinetic typeglitchterminal
What you can change · 9 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.

  • Text *
    text · string

    The phrase that resolves. Uppercase reads best in mono; spaces never scramble, so word shape is visible from the first frame. Up to ~24 characters keeps the type large.

    now: SIGNAL FROM NOISE

  • Eyebrow
    eyebrow · string

    Small uppercase label above the line, in the accent colour. Omit for a bare decode.

    now: Resolving

  • Footnote
    footnote · string

    Small uppercase caption under the rule, bottom-left. Good for a source, a brand or a channel name.

    now: Motionstash

  • Charset
    charset · "alphanumeric" | "symbols" | "hex" | "binary"

    Which glyphs a character cycles through before it locks. 'alphanumeric' is the classic decode; 'hex' and 'binary' read as machine output; 'symbols' is the noisiest.

    now: alphanumeric

  • Lock stagger
    lockStagger · number

    Frames between one character locking and the next, left to right. 2–4 reads as one sweeping gesture; above that the line resolves letter by letter. Compressed automatically for long strings so the decode always finishes inside the hold.

    now: 3

  • Grid
    grid · boolean

    Show the monospace cell grid as hairlines behind the type. Each line fades as its column locks.

    now: true

  • Show progress
    showProgress · boolean

    Show a percentage readout, right-aligned to the end of the line, that turns accent at 100%.

    now: true

  • Align
    align · "left" | "center"

    Position of the block in the frame. 'left' is the editorial default; 'center' suits 1:1 and 9:16.

    now: left

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    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/scramble-decode.tsx
Frame1920×1080
Duration90f · 3s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A monospace phrase that decodes out of scrambled glyphs left to right, each character cycling through random letters then locking into its final one, locked characters at full contrast and the rest muted, with a hairline rule underneath that draws in as the line resolves.