How to make such Invisible Input and cursor ?
https://monkeytype.com/
I see no input box here but I'm able to type, I don't think it is event listener.
I found alternate Project which is clone of above site
https://github.com/thisissteven/monkeytype-clone/blob/main/app/src/components/Game/TypingInput.tsx#L164
But it uses Input box and how make that cursor while typing ? I see span tag which is moving by providing left value but there can't be speicific value for all letters and for all font types.
I see no input box here but I'm able to type, I don't think it is event listener.
I found alternate Project which is clone of above site
https://github.com/thisissteven/monkeytype-clone/blob/main/app/src/components/Game/TypingInput.tsx#L164
But it uses Input box and how make that cursor while typing ? I see span tag which is moving by providing left value but there can't be speicific value for all letters and for all font types.
The most customizable typing test website with a minimal design and a ton of features. Test yourself in various modes, track your progress and improve your speed.
GitHub
A typeracer app based on monkeytype. Contribute to thisissteven/monkeytype-clone development by creating an account on GitHub.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
