deploy@local — ssh dsl.io — 220×56
Back to all work
Vanilla JSGSAPGameToolOpen Source

Dark Space Labs (Internal Project)

WPM Typing Speed Test

A retro typing game with real-time feedback and smooth particle effects.

A browser-based typing speed test game with real-time WPM calculation, particle explosion effects on correct words, and a retro terminal aesthetic — built entirely in vanilla JavaScript with GSAP animations.

0

Framework Dependencies

60s

Session Length

GSAP

Animation Library

Developer Tools2024
01

The Challenge

Most typing test tools are cluttered, slow, or aesthetically generic. The goal was to build something fast, focused, and visually distinct — a game-like experience that keeps users engaged while giving accurate WPM measurement.

02

What We Built

Built wpmtester.com as a pure front-end application: no frameworks, no bloat. Up to three words appear simultaneously. Users type to clear them — correct characters highlight green, errors highlight red. Successful words trigger GSAP particle explosion animations. The 60-second session tracks live WPM, word count, time remaining, and a session high score. The retro green-on-black terminal aesthetic makes it feel intentional rather than functional.

Front-End DevelopmentGame DesignPerformance OptimizationHosting
03

Key Features

  • Real-time WPM calculation over 60-second sessions
  • Up to 3 simultaneous words on screen
  • Character-by-character visual feedback (green/red)
  • GSAP particle explosion on correct word completion
  • Session high score tracking
  • Retro terminal monospace aesthetic
  • Responsive layout — works on desktop and tablet
04

The Outcome

A polished, fast, and fun typing tool that works immediately in any browser with no login, no signup, and no setup. Built to demonstrate front-end skill and shipped as a useful standalone product.

0

Framework Dependencies

60s

Session Length

GSAP

Animation Library

Ready to build something real?

Tell us about your project. We'll design, develop, host, and maintain it — with the same care and specificity you see in every project here.