Skip to content

Readme Typing SVG

Dynamically generated, customizable SVG that gives the appearance of typing and deleting text for use on your profile page, repositories, or website.

ref-reporef-online-toolref-official-doc

Parameters

Click to show/close parameters

NameTypeRequiredDefaultDescriptionMore Description
ref-querys
linesstringtrueThe multi-line text to displayText to display with lines separated by ; and + for spaces.
heightnumber50Height of the output SVG in pixels
widthnumber400Width of the output SVG in pixels
sizenumber20Font size in pixelsUnit: pixels.
fontstringmonospaceFont familyAny font from Google Fonts.
colorstring36BCF7Color of the textFormat: HEX e.g. FF0000.
backgroundstring00000000Background color of the textFormat: HEX e.g. FF0000.
centerbooleanfalseText horizontal alignmentSupported: true (horizontal center) false (left align).
vCenterbooleanfalseText vertical alignmentSupported: true (vertical center) false (center top).
multilinebooleanfalseText line break displaySupported: true (wrap lines) false (retype on one line).
durationnumber5000Duration of the printing of a single line in milliseconds
pausenumber0Duration of the pause between lines in millisecondsUnit: milliseconds.
repeatbooleantrueLoop around to the first line after the last
separatorstring;Separator used between lines in the lines parameter
letterSpacingstringnormalLetter spacingFormat: CSS color.
txt
https://readme-typing-svg.demolab.com{?lines,height,width,size,font,color,background,center,vCenter,multiline,duration,pause,repeat,separator,letterSpacing}

Examples

markdown
![Readme Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&pause=1000&width=435&lines=Hello+World;Badge+Collection)
Readme Typing SVG

Badge Collection (v3.0.5) MIT Licensed