Artifact · Games

Tic Tac Toe

gameretrostrategy

Tic tac toe online on a shared board: two seats, one grid, three in a row. Take X or O, place your marks, and be the first to line up three.

Play Tic Tac Toe online together.

The app keeps score across rounds, counts draws, and charts the results, while everyone else at the table watches the match live.

It runs on a shared MockFlow board, so a quick game can sit right next to the work, and every move appears on every screen at once.

  • Two seats. X and O seats show who is playing, and anyone else at the table watches.
  • Seat a member. Put any board member in a seat straight from the players panel.
  • Score across rounds. Wins and draws are tracked round by round, with a Round results chart.
  • Win detection. Three in a row is spotted for you and the winning line is shown.

How to play Tic Tac Toe.

1

Claim a seat

Press Play as X or Play as O, or use Seat member to put a board member in a seat. The round starts once both seats are filled.

2

Place your mark

On your turn, pick an empty square. The status line shows whose move it is.

3

Get three in a row

Line up three of your marks across a row, a column or a diagonal to take the round.

4

Play more rounds

Keep playing round after round. Wins and draws are counted and shown in the Round results chart.

Who uses Tic Tac Toe.

A remote team on a coffee break

Two teammates play a few quick rounds while others watch.

A teacher with young students

Play a simple strategy game on a board the whole class can see.

A meeting waiting to start

Fill a couple of minutes with a fast round while people join.

Friends playing online

Open a board, claim X and O and play together from anywhere.

Add Tic Tac Toe to your board.

Use on a board opens a new board with Tic Tac Toe already on it. To add it to a board you already have, follow these steps. Each copy keeps its own data, so a vote on one board never changes another.

1

Open your board

Open the MockFlow board you want to use it on.

2

Add it from the Artifact Library

Click Add anything (the plus button) in the toolbar at the bottom of the board, switch to Artifacts and pick Tic Tac Toe under Games. Adding it does not use AI credits.

3

Use it together

Click Interact with Component (the hand button), or switch the board to Play mode. Everyone on the board uses the same app, and Reset shared data clears it for the next session.

Update content with AI changes the content without changing how the app works.

Questions about Tic Tac Toe.

How do you play tic tac toe?
Two players take turns placing X and O on a 3 by 3 grid. The first to line up three marks in a row, column or diagonal wins. If the grid fills with no line, the round is a draw.
Can I play tic tac toe online with a friend?
Yes. Add Tic Tac Toe to a shared MockFlow board, invite your friend, and each of you claims a seat. Moves sync to both screens instantly.
Does it keep score?
Yes. Wins and draws are counted across rounds and shown in a Round results chart.
Can other people watch?
Yes. Everyone else at the table watches the match live.
How do I add Tic Tac Toe to a board?
Press Use on a board on this page to open a new board with it already on, or open Add anything (the plus button in the bottom toolbar) on any board and pick it from Artifacts. Adding it uses no AI credits.
Get started

Use Tic Tac Toe with your team.

Included on Plus and MaxChange it with AI on Max
New to MockFlow

Sign up free, open a board and see what your team can use together.

MCPBrainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.