Your move

Play both sides or share the board with a friend. Select a piece to see its legal moves, then select a highlighted square. White moves first.

Starting position Loading chess game

Use Undo to take back a move or Reset to start again. On a keyboard, Tab to the board, use the arrow keys to explore squares, and press Enter or Space to select. Escape clears your selection.

Your game lives in this browser page; refreshing starts a new game.

Add a board to a page

[@chess]: ./chess.components.md

<chess-game id="practice" mode="play" pieces="./assets/pieces/wood" />

Give each board a unique id. Add a fen attribute to start from a specific position, such as a puzzle or endgame.

Study the Opera Game · Read the component source

View source