Ambient Wall
A browser-based ambient environment — layering generative visuals, sound, and utility tools into a single living display.
Project Summary
Ambient Wall is a personal project built around the idea of turning a screen into a living, breathing environment. Rather than a static wallpaper or screensaver, it combines several interactive layers that users can personalize and leave running as a background display.
Features
Animated Backgrounds
A selection of generative and looping background animations give the wall its ambient character. Each scene is designed to be visually calm and non-distracting — suitable for focus sessions, presentations, or just having something beautiful on screen.
Clock
A live clock is overlaid on the display, styled to complement whichever background is active. It stays readable at a glance without demanding attention.
Timers
Users can set countdown timers directly within the interface — useful for Pomodoro sessions, cooking, or any timed task where you want the countdown visible in the background without switching apps.
Ambient Music
Ambient audio tracks can be played alongside the visuals, completing the environmental feel. The audio is designed to loop seamlessly and pair with the mood of the selected background.
Video & Audio Input Testing
Ambient Wall includes a built-in tool for testing your camera and microphone inputs — handy before a meeting or recording session. Users can preview their video feed and monitor audio levels without leaving the browser.
Technology Stack
- React
- Next.js
- Web Audio API
- MediaDevices API
- Vercel