Lofi Cities, accessible at loficities.com, is a free website featuring animated pixel-art depictions of city nights from 16 locations: Paris, Tokyo, New York, London, Rio de Janeiro, Istanbul, Hong Kong, Sydney, San Francisco, Hamburg, Amsterdam, Dubai, Madrid, Rome, Prague, and Munich. Each scene includes ambient city sounds and lofi music that is generated in real time within the user’s browser.
The music composition uses the Web Audio API to synthesize chords, drums, bass, and melody without relying on pre-recorded samples, meaning every track is procedurally unique. Users can select from nine musical styles—jazzhop, lofi piano, ambient, bossa nova, synth city pop, lofi house, chill guitar, sad lofi, or medieval lofi—and adjust whether the music is chill or upbeat, and whether to play the full band, drums-only, or chords alone.
The site is designed primarily as a background for studying or working. Users can access fullscreen mode, hide the interface, or use a picture-in-picture mini player that floats over other applications. A Tour feature automatically switches between cities every 5, 10, 15, or 30 minutes, or can display whichever city is closest to 1 a.m. local time, moving westward across time zones. A Weather option adds rain, snow, falling autumn leaves, or clear skies to any scene, with corresponding changes to the ambient soundscape.
Lofi Cities includes collaborative features. A live counter displays how many people are currently listening to each city, how many visited that day, and lifetime statistics. Users can send floating hearts, notes, stars, or moons to others in their city, release paper lanterns, or send short text messages limited to 80 characters. These interactions are anonymous, using randomly generated two-word names, with no accounts required.
Additional features include a Pomodoro-style focus timer (25 or 50 minutes of work with breaks) and a sleep timer that gradually fades the audio. The site works offline after an initial online visit and can be installed as a home screen app. Users can save scenes as 1080p PNG wallpapers, and lofi Cities also offers downloadable video loops of all 16 cities through Gumroad. The site uses no cookies, storing user preferences and anonymous identifiers in browser local storage instead.
Key facts
- Lofi Cities features 16 pixel-art cities with browser-generated lofi music using Web Audio API
- The site runs entirely in-browser with no downloads, accounts, or sign-ups required
- Music is procedurally generated in real time, creating unique tracks without pre-recorded samples
- Users can customize music style, toggle between chill and upbeat, and adjust which instruments play
- Features include city auto-rotation, weather effects, focus timer, sleep timer, and offline functionality
- Collaborative features allow anonymous messaging and floating emojis between users in the same city
- Live counters show real-time listener counts per city and lifetime statistics