Badges for apps built on BuildBase
Three badges, four themes, three sizes. Free to use, quick to paste, and yours to remove whenever you want.
Follows the reader's system theme. Best default.
Leave it blank for a plain badge. Fill it in and every visit the badge sends is credited to you. Lowercase letters, numbers, hyphens.
You do not need the SDK on the page showing the badge. Run BuildBase behind your app and put the badge on a Webflow or Framer landing page, a WordPress footer, a README, or plain HTML. It is an image, not a component. The React snippet below is a convenience for apps that already have the SDK, not a requirement.
Webflow, Framer, WordPress, hand-written HTML, anywhere. Nothing to install: the badge is an image, not a component.
<a href="https://www.buildbase.app/?utm_source=badge&utm_medium=built-with" target="_blank" rel="noopener">
<img src="https://www.buildbase.app/badge/v1/built-with.svg?theme=auto"
alt="Built with BuildBase" width="144" height="48" loading="lazy" />
</a>Every snippet links to www.buildbase.app/?utm_source=badge&utm_medium=built-with, so we can see which badges send traffic. Nothing is set on your page: no cookie, no script, no tracking pixel. The referral code rides in the link, not in the image.
Getting credit for the traffic
Optional, and off unless you fill in the referral field. The badge works exactly the same without it.
Plain
No code, no params. What you get if you paste and forget.
https://www.buildbase.app/?utm_source=badge&utm_medium=built-with
With a referral code
Fill in the field above. Visits the badge sends are credited to you.
https://www.buildbase.app/?utm_source=badge&utm_medium=built-with&ref=acme-studio
With your own params too
A referral and a campaign are different facts, so they ride as different params. Add whatever else your analytics needs.
https://www.buildbase.app/?utm_source=badge&utm_medium=built-with&ref=acme-studio&utm_campaign=spring-launch&plausible_id=footer
A referral code is not a campaign. ref says who sent the visitor and who gets credited. utm_campaign says which piece of marketing they clicked. We keep them as separate params and never write one from the other, so a badge in your footer does not turn up in our reporting as a campaign named after you.
Anything else you add rides along untouched. The snippet is your link on your page. Add the params your own analytics wants and they reach us verbatim; we read the ones we understand and ignore the rest. Nothing is rejected for being unfamiliar, and nothing needs escaping first.
On an affiliate program? We also accept ?via=your-name, the param the affiliate tools bake into the link their dashboard gives you. Send it instead of, or alongside, ref - we keep the two apart, because which one a visit came in on is what decides where the credit gets settled.
Codes are lowercase letters, numbers, hyphens and underscores, up to 64 characters. Anything else is tidied into that shape rather than refused - a code we cannot read costs the credit, never the image. The code travels on the link only: the badge image itself is the same file for everyone, which is what keeps it cached and free.
What it costs the page it sits on
A badge goes in someone else's footer, so it has to be close to free. Everything below is a property of the file, not a promise.
One request, then never again
Roughly 2 KB over the wire, cached for a year. The wordmark is drawn as outlines, so there is no font to fetch and it renders the same on a machine that has never installed Inter.
Nothing runs on your page
It is an image tag. No JavaScript, no cookie, no tracking pixel. The width and height ship in the snippet, so it reserves its own box and contributes nothing to layout shift.
Follows your dark mode
The auto theme carries both palettes and switches on the reader’s system setting, with no script. GitHub caches one rendering through its image proxy, so pick light or dark for a README.
Yours to remove
No plan requires a badge and nothing checks for one. Put it up because you want to, take it down whenever you like.
Using them
Short version: paste the snippet and leave it alone.
- Keep the proportions. Scale it, do not stretch it.
- Keep the colours. The three themes exist so you do not have to recolour anything.
- Keep the link pointing at buildbase.app.
- Do not rebuild the artwork by hand. Point at /badge/v1/ and you always get the current, correct version.
Building on BuildBase and want your product listed on our site as well? Tell us what you shipped.