glitch-art
image/svg+xml · GET /{text}

Your text, glitched.

Type a word and get a self-contained SVG — fonts embedded, colors doubled, motion included. Paste the URL into any markdown or HTML.

Live preview: “Glitch Art” glitched (Sour Gummy)
/Glitch%20Art?font=Sour%20Gummy
Open

One URL, any surface

Each example renders live — the image on the left is the URL on the right. No account, no build step.

Passion in Sour Gummy

Markdown — README badges

Paste into .md files: a repo header, a status line, a footer. One image, no HTML.

![Passion](https://glitch-art.vercel.app/Passion?font=Sour%20Gummy&fw=500)
Hello World in Sour Gummy

HTML — anywhere

Any <img> slot: dashboards, docs, email, slides. The URL is the whole API.

<img src="https://glitch-art.vercel.app/Hello%20World" alt="Hello World" />
Passion, canvas auto-fit to the textPassion, fixed canvas at 460×64 with auto font-sizePassion, fully controlled 460×64 at 64px Sour Gummy 500

Smart sizing — three ways

Omit w/h and the canvas fits the text; fix the canvas and the font size adapts; pin everything and it obeys.

/Passion                    // auto canvas
/Passion?w=460&h=64         // fixed box, auto font
/Passion?fs=64&w=460&h=64   // fully controlled
Query parameters
AliasLegacyDescription
— pathwordThe text to render
twordText as a query param fallback
ffontGoogle Fonts family (readable alias: font) — find here ↗
fsfontSizeFont size in px (auto when omitted)
fwfontWeightFont weight, e.g. 400 / 500 / 700
wwidthCanvas width in px (auto when omitted)
hheightCanvas height in px (auto when omitted)
c1color1First (base) text color
c2color2Second (glitch) text color
bgbackgroundBackground color