Skip to main content
Brian Sunter

SReader

A speed reading application using RSVP (Rapid Serial Visual Presentation) to help you read faster with adjustable WPM and chunk sizes.

TypeScript React TanStack Speed Reading RSVP
Cover image for SReader

Overview

SReader is a speed reading application that uses RSVP (Rapid Serial Visual Presentation) to display text one word or chunk at a time. This technique eliminates eye movement and allows you to read significantly faster than traditional reading methods.

Features

  • Adjustable Speed - Control reading speed from 100 to 1000+ WPM
  • Chunk Sizes - Display 1-5 words at a time
  • Text Library - Save and organize texts with localStorage persistence
  • Keyboard Shortcuts - Full keyboard control for hands-free reading
  • Dark Mode - Eye-friendly dark theme for comfortable reading
  • Progress Tracking - See current position, word count, and estimated time remaining

How It Works

RSVP displays words at a fixed focal point, eliminating the time your eyes spend moving across lines of text. The “optimal recognition point” (ORP) is highlighted in each word to help your brain process it faster.

Controls

  • Play/Pause - Start or stop the reader
  • Speed +/- - Adjust words per minute
  • Rewind - Go back to restart
  • Chunk Size - Select 1-5 words per display

Technology Stack

  • TanStack Start (React framework)
  • TanStack Router for navigation
  • Tailwind CSS for styling
  • Shadcn UI components
  • Vitest for testing
  • Biome for linting/formatting