Animated, font-rich SVG banners for your README. No uploads, no login — paste and go.

Try Builder ↓
Click any card to load the theme into the builder.
| Param | Type | Default | Description |
|---|---|---|---|
| text | string | Hello World | Main heading text |
| sub | string | — | Subtitle / subheading |
| font | string | Caveat | Any Google Font name (spaces OK) |
| bg1 | hex | 0d0d0d | Background gradient start |
| bg2 | hex | 1a1a2e | Background gradient end |
| t1 | hex | ff6b9d | Text gradient start |
| t2 | hex | a855f7 | Text gradient end |
| sc | hex | a78bfa | Subtitle color |
| size | number | 52 | Main font size px (14–90) |
| subsize | number | auto | Subtitle font size px |
| width | number | 860 | Banner width px (300–1600) |
| height | number | auto | Banner height px (50–500) |
| align | enum | center | left · center · right |
| transparent | 0|1 | 0 | Transparent background |
| pattern | string | none | dots · grid · diagonal · crosshatch · circles · hex · zigzag · waves · plus · triangles |
| patcolor | hex | ffffff | Pattern color |
| patop | 0–100 | 10 | Pattern opacity % |
| animate | string | none | fadein · slidein · slideup · glow · bounce · pulse · shake · rotate · typewriter |
| shadow | hex | — | Text shadow color |
| shadowblur | number | 8 | Shadow blur radius |
| shadowx | number | 0 | Shadow X offset |
| shadowy | number | 3 | Shadow Y offset |
# Hi, I'm Ali 👋

Welcome to my GitHub profile!