Mechanical Keyboard Simulator - kbs.im
Mechanical Keyboard Simulator is website that simulates typing on a variety of custom keyswitches and offers a simple typing test. Currently, it supports 10+ switches, keyboard layouts, and colors for an customizable, satisfying typing experience.
- Unique sounds for specific keys
- 1 minute English typing test
- Wide selection of case colors and layouts
- Dark mode
- NovelKeys Creams
- Holy Pandas
- Turqoise Tealios
- Gateron Black Inks
- Cherry MX Blacks
- Cherry MX Browns
- Cherry MX Blues
- Kailh Box Navies
- Buckling Spring
- SKCM Blue Alps
- Topre
- Fullsize
- Tenkeyless
- 75%
- 65%
- HHKB
Switch and layout requests are open at the moment, feel free to open an issue if you'd like to see a switch or layout added!
To run this application locally, use:
npm install
npm start.
├── src # Source files
│ ├── assets # audio and image assets
| | ├── audio
| | └── images
│ ├── features # components and modules
│ | ├── Store # Redux store
| | | └── store.js
| | └── sampleComponent # component structure
| | ├── SampleComponent.js
| | ├── SampleComponentSlice.js
| | └── SampleComponent.module.css
│ ├── public # robots.txt
| | └── robots.txt
| ├── App.test.js # starter React test file
| ├── index.css # index styling
| ├── index.html # meta tags
| ├── index.js # React entry point
| └── serviceWorker.js # basic offline usage serviceWorker
├── .babelrc # babel transpiler config
├── LICENSE.md # MIT license
├── README.md # you're reading this!
├── package.lock.json # npm dependency lockfile
├── package.json # dependency file
├── webpack.config.json # webpack config file
└── yarn.lock # yarn dependency lockfile
Pull requests are welcome, but please do create an issue to discuss any major changes.