Dino Nest: drag the clay trays, bring every dino home.
Dino Nest is a cozy HTML5 color puzzle template with full source code. Drag clay trays across the board: when any part of a tray passes over a dino of the same color and the tray has a free eggshell cup of that color, the dino hops in. A full color pops away, and the level is won when every dino is home. Simple to learn, with real puzzles later, because the order you fill the trays matters.
100 levels in 5 prehistoric worlds
Jungle, Volcano, Prehistoric Beach, Fossil Cave and Jungle at Night, 20 levels each, every world with its own scenery, level-select page, music and ambience. The levels are generated from a plan and every one keeps the solution it was built from.
New ideas, one at a time
One-way trays, two-color trays that change shape when a color leaves, nests that release sleepy dinos in order, bridges between two valleys, painted eggs that hatch after a number of moves, and gates opened by a button. Each one arrives with a short illustrated explanation.
Helpers, coins and a collection
The Egg timer stops the clock, the Leafy nest calls the dinos of a tray's color into it and the Hammer cracks a tray into single cups. Amber coins come from playing; fossils hatch 12 special dinos for the collection. Undo, restart and an optional warning when a level can no longer be solved.
Juicy, and kind to the player
A Mama Tricera mascot reacts to every move, trays have weight, dinos hop in with squash and stretch, and full trays pop with stars. Recorded sound effects and music for every world, separate volume for music, sounds and Mama Tricera, color symbols for color-blind players, and reduced motion that follows the system setting.
Your game, your hosting
Upload the contents of the game folder to static HTTP(S) hosting. No PHP, database, account or Node.js is needed on the server, and the game makes no requests to ranking, advertising, tracking or payment services. It works with mouse and touch on phones, tablets, desktop and ultrawide screens.
What this edition does not include
Native apps, hosting and custom development are not included, nor are cloud saves, an online ranking, real-money purchases or an advertising SDK.
Who this template is for
Site and portal owners who want a friendly puzzle game, freelancers and studios building a branded game for a client, and developers who want readable plain JavaScript to learn from or reskin.
Customise it
All tuning lives in src/config.js (colors, feel, prices, rewards, worlds). Edit the level plan and run npm run levels to rebuild the 100 levels; npm test replays every stored solution. Each language is one file in src/lib/locales. The guide explains how to swap the artwork for a new theme.
Technical details at a glance
- Stack: HTML5, plain JavaScript ES modules (no compile step), Canvas 2D and Web Audio.
- 14 interface languages; offline illustrated guide in English, Portuguese and Spanish.
- Node.js 26.13+ only for the optional tools: tests, build copy, level generator and local server.
- Local Fredoka font with its OFL licence; no third-party code in the game.
