Type the passage using a US QWERTY keyboard. Escape restarts. Tab moves to the controls. On-screen Shift applies to the next clicked character.

Start typing

Component State · Apply

Goal: Type everything so far with at least 95% accuracy. Checkpoint: build a click counter. Follow the state update inside a complete React component.

import { useState } from "react"; export default function Counter() { const [count, setCount] = useState(0); return <button onClick={() => setCount((value) => value + 1)}>Count: {count}</button>; }

i · Right middle

F + J · home keys
Skip on-screen keys

Swipe the keyboard to see the other keys.

End of on-screen keyboard

US QWERTY · Fluency mode · Keep your wrists relaxed.

Mode
Guide