← back to what-i-have-built

Speed Reading Studio

13 Jun 2026 HTMLCSSJavaScriptProductivityReadingUtility Web ApplicationProductivity Tools
⬡ view on github ↗ live demo

Overview

Speed Reading Studio is a browser-based reading trainer that helps you push your reading speed without sacrificing comprehension. Load any text — paste it directly, upload a PDF, or drop a plain-text file — configure your training options, and let the reader stream the content at your target WPM. Speed increases automatically after each completed page, so every session nudges your baseline higher.

Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • File Parsing: Client-side PDF and plain-text extraction
  • Architecture: Single-page application, zero backend

Key Features

  • Flexible Input — Paste text directly, upload a PDF, or upload any plain-text file; loaded content appears instantly with an estimated read time and word count
  • Adaptive Speed — WPM slider starting at 250; speed auto-increments after each completed page to progressively build reading pace
  • Focus Important Words — Highlights semantically important words while auto-blurring common filler words, training attention on content that matters
  • Focus Mode (Fullscreen) — Opens the reader full-screen to eliminate distractions; Esc returns to normal view
  • After Read Effect — Choose how completed words are marked: Blur, Hide, or Text Color Change
  • Pause & Resume — Space pauses and resumes mid-session; Ctrl+Enter starts reading; Ctrl+Delete clears and resets
  • Session History — Each completed session logs starting WPM, achieved speed, percentage improvement, and focus mode state
  • Session Complete Summary — Trophy screen shows average WPM across the session with a full history table for the current page

Note: Session history is scoped to the current browser tab and clears on page refresh — it is not persisted to local storage or any backend.

How It Works

  1. Load content — paste text into the textarea or upload a PDF/text file
  2. Configure — set your starting WPM, toggle Focus Important Words and/or Fullscreen, pick an after-read effect
  3. Start — click “Enter & Start Reading” or press Ctrl+Enter; the Reader View streams words at your chosen speed
  4. Track — live badges show current page, current WPM, live speed, and total words read
  5. Review — after each session the history table records your speed gains so you can track improvement over time

Try It Out

Live at speedreader.mrashutoshnigam.in — no login, no install, works in any modern browser.

// gallery
Session complete — 255 WPM average with session history showing start speed, improvement %, and focus state
Session complete — 255 WPM average with session history showing start speed, improvement %, and focus state
Dark mode — full layout with content input, speed controls, focus options, and reader view
Dark mode — full layout with content input, speed controls, focus options, and reader view
Light mode — clean layout showing the same controls in a bright theme
Light mode — clean layout showing the same controls in a bright theme
Active session — Focus Important Words highlights key terms while common words blur out
Active session — Focus Important Words highlights key terms while common words blur out
Fullscreen focus mode — text streams across the full viewport; current word highlighted mid-sentence
Fullscreen focus mode — text streams across the full viewport; current word highlighted mid-sentence

graph cloud