Background
Characters: 0

📚 Library Management

Image uploads support up to 20 MB each (characters, backgrounds, presentation overlays). Files are stored in this browser, not in the page URL.

Characters

Backgrounds

Full-stage backdrop only. Use Presentations for overlay images and videos on the TV.

Presentations

What you present on stage: overlay images (PNG transparency) above the background and below your puppet, or videos on the TV. Backgrounds stay separate. Use Use, then align images in ⚙️ Settings.

Local video: Browse saves the file in this browser and plays right away. Or link by path (e.g. videos/clip.mp4) if the file sits next to the app.

Mouths

☕ Buy me a coffee

Thanks for the support! Choose how you'd like to pay:

Pay with Wise Bank transfer / international Pay with Paystack Card & mobile money

⚠️ Reset Library

This will reset your character, background, and presentation libraries back to the default images from the folders. All uploaded images and customizations will be lost.

This will also reset your custom keyboard shortcuts and mouth images back to the defaults.

Are you sure you want to continue?

📱 Mobile Device Detected

This application was designed for larger screens (desktop/tablet) and works best with a keyboard.

For the best experience, please use a desktop or laptop computer.

🎭 Welcome to Puppet Animator!

Get started quickly with these tips. Reopen anytime with ❓ Help in the top bar. Use the button below to choose whether this guide appears when you launch the app.

⚙️
Settings Button
Click the ⚙️ Settings button in the top right to view all keyboard controls and adjust character settings like size and mouth alignment.
📚
Library Button
Use the 📚 Library button to manage characters, backgrounds (full-stage images), and presentations (overlay images or TV videos). Keep your backdrop separate from what you present on the TV.
⌨️
Keyboard Controls
Animation: W Mouth Up | S Mouth Down | A Rotate Left | D Rotate Right
Movement: ↑ ↓ ← → Arrow Keys | Space Jump
Characters: 1-9 Switch Character | { } Cycle Characters
Backgrounds: < > Cycle
Presentations: ; ' Cycle | O Hide/Show overlay | IJKL Move overlay
Video (TV): V Back | B Play/Pause | N Forward
UI: H Hide/Show Character | M Hide/Show UI | R Reset | Esc Close Settings