MOTIONSTASH
All components

Doodle Card Stack

Diagrams

Hand-drawn marker cards drop into a stack bottom row first, each outline wobbled off true by its own seed

Download preview432×768 preview render — the full-resolution file comes from running the component
5 seconds
Format
Doodle Card Stack — Hand-drawn marker cards drop into a stack bottom row first, each outline wobbled off true by its own seed

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.

illustratedhand drawnlightverticalstackplayfulmarker
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/doodle-card-stack.tsx
Frame1080×1920
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A vertical frame where flat illustrated cards drop in and build up into a pyramid, bottom row first. The outlines must look hand-drawn with a marker — wobbling off true, thicker at the corners — not like rounded rectangles. Flat colour fills only, no gradients. Let them overshoot slightly as they land, since they are light illustrated objects, and pop a hand-drawn star above the top card once the stack completes.