Popularity

3.8

Declining

Activity

0.0

Stable

Stars 252

Watchers 10

Forks 77

Last Commit 12 months ago

Description

Please take a look at Chessboard.jsx, it's a useful component for anyone interested in making a chess application.

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: UI Components Miscellaneous React React-component

Latest version: v2.4.2

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

8.9 9.4 chessboardjsx VS react-pdf

Display PDFs in your React app as easily as if they were images.
react-joyride

8.7 6.7 chessboardjsx VS react-joyride

Create guided tours in your apps

Amplication: open-source Node.js backend code generator

An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

Promo amplication.com

typography

8.1 5.7 chessboardjsx VS typography

A powerful toolkit for building websites with beautiful design
react-resizable-and-movable

8.0 5.8 chessboardjsx VS react-resizable-and-movable

🖱 A resizable and draggable component for React.
react-split-pane

7.9 4.4 chessboardjsx VS react-split-pane

React split-pane component
react-simple-chatbot

7.6 0.0 chessboardjsx VS react-simple-chatbot

:speech_balloon: Easy way to create conversation chats
react-awesome-query-builder

7.4 8.2 chessboardjsx VS react-awesome-query-builder

User-friendly query builder for React
react-resizable-box

7.3 1.8 chessboardjsx VS react-resizable-box

📏 A resizable component for React.
react-designer

7.2 0.0 chessboardjsx VS react-designer

It's not art
react-pdf-viewer

7.0 9.3 chessboardjsx VS react-pdf-viewer

A React component to view a PDF document
react-json-tree

6.2 0.0 chessboardjsx VS react-json-tree

React JSON Viewer Component, Extracted from redux-devtools.
react-facebook

5.7 3.6 chessboardjsx VS react-facebook

Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post
react-avatar

5.3 0.0 chessboardjsx VS react-avatar

Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.
react-blur

4.5 0.0 chessboardjsx VS react-blur

React component to blur image backgrounds using canvas.
react-timesheet

3.5 0.0 chessboardjsx VS react-timesheet

Time Sheet Component for React
react-darkreader

3.3 4.3 chessboardjsx VS react-darkreader

🌓 A React Hook for adding a dark / night mode to your site.
react-svg-buttons

3.3 0.0 chessboardjsx VS react-svg-buttons

React configurable animated svg buttons
react-images-uploader

3.3 0.0 chessboardjsx VS react-images-uploader

React.js component for uploading images to the server
react-file-reader-input

2.6 0.0 chessboardjsx VS react-file-reader-input

React file input component for complete control over styling and abstraction from file reading.
react-dnr

2.3 0.0 chessboardjsx VS react-dnr

Dragable and Resizable window build with React.js
react-apple-signin-auth

2.1 3.6 chessboardjsx VS react-apple-signin-auth

 Apple signin for React using the official Apple JS SDK
react-swipeable-list

2.1 6.2 chessboardjsx VS react-swipeable-list

Swipeable list component for React supporting several behaviours (e.g. iOS)
react-tabguard

2.0 0.0 chessboardjsx VS react-tabguard

Limit tabbing within specified area with an ease
material-color-hash

1.9 0.0 chessboardjsx VS material-color-hash

Hash strings to Material UI colors
react-swipe-to-delete-ios

1.7 0.0 chessboardjsx VS react-swipe-to-delete-ios

A simple React component to reproduce the way iOS deletes an item in a list
react-avatar-generator

1.6 0.0 chessboardjsx VS react-avatar-generator

Generate fun kaleidoscope for user avatars.
react-filter-control

1.6 0.0 chessboardjsx VS react-filter-control

The react UI component for building complex filter criteria
react-headings

1.6 0.0 chessboardjsx VS react-headings

⚛ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO.
react-demo-tab

1.5 0.0 chessboardjsx VS react-demo-tab

📑 React component to easily create demos of other components
react-autolink

1.5 0.0 chessboardjsx VS react-autolink

An autolink mixin for React
@restpace/schema-form

1.4 0.0 chessboardjsx VS @restpace/schema-form

A React component package for generating forms based on (almost) the full power of JSON Schema
react-advanced-news-ticker

1.4 0.0 chessboardjsx VS react-advanced-news-ticker

A powerful, flexible, lightweight and animated vertical news ticker component for React.
react-searchbox-awesome

1.2 0.0 chessboardjsx VS react-searchbox-awesome

The coolest searchbox for React.js!
react-mouse-select

1.1 0.0 chessboardjsx VS react-mouse-select

A simple react library for selecting elements by moving the mouse
react-customizable-chat-bot

0.9 0.0 chessboardjsx VS react-customizable-chat-bot

Customizable chat bot library using React and Typescript
react-pulse-text

0.8 0.0 chessboardjsx VS react-pulse-text

React component that allows you to animate the text you want
react-color-scroll

0.8 0.0 chessboardjsx VS react-color-scroll

Blend through colors as you scroll down the page.
fastcomments-react

0.8 0.0 chessboardjsx VS fastcomments-react

A React component for FastComments
captcha-image

0.8 0.0 chessboardjsx VS captcha-image

A simple captcha image generator.
react-cloud-letter

0.4 0.0 chessboardjsx VS react-cloud-letter

Wrap your letter in lovely cloud-like shape with React.
react-pagespeed-score

0.2 1.5 chessboardjsx VS react-pagespeed-score

A React component for display a dial-type chart of PageSpeed Insights.

Do you think we are missing an alternative of chessboardjsx or a related project?

Add another 'Miscellaneous' Library

Popular Comparisons

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 strongest~~ world'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.