The Steam "Big Picture" Daisywheel ported to JS and CSS. Supports Gamepad API.
JavaScript Other
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.


The Steam "Big Picture" Daisywheel ported to Javascript and CSS. Works with the Gamepad API, available in the latest modern browsers.


This interface is something every game with text input needs. Not a single game should present a QWERTY keyboard to a user with a controller in their hands. I ported this so that the growing HTML5 gaming community can use it in their games as a standard library in the user interface toolkit.

DaisywheelJS Screenshot

A live demo can be found here


Instructions on use can be found at

There you'll find:


To setup your own build and/or contribute, pull down a clone of the repo. Run npm install to install dependencies. After making changes to either the daisywheel.js file or the less files run gulp and a build version of the files will be generated. The process should look like this:

git clone
cd daisywheeljs
npm install

//make some changes



gamepad-mod.js interfaces with the browser API and organizes the data sent over in the controller's events. It was a modification of the gamepad.js library found in the example code for the HTML5Rocks gamepad tester, which can be found in its orginal form here


This is licensed under the MIT Open-source License.


  • multilanguage support
  • controller brand specific button images
  • complex actions (attach to a text editor like Atom or Light Table)