Paper that crumples, folds or rolls up, then opens frame by frame. Drawn entirely in code.
A skill that teaches your AI agent to make this effect for your videos, in endless variations.
English · Español · Deutsch · Français · 日本語 · 简体中文 · Português
Download the skill · Get started · Read the skill
Works with
Claude Code ·
JavaScript ·
GSAP
Your agent builds a sheet of paper from small triangles, crumples it into a ball, an accordion, a folded note or a scroll, and opens it again at a hand-made 8–12 frames per second.
- Every sheet is different: ball shapes, torn edges and colours are all adjustable.
- Text and doodles are printed on the paper, so they bend and crease with it.
- No image model needed: it runs in any browser canvas, HyperFrames or Remotion.
Note
This skill is still improving. When a project finds a better crumple or a new paper shape, the skill gets updated here.
-
Download
paper-unfold-mesh.zipand unzip it into your agent's skills folder (for Claude Code:~/.claude/skills/). -
Ask your agent for it in plain words, for example:
Show our three steps on an accordion strip of paper that unfolds one fold at a time.
Or install with git:
git clone --depth 1 https://github.com/OpenRootdev/paper-unfold-mesh ~/.claude/skills/paper-unfold-mesh- A video made from code that draws on a canvas (HyperFrames, Remotion or a web page).
- A paper texture and a desk photo for the background (any you like).
- Nothing else: no image model, no extra installs.
SKILL.md· The instructions your agent follows, including what went wrong and ideas to try.examples/paper-unfold-trials.html· The full source of the 9-scene demo reel.
Preview media lives on the assets branch and translations on translations, so main holds only the skill.
Paper Unfold Frames
The photo-real version: an image model draws the unfold, so it looks like real paper photographed frame by frame.
MIT licence · OpenRootdev
