https://github.com/yo35/kokopu-react

A React-based library to create and display chessboard and chess-related components.
https://github.com/yo35/kokopu-react

chess chessboard javascript react reactjs typescript

Last synced: 10 months ago
JSON representation

A React-based library to create and display chessboard and chess-related components.

• Host: GitHub
• URL: https://github.com/yo35/kokopu-react
• Owner: yo35
• License: lgpl-3.0
• Created: 2021-04-03T12:06:37.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2025-07-28T13:13:02.000Z (11 months ago)
• Last Synced: 2025-08-03T18:52:55.366Z (11 months ago)
• Topics: chess, chessboard, javascript, react, reactjs, typescript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/kokopu-react
• Size: 23 MB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Kokopu-React

============



Kokopu-React is a [React](https://reactjs.org/)-based library to create and display chessboard and chess-related components.

Kokopu-React is built on top of [Kokopu](https://www.npmjs.com/package/kokopu), a headless library that

implements all the chess logic (game rules, parsing of [FEN](https://en.wikipedia.org/wiki/Forsyth%E2%80%93Edwards_Notation)

and [PGN](https://en.wikipedia.org/wiki/Portable_Game_Notation) formats...).

https://www.npmjs.com/package/kokopu-react

[![Build Status](https://github.com/yo35/kokopu-react/actions/workflows/main.yml/badge.svg)](https://github.com/yo35/kokopu-react/actions/workflows/main.yml)

[![Coverage Status](https://coveralls.io/repos/github/yo35/kokopu-react/badge.svg?branch=master)](https://coveralls.io/github/yo35/kokopu-react?branch=master)

Documentation & live-demo

-------------------------

https://kokopu-react.yo35.org/

Example

-------

```javascript

import React from 'react';

import { createRoot } from 'react-dom/client';

import { Chessboard } from 'kokopu-react';

createRoot(document.body).render();

```

![Chessboard component](test/graphic_references/05_chessboard_graphic/base/default.png)

More examples available in [documentation & live-demo](https://kokopu-react.yo35.org/).