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
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)