The Muse

Where every portrait is a version of you.

A luxurious, browser-based digital photobooth. Pick a signature filter, strike a pose through a live countdown, curate your favorite frames, then export a styled photostrip — all wrapped in an ivory-and-burgundy, old-money aesthetic with fluid Framer Motion animation throughout.

Features

• Live camera studio — real-time filtered preview with film grain and a flash simulation on capture
• Six signature filters — Rouge, Flashback, Bella, Noir Portrait, Sepia Archive, and Golden Hour, each a distinct color grade (temperature, contrast, grain, vignette, sepia/grayscale blends) applied consistently in both the live preview and the final export
• Guided session flow — Filter → Shot Count → Capture → Curate → Layout & Export, with animated transitions between each step
• Curation — review your captured frames and select the four keepers
• Export layouts — Strip, Grid, or Collage, in Ivory, Burgundy, Noir, or Champagne frame themes, rendered to a downloadable PNG

Tech stack

• React 19
• Vite
• Framer Motion for animation
• Canvas-based rendering pipeline for color grading, grain, vignette, and export composition

Getting started

npm install
npm run dev

Then open the printed local URL in your browser and allow camera access.

Build

npm run build
npm run preview

Project structure

src/
  ui/        session screens (camera, filter picker, capture, curator, export)
  filters/   filter presets and the color-grading engine
  render/    canvas grain, vignette, and flash effects
  export/    layout engine and photostrip frame styling
  engine/    session state machine and capture logic