Basic Board

Interactive chess board with drag-and-drop moves, board flip, coordinate labels, and pawn promotion UI. Configure every option below.

0
Moves
Last
Side

Configuration

Usage
<Chessboard
  width={450}
  height={450}
  theme="brown"
  orientation="white"
  showBoardControls={true}
  showCoordinates={true}
  layout="board-only"
  onMove={(from, to, move) => {
    console.log(move.san);
  }}
  onGameOver={(result) => {
    alert(result.reason);
  }}
/>