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-pdf
Display PDFs in your React app as easily as if they were images. -
typography
A powerful toolkit for building websites with beautiful design -
react-resizable-and-movable
๐ฑ A resizable and draggable component for React. -
react-simple-chatbot
:speech_balloon: Easy way to create conversation chats -
-
react-resizable-box
๐ A resizable component for React. -
react-awesome-query-builder
User-friendly query builder for React -
react-json-tree
React JSON Viewer Component, Extracted from redux-devtools. -
react-facebook
Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post -
-
react-avatar
Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. -
react-blur
React component to blur image backgrounds using canvas. -
react-images-uploader
React.js component for uploading images to the server -
react-svg-buttons
React configurable animated svg buttons -
react-darkreader
๐ A React Hook for adding a dark / night mode to your site. -
react-file-reader-input
React file input component for complete control over styling and abstraction from file reading. -
react-tabguard
Limit tabbing within specified area with an ease -
-
react-apple-signin-auth
๏ฃฟ Apple signin for React using the official Apple JS SDK -
react-swipeable-list
Swipeable list component for React supporting several behaviours (e.g. iOS) -
react-avatar-generator
Generate fun kaleidoscope for user avatars. -
react-swipe-to-delete-ios
A simple React component to reproduce the way iOS deletes an item in a list -
react-filter-control
The react UI component for building complex filter criteria -
react-demo-tab
๐ React component to easily create demos of other components -
react-advanced-news-ticker
A powerful, flexible, lightweight and animated vertical news ticker component for React. -
react-headings
Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO. -
react-searchbox-awesome
The coolest searchbox for React.js! -
react-customizable-chat-bot
Customizable chat bot library using React and Typescript -
@restpace/schema-form
A React component package for generating forms based on (almost) the full power of JSON Schema -
react-color-scroll
Blend through colors as you scroll down the page. -
react-pulse-text
React component that allows you to animate the text you want -
-
react-pagespeed-score
A React component for display a dial-type chart of PageSpeed Insights.
Build stunning web applications quickly using Syncfusion JavaScript UI controls.
Do you think we are missing an alternative of chessboardjsx or a related project?
|
Scout APM: A developer's best friend. Try free for 14-days
sponsored
scoutapm.com
|
Popular Comparisons
-
chessboardjsxvstypography
-
chessboardjsxvsreact-simple-chatbot
-
chessboardjsxvsreact-blur
-
chessboardjsxvsreact-awesome-query-builder
-
chessboardjsxvsreact-resizable-and-movable
|
Run Linux Software Faster and Safer than Linux with Unikernels
sponsored
github.com/nanovms
|
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๐ป | Harrison Kerr๐ป | <!-- 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.