Coffeetyper-Svelte

Coffeetyper Svelte

Typing test with a minimalist design, fast but super customizable. Written in Svelte and Unocss.



Coffeetyper

What is Coffeetyper?

Coffeetyper is a minimalistic and lightweight typingtest inspired by Monkeytype.

Features

  • ⚡ Super Fast loading time ⚡

  • Full offline support

  • Progressive Web App

  • Highly customizable

    • Customize all aspects of the textbox like width, letter spacing, line height, caret width...

    • Realtime color scheme switching

    • Add a background image

    • Pick between ALL fonts available on Google Fonts

  • Settings get saved to local storage

  • Save and switch between instances of your cosmetics in realtime

  • Export and import Cosmetics (as JSON)

  • Keybindings

  • Randomize the look of Coffeetyper (Produces very interesting results!)

  • All settings apply in realtime; no need to reload

Usage

To open the Settings move your mouse to the left of the screen.

To switch the theme move your mouse to the right of the screen.

Calculation of WPM/SPM

The WPM are calculated by taking the amount of correctly written symbols per minute and dividing them by 5 (the average length of an english word).

Stack

Coffeetyper is written in Svelte with Typescript and uses Windicss in conjuction with Postcss.

Should you use Coffeetyper?

It still lacks some features and isn't so feature rich as Monkeytype. But it provides the most important functions and statistics of a typing test and is definitely useable.

Color Schemes

Credit for the color schemes goes to Monkeytype.

Contribute

PRs are always appreciated.

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes