Description
Please take a look at Chessboard.jsx, it's a useful component for anyone interested in making a chess application.
chessboardjsx alternatives and similar libraries
Based on the "Miscellaneous" category.
Alternatively, view chessboardjsx alternatives based on common mentions on social networks and blogs.
-
react-joyride
Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. -
react-resizable-and-movable
Resizable and movable component for React. -
react-resizable-box
Resizable component for React. #reactjs. -
react-facebook
Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. -
react-avatar
Universal React avatar component makes it possible to generate avatars based on user information. -
react-images-uploader
React.js component for uploading images to the server. -
react-svg-buttons
Configurable animated SVG buttons for react. -
react-file-reader-input
React file input component for complete control over styling and abstraction from file reading. -
material-color-hash
Hash strings to Material UI colors. -
react-avatar-generator
Allows users to create random kaleidoscopes to be used as avatars. -
react-filter-control
The React filterbuilder component for building the filter criteria in the UI. -
react-headings
Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered. -
react-color-scroll
Change and blend new colors on the background as you scroll. -
react-pagespeed-score
A React component for display a dial-type chart of PageSpeed Insights.
Get performance insights in less than 4 minutes
Do you think we are missing an alternative of chessboardjsx or a related project?
README
UNMAINTAINED
A chessboard for React inspired by chessboard.js
Installation
This module is distributed via npm which is bundled with node and
should be installed as one of your project's dependencies
:
npm install --save chessboardjsx
The package also depends on React. Make sure you have that installed as well.
Usage
- Props: get started with Chessboard.jsx
- With move validation: how to integrate chess.js
- Integrating with chess engines: how to integrate with Stockfish, the
world's strongestworld's second strongest chess engine - Custom: customize the board and pieces
Contributing
Please take a look at CONTRIBUTING.md to find out how to contribute.
What is Chessboard.jsx?
Chessboard.jsx is a React component with a flexible "just a board" API modeled from chessboard.js. It's compatible with touch as well as standard HTML5 drag and drop.
What can Chessboard.jsx not do?
The scope of Chessboard.jsx is limited to "just a board." This is intentional and makes Chessboard.jsx flexible for handling a multitude of chess-related problems.
Specifically, Chessboard.jsx does not understand anything about how the game of chess is played: how a knight moves, who's turn is it, is White in check?, etc.
Fortunately, the powerful chess.js library deals with exactly this sort of problem domain and plays nicely with Chessboard.jsx's flexible API.
Here is a list of things that Chessboard.jsx is not:
- A chess engine
- A legal move validator
- A PGN parser
Chessboard.jsx is designed to work well with any of those software components, but the idea behind the library is that the logic that controls the board should be independent of those other domains.
Contributors
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore --> | Will๐ป ๐ ๐ก โ ๏ธ | Andrew Bashelor๐ | yougotgotyo๐ค | Roger Knapp๐ค | Tiago Serafim๐ป ๐ | Kef Schecter๐ | Nils-Helge Garli Hegvik๐ป | | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | Levi Durfee๐ป ๐ | Chris๐ป | <!-- ALL-CONTRIBUTORS-LIST:END -->
LICENSE
MIT
*Note that all licence references and agreements mentioned in the chessboardjsx README section above
are relevant to that project's source code only.