Neon Conveyor Sort
Route moving packages through junctions so each reaches its matching bay.
HTML5 Puzzle Game Source Code
Sorting, logic, routing and matching puzzles with handcrafted and daily levels. Every game is playable in the browser and ships as a buildable TypeScript project.
18 games in this collection
Screwscape Workshop
Remove screws in the correct order so layered mechanical parts fall away without overfilling limited screw trays.
Glass Shelf Triple
Select three identical objects from a layered display cabinet; clearing front objects reveals deeper layers.
Arrow Grid Escape
Clear a board by launching directional arrow tiles without letting them collide or trap one another.
Yarn Bloom
Pull colored yarn strands from tangled objects and route them into matching spools to reveal knitted art.
Parking Pulse
Slide toy vehicles in the right order to free the star car and clear jammed city lots.
Liquid Lab
Pour layered liquids between tubes until each vessel contains a single formula or valid compound.
Pixel Swarm
Dispatch matching swarms into colored regions so they consume pixels and reveal a hidden illustration.
Shape Factory Flow
Build compact production lines that transform raw shapes into target products using cutters, painters, rotators and combiners.
Magnet Maze
Manipulate magnets and polarity to guide metal objects through obstacles to goal zones.
Cable Untangle
Reposition plugs and rotate hubs until cables no longer cross while all devices remain correctly connected.
Shadow Fold
Turn and fold museum sculptures until every cast shadow fits its outline.
Bakery Blast
Complete fast matching boards to earn resources used to design and expand themed bakeries.
Garden Match Quest
Complete flower-matching boards to restore an overgrown estate and unlock garden areas.
Cannon Courier
Fire parcels from cannon to cannon through moving hazards until every delivery reaches its customer.
Glass Break Lab
Use a limited number of projectiles to shatter target glass structures as efficiently as possible.
Slingshot Rescue
Launch cute rescue creatures through obstacle courses to collect keys and free trapped friends.
Bounce Architect
Draw a limited number of platforms that redirect a continuously bouncing ball to the exit.
How to choose HTML5 puzzle game source code
The puzzle games above fall into four families: sorting and routing, logic and spatial puzzles, physics and aiming, and match or 3D object puzzles. Fourteen are built on Phaser 4.2.1 and two, Glass Shelf Triple and Shadow Fold, on Three.js r186. Every one has a campaign and a daily puzzle, saves progress locally, and supports touch, mouse, keyboard and gamepad, so the same puzzle game code works on a phone portal and on a desktop site.
Start with the question your players will answer in the first ten seconds. A water-sort or yarn-sort board explains itself; a factory or magnet puzzle asks for more patience and rewards it with longer sessions.
Puzzle game specs
| Game | Mechanic | Engine | Orientation | Initial download |
|---|---|---|---|---|
| Liquid Lab | Water sort, hints and undo | Phaser | Portrait and landscape | 520 KB |
| Yarn Bloom | Yarn sorting, zen mode | Phaser | Portrait | 500 KB |
| Screwscape Workshop | Screw removal with limited trays | Phaser | Portrait and landscape | 540 KB |
| Neon Conveyor Sort | Routing packages through junctions | Phaser | Portrait and landscape | 520 KB |
| Pixel Swarm | Color matching that reveals a picture | Phaser | Portrait | 520 KB |
| Arrow Grid Escape | Logic, hints and undo | Phaser | Portrait and landscape | 520 KB |
| Cable Untangle | Untangling, hints and undo | Phaser | Portrait | 560 KB |
| Parking Pulse | Sliding block, time attack | Phaser | Portrait and landscape | 520 KB |
| Shape Factory Flow | Production lines, sandbox | Phaser | Landscape | 560 KB |
| Magnet Maze | Magnet polarity, sandbox | Phaser | Landscape | 545 KB |
| Cannon Courier | Trajectory aiming | Phaser | Landscape | 520 KB |
| Slingshot Rescue | Slingshot physics | Phaser | Landscape | 560 KB |
| Bounce Architect | Drawing platforms for a bouncing ball | Phaser | Portrait | 560 KB |
| Bakery Blast | Match-3 plus bakery decoration | Phaser | Portrait and landscape | 570 KB |
| Glass Shelf Triple | 3D triple-match | Three.js | Portrait and landscape | 330 KB |
| Shadow Fold | 3D shadow and silhouette | Three.js | Portrait | 330 KB |
Which puzzle game suits your players
- Casual players on phones: Liquid Lab, Yarn Bloom, Screwscape Workshop and Bakery Blast read at a glance and play well in portrait. Yarn Bloom is tagged colorblind-friendly and has a zen mode with no pressure.
- Brain-teaser fans: Arrow Grid Escape and Cable Untangle are calm logic puzzles with hints and undo built in. Parking Pulse adds a time-attack mode for players who want pressure.
- Players who like to build: Shape Factory Flow and Magnet Maze have sandbox modes next to the campaign, which suits sites with longer sessions on desktop.
- Physics and aiming: Cannon Courier and Slingshot Rescue are about reading a trajectory, and Bounce Architect has players draw the platforms themselves. Slingshot Rescue is tagged for families.
- A 3D look without a heavy download: Glass Shelf Triple and Shadow Fold run on Three.js and have the smallest initial downloads in this genre, at 330 KB each.
Four games, Shape Factory Flow, Magnet Maze, Cannon Courier and Bounce Architect, are tagged solver-proven: their levels were checked by an automated solver, so players don't hit an impossible board.
What you can customize
- Levels and difficulty. Puzzle levels are JSON data files in the game's
data/folder, so you can reorder, retune or add levels without touching TypeScript. Run the game's tests after editing to catch a broken level early. - Look and theme. Rename the game, change colors and cosmetics, or replace art. Each game's
ASSETS.mdlists where every asset comes from, including art generated in code. - Text and languages. Most games ship in six languages, Arabic included with a right-to-left layout. Translations ship with the game and run through the shared localization package, so a new language is a translation job, not a rewrite.
- Monetization. No ad network is built in, so you connect your own. Analytics hooks are an adapter you point at your provider.
The customization guide covers the full reskin process, and our free match-3 game code shows how a matching board works from scratch.
Frequently asked questions
Do you sell an HTML5 sudoku game source code?
Not today. The closest games are the logic puzzles Arrow Grid Escape and Cable Untangle. For a small grid puzzle you can study first, see our free puzzle game code under the MIT license. You can also suggest a sudoku game on the public roadmap.
Can I add my own puzzle levels?
Yes. Levels are JSON files in data/, separate from the game code. Add or edit them, then run the game's unit tests and a build. Within your license you can also publish the game with your own level set.
Which puzzle games play in portrait on phones?
Twelve of the sixteen. Yarn Bloom, Pixel Swarm, Cable Untangle, Shadow Fold and Bounce Architect are portrait games. Liquid Lab, Arrow Grid Escape, Screwscape Workshop, Neon Conveyor Sort, Parking Pulse, Bakery Blast and Glass Shelf Triple play in both orientations. The other four are landscape.
Is the puzzle game code 2D or 3D?
Most of it is 2D on Phaser 4.2.1. Glass Shelf Triple and Shadow Fold are 3D on Three.js r186. Both kinds ship as TypeScript projects that build to static files, so hosting is the same.