This single-page web app, built with vanilla JavaScript, HTML, and CSS, measures how fast and accurately you type. It displays a random passage, tracks every keystroke in real time, and instantly calculates:
Words per minute (WPM)
Characters per minute (CPM)
Accuracy% (correct vs. total keystrokes)
Time elapsed
When the timer ends or the passage is finished, detailed results and personal-best stats are shown, with an option to restart or copy your score.
Step | What to Do | What You’ll See |
---|---|---|
1. Start the test | Press Start (or hit Enter) | The timer begins, and the first word is highlighted |
2. Type naturally | Type the passage exactly as shown. Correct letters turn green; misspellings turn red | Immediate visual feedback keeps you on track |
3. Finish or timeout | When you reach the last character or the timer (default 60s) hits zero | Auto-scrolls to the results panel |
4. Review & share | See WPM, CPM, accuracy, error list, and a personal leaderboard in localStorage | Copy your score link or click Restart to try again |
Benefit | Why It Matters |
---|---|
Instant skill feedback | See speed and accuracy the moment you finish—no page reloads. |
Error awareness | The real-time color-coding trains your eyes to spot and correct mistakes quickly. |
Progress tracking | LocalStorage stores your last 10 scores, motivating continuous improvement. |
No sign-up, no ads | Runs entirely client-side; nothing is sent to a server, preserving privacy and loading fast, even offline via PWA caching. |
Open-source & customizable | Fork the repo, adjust the word list, themes, or add multiplayer mode—great for portfolio pieces or classroom demos. |
Responsive & accessible | Works smoothly on phones, tablets, and desktops, with ARIA labels and keyboard-only navigation for accessibility compliance. |
Students honing touch-typing before exams.
Developers warming up their fingers before a coding session.
Data-entry professionals measure productivity goals.
Teachers/trainers are embedding the widget in LMS platforms.
Gamified challenges on community sites—public leaderboards boost engagement.
Last Update | 24 Aug, 2025 |
Created | 18 May, 2025 |
Technology Used | Html Css Javascript |
Compatible With | Any Browser |
Documentation | No |
Layout | Responsive |
Total Download | 44 |
Total Views | 125 |
Tags |