Cyberpunk Background Maker
Make a cyberpunk background in your browser: a night city skyline in rows of towers, far to near, with lit windows, antennas, glowing neon sign blocks and a haze of magenta and cyan light. Everything is drawn from numbers by our own code, not photos, and the signs carry abstract neon bars, never words or logos, so it works behind your own text. Set the number of building rows, the skyline height, how many buildings, the lit windows, the neon signs, the glow and the haze, and pick the colours. The same seed always gives the same city at a given size; press New seed for a new one. Download a PNG at 12 screen sizes from 4K desktop to phone, a full-page print PDF (Letter or A4) or a 300 DPI print PNG. Nothing is uploaded.
100% private — everything runs in your browser. Everything runs in your browser; nothing is uploaded.
The download is drawn at full size from the same seed and settings as the preview, so it has the same layout with finer detail. The same seed always gives the same picture at a given size.
City
Colours
Size
Runs in your browser with our own code: nothing is uploaded or saved. You may use what you make here, including commercially, with no credit needed.
How to make a cyberpunk background
- Choose a preset, such as magenta and cyan neon city, night skyline, hot pink haze or dense towers.
- Set the building rows, the skyline height and how many buildings there are.
- Set the lit windows, the neon signs, the antennas and spires, the neon glow and the haze.
- Pick the sky, building, window and two neon colours; change the seed until you like it.
- Pick a screen size and download the PNG, or download the print PDF or the 300 DPI print PNG.
What you can use it for
- Desktop and phone wallpapers
- Stream, video call and channel backgrounds
- Album covers, posters and flyers
- Slide and title backgrounds
- Website hero sections and banners
- Printed backdrops
The 12 presets
| # | Preset | Building rows | Neon signs | Lit windows |
|---|---|---|---|---|
| 1 | Magenta and cyan neon city | 4 | 14 | 35 % |
| 2 | Night skyline, cyan glow | 4 | 10 | 30 % |
| 3 | Hot pink haze | 5 | 12 | 30 % |
| 4 | Teal and violet | 4 | 12 | 35 % |
| 5 | Smoggy orange night | 5 | 10 | 40 % |
| 6 | Dense towers | 5 | 24 | 45 % |
| 7 | Minimal skyline, few signs | 2 | 3 | 18 % |
| 8 | Deep purple dusk | 4 | 10 | 28 % |
| 9 | Cyan monochrome | 4 | 12 | 32 % |
| 10 | Acid green signs | 4 | 14 | 30 % |
| 11 | Red and blue neon | 4 | 14 | 32 % |
| 12 | Tall towers for a phone | 4 | 18 | 40 % |
Each preset only fills in the fields; change any colour, setting or the seed afterwards.
The controls
| Control | Range |
|---|---|
| Building rows | 1 to 5 |
| Skyline height | 10 to 100 |
| Buildings | 1 to 100 |
| Lit windows | 0 to 100 |
| Neon signs | 0 to 40 |
| Neon glow | 0 to 100 |
| Haze | 0 to 100 |
| Antennas and spires | 0 to 100 |
Download sizes
| Size | Pixels |
|---|---|
| 4K desktop | 3840 × 2160 px |
| QHD desktop | 2560 × 1440 px |
| Full HD | 1920 × 1080 px |
| Ultrawide | 3440 × 1440 px |
| Phone | 1080 × 2400 px |
| Large phone | 1290 × 2796 px |
| Tablet portrait | 2048 × 2732 px |
| Square post | 2048 × 2048 px |
| Story | 1080 × 1920 px |
| Header banner | 1500 × 500 px |
| Video call background | 1920 × 1080 px |
| Slide | 1920 × 1080 px |
| Print, US Letter | PNG 2550 × 3300 px (300 DPI); PDF 1700 × 2200 px (200 DPI) |
| Print, A4 | PNG 2480 × 3508 px (300 DPI); PDF 1654 × 2339 px (200 DPI) |
Which tool to use
| You want | Use |
|---|---|
| A neon city skyline with lit windows and signs | Cyberpunk Background Maker (this page) |
| Glowing neon lettering for your own words | Neon Sign Generator |
| RGB split and scan-line glitches on a picture | Glitch Effect |
For glowing lettering to put over the city, try the Neon Sign Generator; for a glitched look on a finished picture, the Glitch Effect. For a typeface to set over the city, see our list of cyberpunk fonts.
More free tools
More background and wallpaper tools?
Background makers and image tools that run privately in your browser, with no sign-up and no watermark.
Frequently asked questions
Is this a photo?
No. Every building, window and sign is drawn by our own code from numbers, so the picture is yours to use.
Will the same seed give the same city?
Yes. The same seed and settings give the same pixels at the same size. Our tests draw each preset twice and compare a hash of the PNG; a different seed gives a different picture.
Is there any text or logo on the signs?
No. The neon signs are a glowing outline with abstract bars inside; no letters or words are ever drawn, so you can add your own text.
Does Lit windows set the share of lit windows?
Yes. Each window is lit with that chance, using the seed. Our tests count the lit windows across the city and check the share is close to the setting.
Does it have a grid floor or a sun?
No. The sky is a plain night gradient and the bottom of the picture is the city itself. Our tests check that every row of open sky is one even colour.
Can it tile without a seam?
No. The sky fades towards the horizon and the city stands on the bottom edge, so the picture is made to fill one screen or page, not to repeat.
Is it free?
Yes. There is no sign-up, no watermark and no limit.
Is anything uploaded?
No. Everything is drawn by JavaScript in your browser and nothing is sent anywhere.