Basic Board

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

Moves

—

Last

♔

Side

Configuration

Theme

Board Size

Layout

Orientation

CoordinatesControls

<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);
  }}
/>