Animated text headers for your profile

Clean, animated headings for GitHub profile READMEs. Write your own text, or use built-in words like "About me" and "Projects", your status, or a quote of the day. Choose an effect, copy one line of Markdown.

Custom text typed out with a blinking caret — `say/Hi%2C%20I'm%20a%20developer/typing`

Hello typed out with a blinking caret — `hello/typing`

About me in a gradient wave — `about-me/wave/gradient`

Projects with an underline and sparkles — `projects/underline/sparkles`

Welcome in rainbow serif letters — `welcome/rainbow/serif`

The owner's current status on a glowing card — `status/card/glow`

A quote fading in letter by letter — `quote/serif/fade`

URL builder

Image URL

Markdown

![Hello!](https://readmes.pages.dev/text)

Preview

All options

Options are path segments after https://readmes.pages.dev/text/, in any order. A trailing .svg is allowed. An unknown option renders a small error badge.

What to show

Option	Effect
`say/<text>`	Your own text, up to 60 characters, for example say/Hello%2C%20I'm%20Aki. Spaces are written %20. The query form ?text=... works too. Links are not allowed.
`<word>`	A built-in header text: hello, hi, welcome, hello-world, about-me, projects, featured, skills, tech-stack, tools, experience, open-source, now, currently, learning, working-on, blog, stats, contact, get-in-touch, support, thanks. Default hello.
`status`	The owner's current status, chosen with a secret link. The demo shows a sample status.
`quote`	A random line from the owner's quote list. The demo uses sample lines.
`daily`	With quote: one line per day instead of a new one on every load.

Effect

Option	Effect
`none`	No animation (default).
`typing`	Letters appear one by one behind a blinking caret, then start over.
`wave`	Letters bob up and down in a gentle wave.
`fade`	Letters fade in from left to right, rest, then fade out.
`glow`	A soft pulsing glow behind the text.
`speed-N`	Animation speed in percent, 25 to 400 (default 100).
`static`	Turn every animation off, including rainbow and sparkles.

Look

Option	Effect
`sans`, `serif`, `mono`	Font (default sans): Arial, Times New Roman or Courier New and their equivalents.
`size-N`	Font size in pixels, 16 to 96 (default 40); also in rem, e.g. size-2rem (1rem = 16px).
`px`	Pin the image to exact pixels. By default it is sized in rem, so it grows with the reader's browser font size.
`color-RRGGBB`	Text and accent color as 3 or 6 hex digits without #.
`warm`	Use the warm readmes palette (cream and cocoa) instead of GitHub's own text colors, which are the default.
`gradient`	Orange to pink to lavender gradient across the text.
`rainbow`	Each letter in its own color, slowly cycling.
`upper`, `lower`	Change the letter case.
`underline`	Rounded accent line under the text.
`sparkles`	Twinkling sparkles around the text.
`card`	Rounded card background.
`border-N`	Card border in pixels, 0 to 8; implies card.
`auto`, `light`, `dark`, `transparent`	Theme (default auto).

Your own status and quotes

Custom text works right here with say/. To show a status you can switch with one link, or your own list of quotes, copy the template repository and deploy it to a free Cloudflare Pages project. Your statuses and quotes live in private environment variables, and a secret link switches your status, so you never have to edit your README.