Skip to workspace
PixelOkay
Stop Motion StudioFrame-by-frame animation workspace
Local-only workspace
Tools
LIVE WORKSPACE

Stop Motion Studio

Your animation starts here

Enable your camera or import PNG images to build a stop-motion movie.

PREVIEW
Capture frameSpace or click shutter
Ready — connect a camera or import frames640 × 360 · 0 frames
ANIMATION

Frame timeline 0 frames

Your captured or imported frames will appear here. Drag a frame to reorder it.

Tip: drag frames to rearrange. Each frame can have a different duration.← → browse · Space capture · Ctrl+S save

Create stop motion animations directly in your browser

PixelOkay Stop Motion Studio turns photos and webcam captures into frame-by-frame animated movies. Align each shot with onion skin overlays, add images to the timeline, fine-tune how long each frame stays visible, and preview your animation instantly. Export an animated GIF for sharing, a PNG frame collection, or a playable video when your browser supports MediaRecorder.

How onion skin works

While your camera is running, the previous captured frame appears as a translucent guide. Adjust opacity and toggle a composition grid to line up small movements consistently.

Audio and video

Import a soundtrack and choose its volume and start time. Supported video exports render the timeline in real time using local browser media APIs. GIF and frame ZIP exports are silent.

Are my files uploaded?

No. Images, camera video and audio are processed on your device. Local recovery is best effort and browser-storage limits apply; download your editable project regularly.

New stop motion project

Choose an animation canvas size. Starting a new project replaces the current workspace.

Export animation

Exports are generated locally. Video renders in real time; long animations will take longer.

Output format

Local recovery

The latest and previous recovery copies are stored on this device when available. Storage may be cleared by the browser. Download a project file for reliable archiving.

Checking storage…

Keyboard shortcuts

Space Capture webcam frame · Left/Right Select frame · Delete Delete selected frame

Ctrl/⌘+Z Undo · Ctrl/⌘+Shift+Z Redo · Ctrl/⌘+S Download editable project

Import still images if your camera is unavailable. Frame timing ranges from 50 ms to 10 seconds. GIFs, PNG sequences, and storyboards do not contain audio.

Using Stop Motion Studio

Import images or explicitly start the camera, arrange frames and adjust their duration. Preview onion skins, add a supported soundtrack if needed and export the format you want alongside an editable project backup.

GIF and frame ZIP outputs are silent. Video records in real time with browser-dependent codecs, a duration limit and cancellation when the tab is hidden. The GIF fallback can block the interface; browser recovery is best effort and is not a substitute for project downloads.

Choose a silent animation, video or editable frame sequence

Practice: move a paper shape across three frames

  1. Capture three stills with camera permission, or import three pictures you own with the object in different positions.
  2. Arrange the frames and adjust durations, using onion skins to inspect movement.
  3. Save the project, preview the sequence and choose the handoff format. Verify any video soundtrack separately.

This is an authored animation plan, not a captured sequence or a playback test.

Stop-motion export questions

Why is my GIF or frame ZIP silent?

Those formats export visual frames without the soundtrack. Use the supported video workflow when the handoff needs audio, then review sound and synchronization.

Can I export video in the background without keeping the tab visible?

Video uses real-time browser recording, with codec and duration limits, and is cancelled when the tab is hidden. Keep it visible through completion. GIF fallback behavior and large exports also depend on available browser resources.

Related tools