// AI NEWS · FEATURE

Lofi Cities: A Free Browser App That Generates Endless Lo-Fi Over Animated Pixel-Art Skylines

Lofi Cities (loficities.com), by Safa Elmali, pairs animated pixel-art city nights with lo-fi music synthesized live in your browser. It hit the Hacker News front page in late September 2026, and it gives study, focus, and streaming creators a zero-friction ambient backdrop — no account, no download, works offline.

2026-09-27 · by Moe Ameen

What happened

Lofi Cities, at loficities.com, is a free web app that pairs animated pixel-art cityscapes with lo-fi music generated live in the browser. Built by Safa Elmali, it surfaced on Hacker News as a Show HN in late September 2026 and reached the front page. The pitch is simple: pick a city, let it run, and you get an endlessly varying night scene with a matching soundtrack that never quite repeats.

The technical choices are what make it interesting. Each scene is a small pixel animation — a 480×270 sprite grid, per the creator — that loops seamlessly, and the music is synthesized in real time via the Web Audio API rather than played from recorded samples or loops. Because both the visuals and the audio are generated in the browser, the whole thing keeps running offline once it has loaded, and it can be installed as a progressive web app from a browser's "Install" or "Add to Home Screen" option. Commenters on the launch thread noted FM-synthesis in the audio and small animated touches like boats moving across the water.

There is real control over the mood. A "Vibe" panel lets you pick a music style — jazzhop is the default, with piano, ambient, bossa, synth, house, guitar, sad, and medieval also on offer — set the mood to chill or upbeat, and choose the instrumentation (full band, no drums, or chords only). Weather effects like rain, snow, and autumn leaves layer over the scene, and the app can auto-switch between its roster of cities (Paris, Tokyo, New York, London, and around a dozen more) or follow nighttime around the globe.

For creators, two export paths matter. You can save the current frame as a 1080p PNG for free (the save button in the player, or the S key), which is a wallpaper or thumbnail backdrop. And the creator sells four-minute 1920×1080 MP4 loops at 60fps — silent video, for personal use and for monetized video/livestream backgrounds with a required on-page Lofi Cities credit — through Gumroad, with those video assets described as AI-assisted. There's also an OBS-friendly mode that hides the UI, aimed at streamers. The site itself stays free, with optional support via Buy Me a Coffee.

Why it matters for creators

  • It removes the two hardest parts of an ambient/lo-fi channel — the art and the music — for free. No account, no download, and it runs offline as an installable web app, so a study or focus creator gets an on-brand animated backdrop and soundtrack with zero production.
  • The audio is a generated live stream, not downloadable stems. That is a genuine ambiance and streaming edge, but it also means the music isn't a licensed track you drop under an edited video — worth knowing before you plan a workflow around it.
  • The paid, silent MP4 loops (1920×1080, 60fps) are the useful video asset here: monetized use is allowed with a required Lofi Cities credit, and they make an easy backdrop bed for study-with-me videos, lo-fi playlists, and stream scenes.
  • Streamers get an OBS-ready animated scene out of the box, which is a real time-saver versus commissioning or looping a static background.
  • It is a vibe layer, not a content operation. Lofi Cities makes the backdrop and the sound; it doesn't script, caption, clip, or publish anything — so growing an audience around it is still a separate job.

How to act on this with Kompozy

A tool like this is catnip for the aesthetic-content niche — study-with-me, focus timers, lo-fi playlists, cozy-stream channels — because it hands you a signature look and sound for nothing. But a backdrop doesn't grow a channel. The work that actually moves subscribers is the promotional and repurposed content around each session: the announcement post, the teaser, the vertical short, the carousel. That layer is exactly what [Kompozy](/) generates. It's a content generation and publishing engine, not a background maker, so the honest division of labor is clean — Lofi Cities supplies the scene, Kompozy supplies the content operation that turns it into an audience.

Concretely: point Kompozy at your channel's theme and it can produce a batch around each new "study with Tokyo" or "rainy Paris" drop — a faceless [Naturalistic Video](/glossary/content-repurposing) or Listicle Video with title and body cards over a portrait clip, [Quote Graphics](/glossary/persona-tweet) with the calm-focus lines your niche shares, Carousel Posts teasing the vibe, plus text posts and a short blog or newsletter. If you front the channel yourself, a talking-head [Persona Short](/glossary/persona-shorts) reads your script to camera with [auto-captions](/glossary/b-roll). Then [Autopilot](/glossary/autopilot) schedules and publishes the set across the eight social platforms plus your blog and a Mailchimp newsletter, with a per-post review gate in front so nothing ships unattended. Use Lofi Cities to set the mood; use Kompozy to make and distribute the content that sends people to it.

Quick takeaways

  • Lofi Cities (loficities.com) is a free browser app by Safa Elmali that pairs animated pixel-art city nights with lo-fi music generated live in the browser; it front-paged Hacker News in late September 2026.
  • The music is synthesized in real time via the Web Audio API — no samples — and both visuals and audio keep running offline once loaded; the app installs as a PWA.
  • A "Vibe" panel controls style (jazzhop, piano, ambient, bossa, synth, house, guitar, sad, medieval), mood (chill/upbeat), and instrumentation; weather effects and auto city-switching add variety.
  • You can save a scene as a free 1080p PNG; four-minute silent 1920×1080 60fps MP4 loops are sold via Gumroad for personal use and, with a required on-page credit, monetized use, and an OBS mode hides the UI for streamers.
  • It's a vibe layer — a backdrop and a soundtrack — not a content tool: it doesn't script, caption, clip, or publish, so building an audience around it is a separate job.

Frequently asked questions

What is Lofi Cities?

Lofi Cities (loficities.com) is a free browser app by Safa Elmali that pairs animated pixel-art city nights with lo-fi music generated 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. It works offline once loaded and installs as a progressive web app.

Is Lofi Cities free?

The web app is free to use, with optional support via Buy Me a Coffee. You can save the current scene as a 1080p PNG at no cost. The creator separately sells four-minute 1920×1080 MP4 video loops (at 60fps, silent) through Gumroad, for personal use and, with a required on-page Lofi Cities credit, monetized video or livestream backgrounds.

How is the music in Lofi Cities generated?

It is synthesized in real time in your browser using the Web Audio API, rather than played from recorded samples or pre-made loops. That is why it can run offline and never quite repeats. A "Vibe" panel lets you choose the style, mood, and instrumentation.

Can I use Lofi Cities for a YouTube or Twitch stream?

Yes. There is an OBS-friendly mode that hides the interface so the animated scene can act as a stream backdrop, and the paid MP4 loops permit monetized use as background video with a required Lofi Cities credit. Note the in-browser music is a live generated stream, not downloadable audio, so it is meant for ambiance and streaming rather than as a licensed track under an edited upload.

Related news

← All AI news · Get started →