Overview

Svelte-chess is an impressive and fully playable chess component built specifically for the Svelte framework. It combines the robust logic of Chess.js, a dynamic chessboard interface powered by Chessground, and the option to integrate Stockfish AI, providing a comprehensive chess experience right in your applications. Whether you're a developer looking to implement a chess game or a casual player wanting to challenge yourself, Svelte-chess offers a seamless blend of interactivity and sophistication.

Drawing from modern web technologies, this component not only allows you to play chess but also provides extensive features for tracking game states, undoing moves, and customizing the playing experience. With its easy setup and integration options, it's perfect for both hobbyists and professionals alike.

Features

Game State Tracking: Keep tabs on the game's progress through bindable props that update automatically as the game state changes.
Stockfish AI Integration: Play against one of the strongest chess engines available, offering a challenging opponent for players of all skill levels.
Undo Moves: Easily correct mistakes or rewind your game with a straightforward undo feature, providing a user-friendly experience.
Pawn Promotion Dialog: Automatically handle pawn promotions with an intuitive dialog, streamlining an essential aspect of chess.
Custom Styling: Fully restylable to match any application's design, allowing developers to customize the component's aesthetics.
Comprehensive Move History: Access a detailed history of all moves made during the game, aiding in strategy analysis and learning.
Orientation Toggling: Flip the board orientation to suit player preferences, enhancing accessibility and usability.
Interactive Usage: Engage with the component through various methods and props, enabling a detailed and interactive chess experience.

Gtim

Svelte Chess

Svelte Chessground