Embed NGChess on your site

Drop an interactive chess board onto any page — show a position, let visitors play the moves, and send them to the full coaching experience. One line of HTML, no account, no API key.

Live preview

Copy-paste

One-line script loader (recommended — auto-sizes):

<div class="ngchess-board" data-fen="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"></div>
<script src="https://ngchess.com/embed.js" async></script>

Or a plain iframe:

<iframe src="https://ngchess.com/embed/position?fen=FEN_HERE"
        width="100%" height="520" style="border:0"
        title="NGChess board"></iframe>

Options

Attribute / param	What it does
`data-fen` / `fen`	Starting position in FEN. Defaults to a tactic. Visitors can play any legal moves from here.
`data-title` / `title`	Optional caption shown above the board (e.g. “White to move — find the fork”).
`data-flip` / `flip`	`true` to view from Black’s side.
`data-height`	(script loader) iframe height in px. Default 520.

The widget runs entirely in the visitor’s browser — no account, no data collected, no server game created. Moves are validated locally; the “Play free” button opens the full board with the AI coach on ngchess.com.