Dual Camera Stop Motion Studio is a browser-based stop motion animation and multi-camera capture application that allows creators to capture synchronized frames from two cameras, use onion skin overlays, import reference images, and save files directly to local folders.
Perfect for stop motion animation, product photography, miniature photography, toy photography, stereoscopic imaging, and frame-by-frame production workflows.
- 📷 Dual camera support
- 🎞 Frame-by-frame image capture
- 🧅 Onion skin overlay
- 🗂 Save directly to local folders
- 🖼 Source reference image support
- ⌨️ Spacebar capture shortcut
- 📚 Capture timeline preview
- ⚡ Fast local-first architecture
- 💾 Browser-based file management
- 🎯 Frame numbering and automatic naming
- Select left and right cameras.
- Choose output folders.
- Import source/reference frames.
- Position your subject.
- Press Space to capture.
- Images are automatically saved.
- Onion skin overlay helps align the next frame.
- Continue until the sequence is complete.
| Technology | Purpose |
|---|---|
| React | UI |
| TypeScript | Type Safety |
| TanStack Router | Routing |
| Zustand | State Management |
| Tailwind CSS | Styling |
| Indexdb | Local Database Storage |
| File System Access API | Direct Folder Access |
| react-hotkeys-hook | Keyboard Shortcuts |
| Vite | Development & Build Tool |
Connect two USB cameras and capture synchronized frames from both sources.
Supported use cases:
- Stop motion production
- Product photography
- Multi-angle capture
- Stereoscopic imaging
- Motion analysis
Overlay the previously captured frame on top of the live camera feed.
Benefits:
- Consistent frame alignment
- Smooth animation movement
- Reduced positioning errors
- Faster production workflow
Images are saved directly to user-selected folders using the browser's File System Access API.
Example output:
0001_L.jpg
0001_R.jpg
0002_L.jpg
0002_R.jpg
0003_L.jpg
0003_R.jpg
No uploads. No cloud storage. Everything remains local.
Import a sequence of reference images and display them alongside live camera feeds.
Useful for:
- Animation tracing
- Recreating existing motion
- Product assembly instructions
- Educational demonstrations
Review previously captured frames without leaving the capture screen.
Features:
- Instant thumbnail preview
- Frame history
- Capture verification
- Quick progress overview
| Shortcut | Action |
|---|---|
| Space | Capture Frame |
Designed for hands-free operation during shooting sessions.
This application relies on:
- File System Access API
- MediaDevices API
- Webcam permissions
Recommended browsers:
- Google Chrome
- Microsoft Edge
Safari and Firefox currently have limited support for direct folder access.
Dual Camera Stop Motion Studio aims to provide a lightweight, local-first alternative to expensive stop-motion software by combining modern web technologies with direct camera and filesystem access.
Built for creators who need speed, simplicity, and complete control over their capture workflow.
This project is licensed under the MIT License. See the LICENSE file for details.
Kundan Bhosale
- GitHub: https://github.com/kundanbhosale
- Website: https://www.kbstack.com
Contributions are welcome.
If you'd like to improve the project:
- Fork the repository
- Create a feature branch
- Commit your changes
- Open a Pull Request
Bug reports, feature requests, and discussions are encouraged.
Found a bug or have a feature request?
Please open an issue and include:
- Browser version
- Operating system
- Camera hardware used
- Steps to reproduce
- Screenshots if applicable
