ChessboardJS

Getting started

Add the library to your project

bower install chessboard-js

Create a div to host your chessboard

Fire up the ChessboardJS library

var board = new Chessboard('board');

If you connect it with third party libraries you can start to play with it. Click on the pieces to try.

What's next

Customization

Check out the customization options to have your chessboard behave the way you like.

Styling

The visual appearence of the board can be easily changed with css.

Integration

See live examples on how easy it is to integrate ChessboardJS with other open source chess solutions.