A premium, studio-quality photobooth experience built for the web. Capture moments with artistic flair, customize your strip, and download high-resolution memories.
- 🎨 18+ Artistic Filters: From classic Black & White to trendy Vaporwave and Cinematic film looks.
- 🖼️ 12+ Premium Themes: Customizable strip backgrounds including Clean White, Midnight, Luxe Gold, and Vintage.
- 📐 Multiple Layouts: Choose between Classic Strip (vertical) or Grid 2×2 (square) layouts.
- 🪞 Mirror Mode: Toggle mirror flip for natural selfie-style capture.
- 🏷️ Custom Branding: Add your own text/label to the bottom of the photo strip.
- ⚡ Dramatic Experience: Features a real-time filter preview, animated countdowns, and shutter flash effects.
- 📥 High-Res Export: Download your final 4-shot strip as a high-quality PNG.
- ⌨️ Keyboard Ready: Use the
Spacebar for quick captures in a kiosk setting. - 🌓 Responsive Design: Sleek, modern interface that looks great on any screen.
- Core: React 18 + Vite
- Animations: Framer Motion
- Icons: Lucide React
- Export: html2canvas
- Styling: Vanilla CSS (Custom Properties & Modern Layouts)
-
Clone the repository
git clone https://github.com/vinskeeper/photobooth.git cd photobooth -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Build for production
npm run build
- Start Session: Click the "Start Session" button on the welcome screen.
- Customize: Choose your favorite filter and strip theme from the sidebar.
- Mirror Mode: Toggle mirror mode if you prefer a mirrored preview (like a selfie camera).
- Layout: Select between Classic Strip (vertical) or Grid 2×2 (square collage).
- Label: Enter a custom name for your strip (e.g., "Wedding 2024" or "Summer Vibes").
- Capture: Press the
Spacebar or click the "Capture" button. There's a 3-second countdown for each shot. - Auto Shoot: Use the "Auto Shoot All 4" button to automatically capture all 4 photos with timed intervals.
- Retake: Don't like a shot? Click the photo in the preview sidebar to retake that specific frame.
- Download: Once all 4 shots are done, hit "Download Strip" to save your high-res PNG.
- Classic Strip: Traditional vertical photo strip layout
- Grid 2×2: Square grid collage format perfect for social media
Toggle the mirror effect to see yourself as you would in a mirror, making it easier to pose naturally. When enabled, both the preview and captured image will be horizontally flipped.
This project is licensed under the MIT License - see the LICENSE file for details.
Designed and developed with ❤️ for professional event photography.