A free "Use Code" creator code overlay maker for Fortnite streamers. Type your code, pick a look, and download a transparent PNG you can drop straight into OBS. Everything runs in your browser, nothing to install.
- Open the site.
- Click the code in the preview and type yours. Same for "USE CODE" and "#AD" if you want to change them.
- Pick a preset, or change the colours yourself.
- Hit Download PNG.
That's it. Add the PNG to OBS as an Image source and you're done.
Each preset changes more than colours: shape, spacing, slant and layout all shift too. Your code and text stay put when you switch.
| Default The classic look, in ice blue. Square corners, 50% backing.  |
Pill Fully rounded, peach to pink, black code with a shadow.  |
| Speed Slanted text, gold diagonal gradient, bigger code.  |
Clean No backing, white box on the left. Made for busy gameplay.  |
Made a look you like? Name it and hit Save as preset. It's kept in your browser for next time.
- Click to edit: click any text in the preview and type right on top of it
- Real Fortnite font: Burbank Big Black, with a toggle for Burbank Big Condensed Black
- Gradient or solid code box, black or white code text
- Background opacity so gameplay shows through (50% by default)
- Rounding for the code box and the background, square by default like the in-game style
- Type exact numbers next to every slider instead of dragging
- Transparent PNG at 1x, 2x, 4x or 8x, or copy it straight to your clipboard
- Preview backgrounds: transparent, gameplay, or green screen, so you can see how it'll look on stream
- Light and dark mode
- Remembers your last overlay when you come back
- Download your PNG.
- In OBS, click + under Sources and pick Image.
- Browse to the PNG and click OK.
- Drag it where you want it. Hold Alt while dragging an edge to crop.
💡 Export at 4x (the default) so it stays sharp even if you scale it up in OBS.
| Section | What you can change |
|---|---|
| Text | Creator code, label ("USE CODE"), small text ("#AD"), show or hide #AD, condensed font, label and #AD colours |
| Code box | Gradient on/off, gradient colours or solid colour, black or white code text, rounding |
| Background | Colour, opacity, rounding |
| More | Label size, code size, slant, code box on the left, text shadow |
Reset everything at the bottom puts it all back to the Default preset.
Is it free? Yes.
Do I need to download or install anything? No. It's a website. The only thing you download is your PNG.
Is anything I type sent anywhere? No. The whole thing runs in your browser. Your code and settings are only saved in your own browser.
My saved presets disappeared. They live in your browser's storage, so clearing site data or using a private window will lose them.
Can I use it for games other than Fortnite? Sure. Change "USE CODE" to whatever you want.
Copy image doesn't work. Not every browser supports copying images. Use Download instead.
The whole site is one file. Download index.html and open it in your browser, it works offline. The fonts are embedded in the page, so there's nothing else to grab.
To host your own copy, fork this repo and turn on GitHub Pages: Settings > Pages > Deploy from a branch > main / root.
Built by fwsoapy. Also check out SeedForge and the Fortnite Ranked Overlay.
Burbank Big Black and Burbank Big Condensed Black are by House Industries, used with permission.