Tic-Tac-Toe

Classic 3×3 Tic-Tac-Toe with an unbeatable CPU. Pure DOM, fully themeable.

Classic 3×3 Tic-Tac-Toe with an unbeatable CPU. Pure DOM, fully themeable.

Loading…
$ npx shadcn@latest add https://gamekitui.com/r/tic-tac-toe.json
dom DesktopMobile
Keyboard
Mouse
Touch

Click or tap a cell. Arrow keys move the cursor; Enter places your mark.

Theming

This is a DOM game. Its playfield is driven by your shadcn --primary, --secondary, and --accent tokens via Tailwind token classes, so it recolors automatically. Change your theme and Tic-Tac-Toe recolors with it. Try the Customize button in the corner.

Install

npx shadcn@latest add https://gamekitui.com/r/tic-tac-toe.json

The game ships as a single drop-in file. It fills its container, so wrap it in any sized element:

<TicTacToe className="mx-auto w-full max-w-sm" />