JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.crafty-modules.com/crafty-DEBUG.js"></script>

JavaScript

Crafty.init(500,500);
Crafty.scene("Walkabout", function() 
{
    Crafty.background("#000");
    //Create a basic player sprite
    var playerRef = Crafty.e("2D, DOM, Color, Keyboard")
      .attr({x: 10*16, y: 10*16, w: 16, h: 16})
      .color('rgb(255,0,0)')
    //bind some keyboard events to the player entity
    playerRef.bind("KeyDown", function(e) 
    {
        if (playerRef.isDown('LEFT_ARROW')) {
            playerRef.x=playerRef.x-16;
        } else if (playerRef.isDown('RIGHT_ARROW')) {
            playerRef.x=playerRef.x+16;
        } else if (playerRef.isDown('UP_ARROW')) {
            playerRef.y=playerRef.y-16;
        } else if (playerRef.isDown('DOWN_ARROW')) {
            playerRef.y=playerRef.y+16;
        }
    }); 
})
Crafty.scene("Walkabout");