NOTE: chessboard.js can be found on npm as
@chrisoakman/chessboardjs
chessboard.js is a JavaScript chessboard component. It depends on jQuery v3.4.1 (or higher).
Please see chessboardjs.com for documentation and examples.
I am currently focusing my efforts on chessboard2.
chessboard.js is a standalone JavaScript Chess Board. It is designed to be "just a board" and expose a powerful API so that it can be used in different ways. Here's a non-exhaustive list of things you can do with chessboard.js:
- Use chessboard.js to show game positions alongside your expert commentary.
- Use chessboard.js to have a tactics website where users have to guess the best move.
- Integrate chessboard.js and chess.js with a PGN database and allow people to search and playback games (see Example 5000)
- Build a chess server and have users play their games out using the chessboard.js board.
chessboard.js is flexible enough to handle any of these situations with relative ease.
The scope of chessboard.js is limited to "just a board." This is intentional and makes chessboard.js flexible for building a variety of chess-related applications.
To be specific, chessboard.js does not understand anything about how the game of chess is played: how a knight moves, whose turn is it, is White in check?, etc.
Fortunately, the chess.js library deals with exactly this sort of problem and plays nicely with chessboard.js's flexible API. Some examples of chessboard.js combined with chess.js: Example 5000, Example 5001, Example 5002
- Docs - https://chessboardjs.com/docs
- Examples - https://chessboardjs.com/examples
# create a build in the build/ directory
npm run build
# re-build the website
npm run website