Boards & UI Components – Learn Chess

About Boards & UI Components

Front‑end libraries to render and interact with chess boards.

Row Types:

Special Indicators:

Use the toolbar's Info button to toggle this panel.
Use Tags toggle to enable/disable row color-coding.
Use Sub-tags toggle to show/hide special indicators.
Return to ← Home to explore all categories.

Favorites

No favorites yet. Tap ☆ on any game.

Boards & UI Components

chessboard.js — Popular embeddable JS board.
Chessground — Lichess' powerful board component.
chessboard-element (Web Component) — Modern board as a custom element.
Chessboard.jsx — React chessboard component.
react-chessboard — NPM package for React boards.
chess-board (npm) — Simple board component.
Chessboard Live Demo — Examples and integrations.
Chessground Docs — Usage and API.
Chessboard Vue — Vue 3 chessboard component.