Kokopu-React

Kokopu-React is a React-based library to create and display chessboard and chess-related components. Kokopu-React is built on top of Kokopu, a headless library that implements all the chess logic (game rules, parsing of FEN and PGN formats...).

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

Documentation & live-demo

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

Example

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

createRoot(document.body).render(<Chessboard />);

More examples available in documentation & live-demo.