← Back to directory

Eight Queens

Lay down eight queens on the chessboard without conflict, backed by live attack counters, optional overlays, and rotating trivia nuggets.

Heads up: If the embed does not load, open Eight Queens in a separate tab. Open game in a new window

Gameplay overview

Classic puzzle, modern helpers

Eight Queens revives the famous 19th century chess puzzle in a friendly React interface. Your goal is simple: place eight queens so that no two share a rank, file, or diagonal. A live status panel tracks how many queens are on the board and how many are under attack, helping you steer attempts without losing the plot. A timer records your run so you can benchmark new strategies or race friends.

Eight Queens chessboard with highlighted ranks, files, and diagonals
Use the conflict counters and optional attack overlays to reason through every placement.

Your objective

What you are trying to achieve

Place all eight queens on the chessboard so that no two attack each other. Queens cannot share a row, column, or diagonal, and the board locks once eight are placed.

Controls

Simple mouse input

  • Click a square to place a queen; click the same queen again to remove it.
  • Use the Show/Hide attack paths button to toggle threat highlights.
  • Tap Restart to reset the board instantly if your current layout stalls.

The board locks at eight queens, preventing accidental extra pieces and letting you focus on eliminating conflicts.

Beginner guide

Your first few minutes

Eight Queens is a classic constraint puzzle, so build your layout one row at a time.

  1. Click a square to place a queen, and click it again to remove it.
  2. Place one queen per rank, then check the live conflict counter.
  3. Toggle Show attack paths to see every square your queens threaten.
  4. Slot early queens near the middle to leave diagonals free for later rows.
  5. Tap Restart whenever a layout stalls and try a fresh arrangement.

Advanced tips

Plan for diagonals first

  • Slot early queens near the middle to keep more diagonals free for later placements.
  • Use the attack overlay to double-check both diagonals before committing to a square.
  • Pair opposite corners—once you place a queen on a corner, immediately map the diagonal it dominates.

Interface highlights

Attack-path overlay

The Show attack paths toggle splashes radial highlights across every square a queen can threaten. It is perfect when you need a visual reminder of chess movement rules, especially for diagonals that wrap the board.

Rotating trivia & hints

A “Did you know?” ticker cycles through facts about the n-queens problem, chess history, and puzzle-solving lore. Leave it running to learn the math behind the challenge or get gentle nudges like “Hint: how does a knight move?” while you plan your next move.

Our take

Why this Eight Queens version works so well

Eight Queens has been implemented countless times, but this build strikes a nice balance between pedagogy and pure puzzle. The live conflict counter and optional attack overlays give you immediate feedback without solving the challenge for you, which makes it a great teaching tool for explaining chess movement and basic constraint reasoning. The timer adds just enough pressure to turn each attempt into a self-contained challenge—perfect for coffee-break play or friendly races.

The clean React UI and small touches like trivia blurbs also help the puzzle feel approachable rather than intimidating. You can hand this to someone who hasn’t touched chess in years, toggle on attack paths, and they’ll still be able to grasp what’s going wrong when queens conflict. For more experienced players, chasing faster solution times or exploring alternative layouts is a satisfying way to warm up the brain.

Who will enjoy it?

  • This version is ideal for puzzle fans, chess instructors, and anyone who likes compact logic challenges that you can explain in one sentence but spend hours mastering. If you’re hunting for multiple puzzle types or a campaign, look elsewhere; Eight Queens is laser-focused on doing one timeless problem very well.

Frequently asked questions

Need a quick answer?

How do you play Eight Queens?
Click squares to place queens so no two share a row, column, or diagonal, then remove and reposition pieces as needed.
What is the goal in Eight Queens?
Fill the chessboard with eight conflict-free queens.
What are the controls for Eight Queens?
Click a square to place or remove a queen, toggle the attack overlay, and use Restart to reset the board.
Can you play Eight Queens on mobile?
Yes. The React board responds to taps, so phones and tablets work in either orientation.
Is Eight Queens free to play?
Yes. It is a free open-source browser puzzle hosted on GitHub Pages.
How many solutions does Eight Queens have?
There are 92 distinct conflict-free layouts, and the timer records how quickly you reach any one of them.
Does Eight Queens show which squares are under attack?
Yes. The live status panel counts conflicts and the Show attack paths button highlights every threatened square.
Does Eight Queens include multiple solutions?
Yes. There are 92 valid layouts; the timer simply records how quickly you reach any conflict-free configuration.
Can I play on touch devices?
The React board responds to taps, so tablets and phones work well in either orientation.