CSS Clamp Generator & Playground

What it does

This little lab gadget takes the mystery out of clamp() and turns it into something you can actually use without opening a spreadsheet. Set your min/max viewport widths, dial in the smallest and largest sizes you want, and it builds a perfectly smooth fluid value that scales exactly how you expect. You get a live preview, clean copy-and-paste CSS, and optional presets for headings, body text, and spacing. Plus, guidance on how your fluid value is worked out - missing from most tools.

• CG
  CSS generator for a high-def glass effect2025 · glass3d.dev · ▲420

  There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…

• 
  Clamp Generator2025 · clampgenerator.com · ▲3

  Ultimate CSS clamp() Tool for Fluid Typography & Layouts

• IM
  I made a drag and drop CSS grid generator2024 · cssgridgenerator.io · ▲262
• 
  McNeece Web Design2025 · mcneece.com · ▲11

  Font Size Clamp() Generator

• 
  Fluid Type Scale Calculator2022 · ▲2

  Create CSS variables for a fluid type scale with CSS clamp.

• 
  CSS Grid Generator2019 · ▲305

  Simple tool to generate css grids

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 26d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 17d ago · x1.new

• 
  Open-Source eInk Bike Computer▲421

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 7d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 30d ago · nuphos.ai

• 
  Toplify▲365

  Track your App Store ranking worldwide

  Dev tools · 21d ago · toplify.app

• 
  Vendo ▲362

  Let your users build their own features inside your product

  Dev tools · 26d ago · vendo.run

• GP
  Gemini Pro 3 imagines the HN front page 10 years from now▲3,346

  Life & fun · Dec 2025 · dosaygo-studio.github.io

• JG
  Jmail – Google Suite for Epstein files▲1,557

  Hi everyone! My name's Luke and I made the original Jmail here alongside Riley Walz. We had a ton of friends collaborate on building out more of the app suite last night in lieue of DOJ's "Epstein files" release. Please AMA!

  Life & fun · Dec 2025 · jmail.world

• 
  Loki.Build▲746

  Design and ship studio-grade landing pages with AI

  AI · Dec 2025 · loki.build

• 
  PlanEat AI▲733

  AI turns your health goals into a 7-day menu & grocery list

  AI · Dec 2025 · planeatai.com

• 2G
  22 GB of Hacker News in SQLite▲730

  Community, All the HN belong to you. This is an archive of hacker news that fits in your browser. When I made HN Made of Primes I realized I could probably do this offline sqlite/wasm thing with the whole GBs of archive. The whole dataset. So I tried it, and this is it. Have Hacker News on your device. Go to this repo (https://github.com/DOSAYGO-STUDIO/HackerBook): you can download it. Big Query -> ETL -> npx serve docs - that's it. 20 years of HN arguments and beauty, can be yours forever. So they'll never die. Ever. It's the unkillable static archive of HN and it's…

  Dev tools · Dec 2025 · hackerbook.dosaygo.com

• 
  CyberCut AI▲723

  AI video studio for viral social clips

  AI · Dec 2025 · cybercut.ai