Rain Background Maker
Make a rain background in your browser: streaks of rain over a sky gradient, from a light drizzle to a wind-driven storm, with optional water droplets on a window. Every streak is drawn from numbers, not photos: it falls at the angle you set, with a seeded spread for gusts, and nearer streaks are longer, wider and brighter. The same seed always gives the same rain at a given size; press New seed for new rain. Tick Seamless for a tile that joins edge to edge, or Transparent for rain alone on a clear background, to lay over your own picture. 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.
Rain
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 rain background
- Choose a preset, such as night rain, heavy storm, light drizzle or rain on a window.
- Set the angle, the amount of rain, the streak length and width, the gusts and the brightness.
- Add window droplets and haze, and pick the sky, rain and haze colours.
- Tick Seamless for a repeating tile, or Transparent for rain only; 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
- Video call and stream backgrounds
- A rain overlay for photos and thumbnails (transparent PNG)
- Album covers, posters and flyers
- Slide and title backgrounds
- Seamless page and game-level backgrounds
The 12 presets
| # | Preset | Angle | Streaks in Full HD | Window droplets |
|---|---|---|---|---|
| 1 | Night rain | +8° | 2509 | No |
| 2 | Heavy storm | +22° | 4334 | No |
| 3 | Light drizzle | +4° | 1140 | No |
| 4 | Rain on a window | 0° | 1597 | Yes |
| 5 | City lights in the rain | -10° | 2737 | Yes |
| 6 | Neon rain | +12° | 3193 | No |
| 7 | Grey day | +6° | 2281 | No |
| 8 | Blue hour rain | -6° | 2737 | Yes |
| 9 | Pastel rain | +10° | 2053 | Yes |
| 10 | Forest rain | +3° | 2509 | No |
| 11 | Wind-driven rain | +38° | 3650 | No |
| 12 | Rain at sunset | -14° | 2281 | Yes |
Each preset only fills in the fields; change any colour, setting or the seed afterwards.
The controls
| Control | Range |
|---|---|
| Angle | -45 to 45 |
| Amount of rain | 1 to 100 |
| Streak length | 5 to 100 |
| Gusts | 0 to 100 |
| Streak width | 0 to 100 |
| Rain brightness | 5 to 100 |
| Window droplets | 0 to 100 |
| Haze | 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 |
| Square tile | 1024 × 1024 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 |
|---|---|
| Rain streaks and window droplets, seeded and seamless | Rain Background Maker (this page) |
| Soft out-of-focus light circles | Bokeh Effect |
| Grain and noise over a colour | Noise Texture Generator |
| Curling smoke wisps | Smoke Background |
For soft light circles behind the rain, try the Bokeh Effect; for grain over a colour, the Noise Texture Generator.
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 of rain?
No. Every streak and droplet is drawn by our own code from numbers, so the picture is yours to use.
Will the same seed give the same rain?
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.
Does the angle setting really set the angle?
Yes. Every streak falls at the angle you set, plus a seeded spread for gusts of up to ± 10° at 100. Our tests measure the angle of every streak, and also read the angle back from the pixels of the picture.
How much rain is drawn?
The amount sets the number of streaks: 22 streaks per megapixel for each point, so a Full HD picture at 50 has 2281 streaks. Our tests count them.
Can it tile without a seam?
Yes. Tick Seamless: the sky becomes one flat colour (a top-to-bottom fade cannot repeat), and every streak, droplet and the haze wrap round the edges, so copies placed edge to edge join with no seam. Our tests check the joins by pixels and check that every streak crossing an edge carries on from the opposite edge.
Can I put the rain over my own photo?
Yes. Tick Transparent: the PNG has the rain alone on a clear background (no sky, haze or droplets), ready to lay over a picture in any editor.
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.