_{Open source from Noise Factor · more projects}

Photobox

Photo Booth clone powered by the Noisemaker shader pipeline. Real-time WebGL effects on your webcam feed.

Features

• 3x3 live preview grid with shader effects
• Tabbed effect categories (Effects, Distortions)
• Photo capture and video recording
• Filmstrip gallery with IndexedDB persistence
• Mobile responsive with front/rear camera switching
• No build step — pure vanilla JS with ES modules

Getting Started

Requires Node.js 18+.

npm install
npm run dev

Open http://localhost:3005 in your browser. Grant camera access when prompted.

Testing

npx playwright install  # first time only
npm test

Tech Stack

• Vanilla JavaScript (ES modules, no framework)
• Noisemaker shader pipeline via CDN
• Playwright for end-to-end testing
• Served with http-server — no build tools needed

License

MIT — Copyright (c) 2026 Noise Factor LLC