Skip to content

leomino/rn-chessboard

React Native Chessboard

A lightweight and customizable chessboard component for React Native. Ideal for building chess applications, training tools, or integrating chess features into your mobile app.

preview

Features

  • Interactive chessboard with drag-and-drop, as well as tap to move
  • Board rotation at any given time
  • Move highlighting (e.g. last moves, legal moves...)
  • Piece Promotion, Castling and every other legal chess move

Coming soon

  • Seek through game history (undo and redo operations)
  • load games from pgn's
  • Customizable board and pieces

Disclaimer

This package is a work in progress, use it with caution.

Installation

This package uses the following peer-dependencies (they have to be installed already):

  • react-native-gesture-handler
  • react-native-reanimated
  • zustand

Open a Terminal in your project's folder and install the library using yarn:

yarn add rn-chessboard

or with npm

npm install rn-chessboard

Usage

import ChessBoard from 'rn-chessboard';

const App = () => (
  <View>
    <ChessBoard/>
  </View>
)

About

A lightweight and customizable chessboard component for React Native.

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks