GitHub README banners
Add a polished header to any open-source repo. Seed it with your project name for a consistent look.
Pick a seed. Get a backdrop.
fondor generates deterministic, infinitely scalable SVG backgrounds from any string. Free, open-source, and ready to embed anywhere.
geo / neon
blob / cool
topo / earth
noise / dark
gradient / pastel
Where fondor fits
Any place you need a background, fondor works out of the box.
OG & social images
Generate unique open graph images per page. Pass the post slug as a seed — same slug, same backdrop, every time.
Notion & doc covers
Drop a backdrop URL into any tool that accepts image URLs. Works with Notion, Linear, Coda, and more.
Twitter / X banners
Pick a style and seed, copy the URL, paste it as your banner image. No design tool needed.
App loading screens
Use a seeded backdrop as a placeholder while your app loads. Deterministic means it never flickers.
Email headers
Embed a backdrop as a full-width header image in HTML emails. Lightweight SVG keeps file sizes tiny.
Free foreverNo API key requiredDeterministic outputMIT licensedEdge-ready
Playground
Preview your generated SVG backdrop in real-time.
https://fondor.dev/api/v1/geo/fondor?palette=warm&w=1500&h=500Documentation
Everything you need to integrate fondor into your applications.
URL Structure
GET /api/v1/[style]/[seed]?w=[width]&h=[height]&palette=[palette]- style: The generation pattern (required).
- seed: Any string to deterministically generate the pattern (required).
- w & h: Image dimensions in pixels (defaults to 1500x500).
- palette: The color theme (defaults to warm).
Styles
| Name | Description |
|---|---|
| gradient | Smooth color transitions, linear or radial |
| dots | Layered circles with bokeh depth |
| geo | Geometric shapes: rects, triangles, hexagons |
| lines | Diagonal stripes and crosshatch patterns |
| topographic | Concentric contour lines from a focal point |
| blob | Organic aurora-like blobs with soft blur |
| noise | Turbulent texture tinted by palette |
| plain | Solid color with subtle vignette |
Palettes
| Name | Theme |
|---|---|
| warm | Reds, oranges, and amber |
| cool | Blues and cyan tones |
| earth | Greens, browns, and cream |
| mono | Black, white, and greys |
| neon | Electric magentas, cyans, and greens |
| pastel | Soft pinks, yellows, and blues |
| dark | Deep blacks, teals, and warm sand |
Embed Examples
HTML Image Tag:
<img src="https://fondor.dev/api/v1/geo/hello-world?palette=cool&w=1200&h=630" alt="Backdrop" />Markdown:
CSS background-image:
background-image: url('https://fondor.dev/api/v1/blob/my-project?palette=dark&w=1920&h=1080');