Skip to content

Glyph Decode

Text decode animation: a line resolves out of scrambled glyphs from left to right, each letter flashing the primary colour before it settles to ink, and a product name lands underneath.

Length
120 frames, 4.0s at 30 fps
Film beat
Open
Frame
1920 by 1080

Install it

npx shadcn@latest add https://better-design.com/registry/video/glyph-decode.json

Pass your product's colours through the theme prop, and its own copy and pictures through the other props.

Other shots for this beat