React Chessboard UI

v
menu
hide

Get started

Install

npm install react-chessboard-ui

Add in project

import type { FC } from "react";
import { ChessBoard } from "react-chessboard-ui";

// Import chessboard styles global or local
import 'react-chessboard-ui/dist/index.css';

export const App: FC = () => {
    return (
        <div className="app">
            <ChessBoard 
                FEN="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"
                onChange={(data) => {}}
                onEndGame={(result) => {}}
            />
        </div>
    );
}

Example