Flexboxle – A Daily Puzzle with Flexbox
I built Flexboxle, a daily puzzle game where you use Flexbox to rearrange blocks to match a target goal state. How it works: * Your goal is to arrange a set of blocks into a specific pattern using Tailwind CSS Flexbox classes (and ) * After every submission, every block is graded as perfect (green), close (yellow), or wrong (gray) * You have 6 attempts per puzzle * The game checks block positions, not your specific CSS so there can be multiple solutions that work * There is a new puzzle every day so come back tomorrow for a new challenge The trickiest part of building this game was making it…
What it does
In the maker’s words, at launch
I built Flexboxle, a daily puzzle game where you use Flexbox to rearrange blocks to match a target goal state. How it works: * Your goal is to arrange a set of blocks into a specific pattern using Tailwind CSS Flexbox classes (and <divs>) * After every submission, every block is graded as perfect (green), close (yellow), or wrong (gray) * You have 6 attempts per puzzle * The game checks block positions, not your specific CSS so there can be multiple solutions that work * There is a new puzzle every day so come back tomorrow for a new challenge The trickiest part of building this game was making it playable on mobile. Highlighting sections, navigating in an editor, and adding in common HTML characters like <, >, /, and = are easy on desktop but pretty annoying to do on mobile. I eventually settled on a quick add panel with all of the controls you need so you can easily apply classes, group elements together in a div, and see all of the supported classes. Let me know if you have any feedback! Enjoy!
Does the same job
all alternatives →
- FDFlexbox Defense – learn CSS flexbox by playing a tower defense game2016 · flexboxdefense.com · ▲243
- FIFlexbox.io – a free video series on learning CSS Flexbox2015 · flexbox.io · ▲236
More life & fun this month
the category →- TL
Life & fun · 10d ago · louisabraham.github.io
Photosynthesis fires two of your iPhone
Life & fun · 28d ago · photosynthesis.camera
SoloUno▲310Take control of hair pulling, nail biting & skin picking
Life & fun · 28d ago · solouno.io
Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.
Life & fun · 26d ago · everycube.alen.is
Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…
Life & fun · 26d ago · baselashraf81.github.io
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
