CSS Clamp Generator & Playground

I built this because I kept finding myself doing the exact same thing every time I started a new layout or theme: opening a calculator, googling “clamp generator”, getting lost in five different formulas, then eventually just guessing a fluid scale that felt right. It was ridiculous for something that should be simple. CSS clamp() is incredibly powerful, but the maths is awkward and most generators either overcomplicate it or hide what’s actually happening. I wanted something small, transparent, and fast — something I could drop into my own workflow and stick onto my website without a build step or a big UI framework. So I made this little tool for myself first. A clean input → clean output flow. A live preview so you see the scaling. Presets for body text, headings, and spacing. And a tiny explainer that actually teaches what clamp() does. It grew into a tiny Labs project that I now use across my WordPress builds, Shopify work, and general design tinkering. If it helps even a couple of other designers or devs avoid spreadsheet-induced headaches, that's a win!