React Chessboard UI

Build chess websites with react‑chessboard‑ui only: a ready-to-use chessboard component and chess engine in one package.

npm install react-chessboard-ui

ALL IN ONE

Start with FEN notation: pass the position and get a ready chessboard with the engine handling the game state!

<ChessBoard 
    FEN="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"
    onChange={(data) => {}}
    onEndGame={(result) => {}}
/>

Full interactive chessboard

Using all the features of the chess board to create the best possible chess app 🎠

Full adaptive for all devices

You can create chess applications for various devices, such as mobile phones and tablets.

Who uses

Trusted by developers and companies worldwide

Want to add your project here?

Open a Pull Request with your logo and link