https://github.com/leomino/rn-chessboard
A lightweight and customizable chessboard component for React Native.
https://github.com/leomino/rn-chessboard
chess chessboard react-native
Last synced: 6 months ago
JSON representation
A lightweight and customizable chessboard component for React Native.
- Host: GitHub
- URL: https://github.com/leomino/rn-chessboard
- Owner: leomino
- License: mit
- Created: 2025-02-23T11:00:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-11-28T15:03:11.000Z (7 months ago)
- Last Synced: 2026-01-20T05:11:58.252Z (6 months ago)
- Topics: chess, chessboard, react-native
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/rn-chessboard
- Size: 3.13 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 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.
## 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`:
```bash
yarn add rn-chessboard
```
or with `npm`
```bash
npm install rn-chessboard
```
## Usage
```typescript jsx
import ChessBoard from 'rn-chessboard';
const App = () => (
)
```