MOTIONSTASH
Sign up
All components

Logo Stroke Draw

Logo & brand

Nested rounded squares stroke themselves on in sequence, then hand over to a solid fill as the wordmark masks up

Download preview432×432 preview render — the full-resolution file comes from running the component
3 seconds
Format
Logo Stroke Draw — Nested rounded squares stroke themselves on in sequence, then hand over to a solid fill as the wordmark masks up

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.

logorevealstingevolvepathstroke
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/logo-stroke-draw.tsx
Frame1080×1080
Duration90f · 3s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A logo sting where an abstract mark of nested rotated rounded squares draws itself on stroke by stroke, then the strokes cross-fade into solid fills and a wordmark masks up underneath.

Similar components

Etched Light Reveal — A wordmark cut into a brushed plate, invisible until a raking light travels across and catches the walls of the groove

Etched Light Reveal

16:9 · 5s

Integration Orbit — Partner marks arrive outward from a glowing hub onto two counter-rotating orbits, each counter-spun to stay upright

Integration Orbit

1:1 · 8s

Liquid Chrome Wordmark — A wordmark uncovered by a soft-edged wipe in flowing chrome, finished with one hard light streak and a floor reflection

Liquid Chrome Wordmark

16:9 · 5s

Logo Marquee Row — A trusted-by wall of drawn marks gliding leftward between two hairlines on a mathematically exact loop, soft-masked at both frame edges

Logo Marquee Row

16:9 · 8s

Particle Converge — Points fly in from off frame and resolve into a mark, each trail sampled from its own velocity so it stretches in flight and collapses on arrival

Particle Converge

9:16 · 5s