keybored is built for React and ready to handle all of your on-screen typing needs
Customize keybored to your heart’s desire. With the included CSS file, you can style every aspect of your keys, including creating one-offs.
Choose your bored
Choose between ‘std’ or ‘wasd’ for an experience that caters to your needs. Check out our futures section for a peek at the roadmap.
Accessible by default
One of the biggest wins with keybored has been creating a keyboard that’s not only clickable and tappable, but also targetable using tabbing.
All you need to know to get started with keyboredView source
Let’s get tippity typing
A peek behind the curtain
Helper function. Logs key input to the console.
Keyboard selector. Input ‘.wasd’ to see an alternative.
This value determines where your keybored is placed in your app.
This is where the magic happens! Create a function that uses keybored’s output values to do the thing.