Skip to content
Get Friday PicksSubmit

A foldable iPhone drawn as an animated spec sheet

A 13-second film a user made with dimensional-drawing: a concept foldable iPhone appears as clean line drawings with front, side, top and exploded views, measurements and labels building up one by one.

0:00(no audio track)

Video: @LawrenceW_Zen on X, shown with credit. Press play; sound is on unless you mute it.

Why it's here

A reference for what dimensional-drawing can make. The creator says it was made with this tool, and the repo is public. We checked the link: github.com/enesozturk/dimensional-drawing.

Make one like it

  1. Open the dimensional-drawing page and follow the install steps.
  2. Describe the video you want in plain words: subject, length, mood, music.
  3. Let the agent render it, then ask for changes (pacing, colours, text) until it looks right.

Sources & credit

The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.

More reference videos

A dialog component drawn as an Apple-style spec sheet thumbnailAPP DEMO0:11

A dialog component drawn as an Apple-style spec sheet

The author's 11-second demo of dimensional-drawing: the sheet draws itself line by line, starting on the header close-up, pulling back to the plan view, lifting the layers into an exploded view and ending on the full page of measurements.

dimensional-drawing@enesozturkdev♥ 3.3k
HyperFrames demo: animated video from HTML, CSS and JS thumbnailMOTION0:18

HyperFrames demo: animated video from HTML, CSS and JS

A short tour of what HyperFrames renders, plus its built-in editor. Works in Claude Code, Cursor, Codex and Gemini.

HyperFrames@midudev♥ 2.8k
rossark-motion launch loop: a drawn kid that feels alive thumbnailMOTION0:09

rossark-motion launch loop: a drawn kid that feels alive

The skill's own demo: a silhouette floats in, a cartoon kid drops, lands with a squash, kicks a rolling ball and waves, all drawn and animated in code at 60 fps inside a phone frame.

rossark-motion@rossark0♥ 2k
Reel of motion techniques from Awesome AI Motion thumbnailMOTION0:20

Reel of motion techniques from Awesome AI Motion

A fast tour of techniques catalogued in the awesome-ai-motion guide, which the first reply links.

awesome-ai-motion@beamnxw♥ 1.1k
Motion Prompt: a clickable dictionary of moves for your agent thumbnailMOTION0:19

Motion Prompt: a clickable dictionary of moves for your agent

A 20-second scroll through the gallery: motion-graphics moves, camera moves, UI parts, landing-page effects and photo looks play as labelled samples, and picked ones are sent to Claude Code with their specs.

Motion Prompt@Voxyz_ai♥ 936
pixelfx: 232 pixel-art effects, all written in code thumbnailMOTION0:40

pixelfx: 232 pixel-art effects, all written in code

A 40-second reel of the library: lightning, freezes, respawns and explosions on a pixel character, the full grid of 232 effects, one frost nova recoloured and reseeded in code, sprite-sheet export, and the skill taking an explosion from first draft to done.

pixelfx@rehan_shei♥ 728