OPEN SOURCE. OPEN POSSIBILITIES.
Small stories. Real motion.
An open-source animation toolkit for people who like to make things. Create with JavaScript or a coding agent. Preview in your browser. Export video on your computer.
Made on your computer Yours to edit MIT licensed
✳ A little code. A whole little world.
THE LOOP ROOMVOL. 002
100% editable
▶
Preview position in seconds
00:00 / 00:40
One More Light PIXEL ADVENTURE / 01
01 / PIXEL Bring them home
02 / COMEDY Find your part
03 / PAPER Let it grow
Draw something. ✳ Give it a beat. ✳ Make it move. ✳ Share the source.
01 — THE SCREENING ROOM
Nine little worlds.Endless starting points. Six new stories, three compact starters. Different worlds. Different soundtracks. All made with Looplilt. All yours to explore.
01 Pixel adventure02 Jazz-club comedy03 Art Deco postcard04 Luminous motion05 Ink on paper06 Isometric miniature07 Paper-world starter08 Explanation starter09 Pixel-comedy starter
LOOPLILT ORIGINAL / 01 40 SEC · 30 FPS
Pixel grid · Camera cuts · Character acting Wide 16:9 Tall 9:16
01 / PIXEL ADVENTURE
The light goes out. Someone has to go. A storm, a stranded boat, and a lighthouse keeper with one last battery. Five shots move from a sleeping harbor to the machinery inside the tower.
THE SCORE Strings, plucked melody, a restrained chip lead, and coastal weather.
LOOPLILT ORIGINAL / 02 36 SEC · 30 FPS
Ensemble staging · Close-ups · Comic timing Wide 16:9 Tall 9:16
02 / JAZZ-CLUB COMEDY
Everyone has a part. Even the quiet one. A newcomer arrives at Small Hours with a triangle and terrible timing. An accidental foot tap becomes the missing piece of the band.
THE SCORE Piano-like keys, walking bass, brass, brushed drums, and a well-timed triangle.
LOOPLILT ORIGINAL / 03 24 SEC · 30 FPS
Parallax · Atmosphere · Camera movement Wide 16:9 Tall 9:16
03 / ART DECO POSTCARD
The last train. A light left on. Across a moonlit viaduct, the last train follows a small light home. Layered scenery gives way to a close view of the person waiting at the platform.
THE SCORE A lilting string-and-piano waltz with a slowing railway rhythm.
LOOPLILT ORIGINAL / 04 24 SEC · 30 FPS
Glow · Trails · Depth layers Wide 16:9 Tall 9:16
04 / LUMINOUS MOTION
A stubborn wall. A better way around. Two signals can see each other but cannot connect. After a collision, one discovers a route above the city. A detour becomes a shared rhythm.
THE SCORE Layered electronic groove, rounded bass, pads, percussion, and a warmer final chord.
LOOPLILT ORIGINAL / 05 22 SEC · 30 FPS
Organic paths · Washes · Transformation Wide 16:9 Tall 9:16
05 / INK ON PAPER
Just a leaf. Until it says hello. A curious fish nudges a drifting leaf. The leaf wakes, turns, and joins it. A small encounter told with brush-like marks, ripples, and space to breathe.
THE SCORE Plucked strings and marimba trade phrases above a quiet pond ambience.
LOOPLILT ORIGINAL / 06 24 SEC · 30 FPS
Isometric projection · Mechanisms · Acting Wide 16:9 Tall 9:16
06 / ISOMETRIC MINIATURE
A little weight. A big difference. Two friends are separated by a roof. A tiny helper steps onto a counterweight, turning an idle pulley into a way to meet.
THE SCORE A music-box ensemble with plucked strings, soft piano, and timed mechanical details.
LOOPLILT ORIGINAL / 07 16 SEC · 30 FPS
Growth · Character · Texture Wide 16:9 Tall 9:16
07 / PAPER-WORLD STARTER
A seed. A shower. A very small miracle. A little rain, a patient seed, and a visitor with excellent timing. Begin here to explore texture, growth, and the browser remixer.
THE SCORE A compact, gentle procedural melody.
LOOPLILT ORIGINAL / 08 16 SEC · 30 FPS
Geometry · Trails · Timing Wide 16:9 Tall 9:16
08 / EXPLANATION STARTER
A circle becomes an explanation. Follow a point around a circle. Keep its height, trace its past, and a wave appears. A small starting point for an explanation of your own.
THE SCORE A regular pulse that follows the geometry.
LOOPLILT ORIGINAL / 09 16 SEC · 30 FPS
Character · Staging · Comedy Wide 16:9 Tall 9:16
09 / PIXEL-COMEDY STARTER
Special delivery. Unexpected dimensions. One robot. One parcel. One unusually particular door. A short starter about staging a readable visual punchline.
THE SCORE A playful compact score with timed accents.
↳ Every film is an editable project. The six new stories use Looplilt’s stereo sound studio; the compact starters keep the simpler original scores. Wide and tall versions are composed for their frame.
02 — INSIDE THE LITTLE STUDIO
From a few lines to a little life. Two project files. A whole creative loop. Plain JavaScript, with room for your imagination.
drawFrame ({ ctx, t }) { circle(t); addALittleWonder(); }
01 / MAKE A SCENE
Start with a drawing. Your timeline lives in project.json. Your world lives in draw.js. Shapes, characters, charts: it is all editable.
02 / FIND THE FEELING
Give every beat space. Open a standalone player. Scrub, replay, and tune the timing. Add a procedural score, captions, or your own narration.
16:9 1:1 9:16
03 / SEND IT INTO THE WORLD
A film, in your format. Render wide, tall, or square MP4s locally. Keep the source beside the finished film, ready for the next idea.
03 — YOUR TURN
Big possibility.Small first step. Start with a seed. Change a color, a shape, a moment. Your first film is only a few commands away.
Read the complete setup guide ↗ Node.js 22+ for HTML previews. Video export adds Chromium and FFmpeg.
YOUR FIRST LOOP Copy commands
git clone https://github.com/alaaNfissi/Looplilt.git
cd Looplilt
node bin/looplilt.mjs init my-film
node bin/looplilt.mjs build my-film --out my-film.html↳ Open my-film.html in your browser. Your little world is ready to play.
OR, START WITH A CONVERSATION
“Set it upfor me.” Give this prompt to a coding agent with file and terminal access. It will aim for a working HTML film first, then add video tools when you need them.
Installation details & compatibility ↗ YOUR SETUP PROMPT Copy prompt
No Looplilt account or API key. Your agent needs permission to work in your chosen folder.