Artifact · Games

Connect Four

gamestrategyboard gametwo-player

Connect Four online brings the classic two player strategy game to a shared board. Drop colored discs into a grid of seven columns and six rows, and be the first to line up four of your discs.

Play Connect Four online together.

Two people take the red and yellow seats while everyone else on the board watches the game live. A line can run horizontally, vertically or diagonally.

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

  • Classic 7 by 6 grid. The familiar board of seven columns and six rows, with discs that stack from the bottom.
  • Two seats. Red and yellow seats show who is playing, and the status line shows whose turn it is.
  • Spectators welcome. Everyone on the board sees the game as it happens.
  • Win detection. Four in a row in any direction is spotted for you, so nobody has to check the board.

How to play Connect Four.

1

Take a seat

One player takes the red seat and the other takes the yellow seat at the top of the game.

2

Drop a disc

On your turn, pick a column. Your disc falls to the lowest open space in that column.

3

Block and build

Take turns dropping discs, building toward your own line while blocking your opponent's.

4

Connect four

The first player to line up four discs horizontally, vertically or diagonally wins the game.

5

Start again

Use the button under the board to start a new game for the next match.

Who uses Connect Four.

A remote team on a coffee break

Two teammates play a quick game while the others watch.

A team building session

Run a friendly Connect Four ladder with a new pair for each game.

A teacher in a logic lesson

Show students how planning ahead and blocking change the game on a board everyone can see.

Friends catching up online

Open a board, pick your colors and play a classic game together from anywhere.

Add Connect Four to your board.

Use on a board opens a new board with Connect Four 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 Connect Four 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.

Questions about Connect Four.

How do you play Connect Four?
Players take turns dropping a disc into one of seven columns. The disc falls to the lowest open space, and the first player to line up four discs in a row, column or diagonal wins.
Can I play Connect Four online with a friend?
Yes. Add Connect Four to a shared MockFlow board, invite your friend, and each of you takes a seat. Moves sync to both screens instantly.
How big is the Connect Four board?
It has seven columns and six rows, the standard size.
Can other people watch the game?
Yes. Everyone on the board sees the game live.
How do I add Connect Four 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 Connect Four 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.