flashback-booth Svelte Themes

Flashback Booth

A retro-style photobooth app built with Svelte and Vite.

Flashback Booth

Vibecoded retro-style photobooth app built with Svelte and Vite. Designed to capture the magic and nostalgia of physical photobooths directly in your browser.

Features

  • Nostalgic Aesthetic: Meticulously designed visual language that feels tactile, physical, and memorable.
  • Customization: Select from different frame styles (classic white, pure black, darkroom film strip) and filters (B&W or Color).
  • Interactive Capture: Theatrical countdown and flash effects for an authentic experience.
  • Darkroom Processing: An immersive "developing" experience that animates your photos being exposed and fixed.
  • Strip Generation: Automatically assembles 4 photos into a classic vertical strip using HTML5 Canvas.
  • Preservation: Download your finalized photo strip locally or print it directly.

Getting Started

  1. Clone the repository.
  2. Install dependencies:
    npm install
    
  3. Start the development server:
    npm run dev
    
  4. Open your browser at the local URL provided (usually http://localhost:5173).

Technologies

  • Svelte 5 & Vite: Extremely fast development environment and optimized builds.
  • HTML5 Canvas: performant, client-side rendering of the final image.
  • Modern CSS: OKLCH color spaces, container queries, and fluid typography.

Contributing

Contributions are welcome! If you have ideas for new frames, filters, or architectural improvements, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Top categories

Loading Svelte Themes