body{color:#fff;padding:50px;font-size:18px;text-align:center;line-height:1.5;background:#202024;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:auto;max-width:600px}#logoImage{margin-right:20px}img{max-width:100%;display:block;margin:2em auto;object-fit:contain}

Hi there,

Looks like you're not using javascript or something has gone wrong, keyboard simulator needs javascript to render 3d keyboards using webgl, it's super cool, if youre able to check it out I think it'll be worth your while. Below are some examples of what you can do with keyboard simulator

keyboard example 1

keyboard example 2

keyboard example 3

keyboard example 4

Make it Yours

Options
Editor
Test

General

Layout

Legend Style

Sub Legends

Case Options

Colorways

About

Credit to: keyboardsimulator.xyz.

Keyboard Simulator on Github

Keyboard Simulator is built using three js

Note: precise color values are not always available for community colorways and therefore colorways may use approximate values.

additional credit: material, material

site design ©2020 keyboard simulator