Text lines
Animation
⚙ Options
Left
Center
Top
Middle
Type on one line
All lines visible
Loop
Once
Sequential
Random
Preview
435 × 50 px
Loading...
Permalink
Markdown
HTML
URL only
Parameters reference
| Param | Default | Description |
|---|---|---|
lines | Hello+World! | Lines separated by ;, spaces as + |
animation | typing | Animation type (see picker above) |
color | 36BCF7 | Hex color without # |
background | 00000000 | Background hex (transparent by default) |
size | 20 | Font size in pixels |
font | monospace | monospace | code | sans | serif |
duration | 5000 | Duration per line in ms |
pause | 1000 | Pause between lines in ms |
width | 435 | SVG width in px |
height | 50 | SVG height in px |
center | false | Center text horizontally |
vCenter | false | Center text vertically |
multiline | false | Show all lines at once |
repeat | true | Loop animation |
random | false | Randomize line order |
letterSpacing | normal | CSS letter-spacing value |
separator | ; | Separator between lines |