ColorFill

ColorFill is a graph theory puzzle game where strategy meets cascading color mechanics. Click a node to paint it—but here's the twist: any neighboring nodes of the same color reset to white. Your goal is to fill the entire graph with a single color in as few moves as possible. It's part logic puzzle, part strategic planning, with a dash of graph theory elegance.

Next.jsFirebaseTailwind CSSVercel
Core Idea
Strategic graph coloring with cascading resets
Great for
puzzle enthusiasts and graph theory curious minds
Outcome
Think ahead, minimize moves, and master the color flood
A starting board for a ColorFill puzzle
A starting board for a ColorFill puzzle
The wheel cycles through each color in turn. Clicking a node colors that node.

Highlights

Designed to be clean on desktop + mobile
Cascading color mechanics

When you color a node, neighboring nodes of the same color automatically reset to white, creating strategic chain reactions that require planning ahead.

Par-based challenge system

Each puzzle has a par score (moves to beat) and an optimal solution. Track your efficiency and aim for the perfect solve.

Interactive graph visualization

Click nodes to color them, see connections light up, and watch the graph transform in real-time as you work toward a single-color solution.

Move counter & reset

Track every move and instantly restart the puzzle to try different strategies. Experiment freely to find the optimal path.

Pure strategy, no time pressure

Think as long as you need. This is about finding elegant solutions, not racing the clock.

Graph theory in action

Get familiar with basic graph concepts (nodes, edges, connectivity) as well as more advanced topics (n-colorability, greedy algorithms)

Screenshots

A few UI moments from the app—node creation, tagging, and graph navigation.

A starting board for a ColorFill puzzle
A starting board for a ColorFill puzzle
The wheel cycles through each color in turn. Clicking a node colors that node.

Want the code / implementation details?

Check out the repo for setup, structure, and ongoing improvements.

© 2026 • J Nicks Productions