REST — NO AUTH — SVG RESPONSE
THE API
Send a GET request. Get an animated SVG. One endpoint, plain query parameters, no keys to manage.
GET /api/svg?text=Chromaflow&template=aurora-borealis&height=120RESPONSE — RENDERED LIVE BY THIS PAGE
01QUICK START
Four requests, four results
BASIC REQUEST
https://gradient-svg-generator.vercel.app/api/svg?text=Hello%20World&height=120
Text only. Every other parameter falls back to its default.
WITH A TEMPLATE
https://gradient-svg-generator.vercel.app/api/svg?text=AI%20Project&template=neural-network&height=150
Pass a template name to apply a curated color and motion set.
CUSTOM COLORS
https://gradient-svg-generator.vercel.app/api/svg?text=Custom&color0=ff0000&color1=00ff00&color2=0000ff&height=120
Supply your own hex stops with color0, color1, color2.
ADVANCED — MULTI-STOP
https://gradient-svg-generator.vercel.app/api/svg?text=Rainbow&gradientType=spiral&color0=ff0000&color1=ff8000&color2=ffff00&color3=00ff00&color4=0000ff&duration=10s&height=180
Combine gradientType, five color stops, and a custom duration.
02PARAMETERS
Everything you can pass
| NAME | TYPE | DEFAULT | RANGE / VALUES | DESCRIPTION |
|---|---|---|---|---|
| text REQ | string | — | Hello%20World | The text to display in the gradient. |
| height | number | 120 | 150 | Height of the SVG in pixels (30–300). |
| template | string | — | neural-network | Template name from the gallery. |
| gradientType | string | horizontal | spiral | Type of gradient effect. |
| duration | string | 6s | 8s | Animation duration. |
| color0, color1, ... | string | — | ff0000 | Gradient colors in hex, without the leading hash. |
03INTEGRATIONS
Drop it into your stack
04KEEP GOING