Beautiful coding quotes for your GitHub README.
CodeQuote renders a random programming quote as a self-contained SVG card on every request. Drop one image tag into your README and it just works, with no JavaScript, no database, and no account.
01 · README usage
Add it to your README in one line
Paste the Markdown snippet below anywhere in your README.md. GitHub re-fetches the image on every view, so the quote changes over time.
02 · API
A single, predictable endpoint
No API key, no rate-limit headers to manage, no request body. One GET request returns one SVG.
curl -i "https://codequote.vercel.app/api/quote.svg?theme=github"Content-Type: image/svg+xml
Cache-Control: no-cache| Parameter | Values | Default |
|---|---|---|
theme | dark, light, github, dracula, nord, monokai, solarized, gruvbox, onedark, tokyonight, catppuccin, synthwave, ayu, rosepine | dark |
author | substring match, e.g. Torvalds | any |
font | sans, serif, mono | sans |
width | 380–900 (px) | 600 |
03 · Features
What you get
Random on every request
A fresh quote is selected from a curated set each time the endpoint is hit.
Self-contained SVG
No external images or fonts, so the card renders identically anywhere it's embedded.
README-ready
Built specifically to sit inside a Markdown image tag on GitHub, GitLab, or npm.
Themeable
Switch between dark, light, or an auto-adapting GitHub-aware theme via a query parameter.
No account, no database
Nothing to sign up for and nothing about you gets stored.
Open source
MIT licensed. Read the code, self-host it, or send a pull request.
Built in the open
CodeQuote is a small, MIT-licensed project. Browse the source, open an issue, or contribute a new quote.