Overview
Readme Typing SVG generates animated SVG images that display a customizable typing-and-deleting text animation, commonly used in GitHub profile READMEs to add a dynamic introduction. You configure the text, font size, color, speed, and more via URL query parameters with no API key required. Just paste the generated URL into your Markdown file and the animation appears automatically.
Beginner Tip
Use the hosted demo at https://readme-typing-svg.demolab.com/demo/ to build your animation URL visually by filling out a form, then copy the generated Markdown or URL into your README. Multiple lines of text are passed as separate lines[] parameters in the URL.
Available Data
The kind of data this API exposes, based on its documentation. We could not call the endpoint to confirm the exact field names.
Example Response
Illustrative shape only — we were not able to call this endpoint (it requires credentials or exposes no public sample URL), so the fields below show the kind of data this API returns rather than a recorded response.
{
"id": "Dwu85P9SOIk",
"urls": {
"full": "https://images.unsplash.com/photo-...",
"regular": "https://images.unsplash.com/photo-...?w=1080",
"thumb": "https://images.unsplash.com/photo-...?w=200"
},
"width": 4000,
"height": 3000,
"user": {
"name": "John Doe",
"username": "johndoe"
}
} Field Reference
(SVG document) The entire response is an SVG XML document containing the animation; embed it via an img tag or inline SVG in your Markdown or HTML. Implementation Example
Calls a real endpoint of this API. Replace any placeholder credentials with your own key.
const url = "https://readme-typing-svg.demolab.com?font=Fira+Code&size=22&pause=1000&color=36BCF7&width=435&lines=Hello+World!";
const response = await fetch(url);
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data); What Can You Build?
Note: These code examples are AI-generated and unverified. Always refer to the official API documentation for accurate usage.
Common Errors & Troubleshooting
Generated guidance based on this API's documentation, not observed by us. Treat it as a starting point and check against the provider's own error reference.
Metadata Score Breakdown
Estimated from metadata — endpoint not independently tested
Metadata estimate · endpoint not independently tested
Technical Specifications
Related Tags
Similar APIs
View All →Lorem Picsum
⭐ Beginner's PickLorem Picsum provides free, beautiful placeholder images sourced from Unsplash with a simple URL-based API that requires no authentication.
PlaceKeanu
⭐ Beginner's PickPlaceKeanu is a fun, free placeholder image API that serves Keanu Reeves photos in any size you specify in the URL with no API key or sign-up needed.
ReSmush.it
⭐ Beginner's PickReSmush.it is a free image optimization API that compresses photos to reduce file size without visibly losing quality.
Screenshotlayer
⭐ Beginner's PickScreenshotlayer is a simple API that converts any URL into a screenshot image with a single HTTP request.
PhotoRoom
PhotoRoom API uses AI to remove backgrounds from product and portrait photos, producing clean PNG images with transparent backgrounds suitable for e-commerce and marketing.