Playful video built from a set of hand-drawn sketches

Name: Playful video built from a set of hand-drawn sketches
Uploaded: 2026-09-24T12:46:43.000Z
Duration: 78 s
Channel: Abderrahmen Gharsallah
Description: A playful, joyful video built from hand-drawn sketches, filled with watercolor-style flowers, a butterfly, a bee and a smiling sun; rendered in JavaScript over about 80 minutes using the creator's wife's art as reference.

Abderrahmen GharsallahVERIFIED

@abderrahmen_g

VIEW ORIGINAL ON X ↗

109 views · 1 likes · 1 saves · 0 reposts · Posted Sep 24, 2026 · 1:18 · Motion graphics

OUR NOTEA playful, joyful video built from hand-drawn sketches, filled with watercolor-style flowers, a butterfly, a bee and a smiling sun; rendered in JavaScript over about 80 minutes using the creator's wife's art as reference.

THE CREATOR'S POST

Opus 5.5 is mind blowing @claudeai ! Joining the trend of javascript videos a bit late but wanted to try it myself. I just gave it some sketches from my wife's art and some sample videos and it produced the following video in 1h 20 min. One prompt : "You are a professional videographer. Create me a high-definition, creative, playful, and joyful video that you enjoy watching, that has sounds matching the frames using JavaScript. Use as much as possible of the input images—hand-drawn—to make it more creative and more authentic from input-pictures. You can also be inspired by, but not copy, the videos created by you in video-examples/, especially this: video-examples/twitter_claude.mp4. You're really creative, so produce the best of what you can." Github repo in the thread.

THE PROMPT

Open brief with reference assets

You are a professional videographer. Create me a high-definition, creative, playful, and joyful video that you enjoy watching, that has sounds matching the frames using JavaScript. Use as much as possible of the input images—hand-drawn—to make it more creative and more authentic from input-pictures. You can also be inspired by, but not copy, the videos created by you in video-examples/, especially this: video-examples/twitter_claude.mp4. You're really creative, so produce the best of what you can.

MAKE ONE LIKE THIS

Three steps, using what the creators in this index used.

1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS →
2 · Long piece? Give Claude a framework
ALL VIDEO SKILLS →
3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →

HOW IT WAS MADE

The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.

LOOK

hand-drawncharacter-animationgenerative-art