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 computerYours to editMIT licensed
A little code.
A whole little world.
THE LOOP ROOMVOL. 002
100% editable
00:00 / 00:40
One More LightPIXEL ADVENTURE / 01
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.

LOOPLILT ORIGINAL / 0140 SEC · 30 FPS
Pixel grid · Camera cuts · Character acting

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 SCOREStrings, plucked melody, a restrained chip lead, and coastal weather.

LOOPLILT ORIGINAL / 0236 SEC · 30 FPS
Ensemble staging · Close-ups · Comic timing

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 SCOREPiano-like keys, walking bass, brass, brushed drums, and a well-timed triangle.

LOOPLILT ORIGINAL / 0324 SEC · 30 FPS
Parallax · Atmosphere · Camera movement

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 SCOREA lilting string-and-piano waltz with a slowing railway rhythm.

LOOPLILT ORIGINAL / 0424 SEC · 30 FPS
Glow · Trails · Depth layers

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 SCORELayered electronic groove, rounded bass, pads, percussion, and a warmer final chord.

LOOPLILT ORIGINAL / 0522 SEC · 30 FPS
Organic paths · Washes · Transformation

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 SCOREPlucked strings and marimba trade phrases above a quiet pond ambience.

LOOPLILT ORIGINAL / 0624 SEC · 30 FPS
Isometric projection · Mechanisms · Acting

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 SCOREA music-box ensemble with plucked strings, soft piano, and timed mechanical details.

LOOPLILT ORIGINAL / 0716 SEC · 30 FPS
Growth · Character · Texture

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 SCOREA compact, gentle procedural melody.

LOOPLILT ORIGINAL / 0816 SEC · 30 FPS
Geometry · Trails · Timing

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 SCOREA regular pulse that follows the geometry.

LOOPLILT ORIGINAL / 0916 SEC · 30 FPS
Character · Staging · Comedy

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 SCOREA playful compact score with timed accents.

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.

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.

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.

Canvas drawings + Procedural sound + Captions + Local exportLook under the hood ↗

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
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 up
for 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 ↗

No Looplilt account or API key. Your agent needs permission to work in your chosen folder.

MADE TO BE MADE YOUR OWN

What will you
set in motion?

A tiny story. A clearer explanation. Something wonderfully odd.
There is room for all of it.

Get Looplilt on GitHub Download the stable toolkit ↓Made something? Share your film ↗