A free browser app that pairs animated pixel-art city nights with lo-fi music generated live in your browser — no account, no download, works offline, and installs as a progressive web app.
Last verified · 2026-09-27 · by Moe Ameen
Lofi Cities, at loficities.com, is a free web app that pairs animated pixel-art cityscapes with lo-fi music synthesized live in your browser. You pick a city — Paris, Tokyo, New York, London, and around a dozen more — and it plays an endlessly varying night scene with a matching soundtrack. Built by Safa Elmali, it surfaced on Hacker News in late September 2026 and reached the front page. The site is free, with optional support via Buy Me a Coffee.
Nothing here is pre-recorded, which is what makes it notable. Each scene is a small pixel animation (a 480×270 sprite grid, per the creator) that loops seamlessly, and the music is generated in real time through the Web Audio API rather than played from samples — so it never quite repeats. Because both the visuals and the audio are produced in the browser, the whole app keeps running offline once loaded, and it installs as a progressive web app on phone, tablet, or desktop.
A "Vibe" panel gives real control: a music style (jazzhop by default, plus piano, ambient, bossa, synth, house, guitar, sad, and medieval), a mood toggle (chill or upbeat), and instrumentation (full band, no drums, or chords only). Weather effects — rain, snow, autumn leaves — layer over the scene, and the app can auto-switch between cities or follow nighttime around the globe.
One scope note worth stating plainly: Lofi Cities is an ambiance and backdrop tool, not a music-production or content tool. The in-browser music is a live stream you listen to, not stems you can export; the downloadable video is a separate paid product; and there's no scripting, captioning, editing, or publishing here. It makes a beautiful vibe — nothing more, and nothing it pretends otherwise.
The most useful thing Lofi Cities gives a creator isn't the listening experience — it's a ready-made visual identity for a faceless aesthetic brand. A study, focus, or cozy-lo-fi channel lives or dies on a consistent look and a steady output of short-form content, and this app hands you the look for free (a free PNG still, or the paid MP4 loop — monetized use allowed with a required Lofi Cities credit — as a backdrop bed). What it doesn't hand you is the content that fills the feed. That's the gap [Kompozy](/) closes: it's a generation and publishing engine, so where Lofi Cities stops at a backdrop, Kompozy produces the actual posts and video around it.
Concretely, use the Lofi Cities scene as your channel's signature backdrop, then let Kompozy generate the short-form that grows it. Its faceless [Naturalistic Video](/glossary/content-repurposing) and Listicle Video formats put title and body cards over a portrait clip — a natural match for calm, aesthetic short-form — while [Quote Graphics](/glossary/persona-tweet) turn focus and calm-productivity lines into shareable image posts, and Carousel Posts and text posts tease each new "study with Tokyo" or "rainy Paris" drop. If you want a face on the channel, a [Persona Short](/glossary/persona-shorts) reads your script to camera with [auto-captions](/glossary/b-roll). One idea fans into a batch across video, image, and text, and [Autopilot](/glossary/autopilot) schedules and publishes it across the eight social platforms plus a blog and a Mailchimp newsletter — with a per-post review gate before anything ships. Lofi Cities sets the vibe; Kompozy builds the content engine that turns it into a following.
The web app at loficities.com is free with no account, login, or watermark on scenes you save, and it works offline once loaded. The creator asks only for optional support via Buy Me a Coffee. The one paid element is a set of four-minute MP4 video loops sold through Gumroad.
No. The music is synthesized live in your browser via the Web Audio API rather than played from files, so there's no track or stems to export. It's built for listening in the app and as ambiance, not as a royalty-free music library to place under an edited video.
For streams, yes — an OBS-friendly mode hides the UI so the scene works as an animated backdrop, and the paid MP4 loops permit monetized use with a required Lofi Cities credit on the page. For edited uploads, the loop is silent and the in-app music can't be exported, so you'd supply your own audio and use a tool like Kompozy to build the actual video and captions.
Lofi Cities gives you the look and sound; the posts are a separate job. Use the scene as your signature backdrop, then use Kompozy to generate faceless short-form video, quote graphics, carousels, and text posts around each drop, and schedule them across platforms — the app makes the vibe, Kompozy makes and ships the content.