DEV Community

Chad Brunswick
Chad Brunswick

Posted on • Originally published at billion-typingtest.pages.dev

I built a typing speed test in a single HTML file (23KB, zero dependencies)

I've been building single-file web tools that work entirely in the browser. Zero npm, zero frameworks, zero backend. My latest: a typing speed test.

How Fast Can You Type? — Free Typing Speed Test

What it does

  • 10 different real text passages (no lorem ipsum)
  • Real-time character highlighting — green for correct, red for errors
  • Timer starts on first keystroke
  • Shows WPM, accuracy, and a rating (Legendary / Fast / Average / Slow)
  • Challenge friends with a shareable link that shows your score

The build

One HTML file. 23KB total. Vanilla JS. Hosted on Cloudflare Pages free tier.

The hardest part was handling mobile keyboards correctly — turns out you need a hidden input element to trigger the soft keyboard, and then mirror keystrokes to the display. CSS user-select: none on everything except the hidden input, or autocorrect will fight you.

Try it

billion-typingtest.pages.dev

I scored 87 WPM. The average is 40-60. Would love to know where you land — there's a "Challenge a Friend" button that generates a compare link.

Top comments (0)