Qué hace la herramienta
Convierte un tamaño mínimo y uno máximo, más un rango de viewport, en un valor CSS clamp(), muestra cómo se ve el resultado en los anchos de pantalla habituales y lo exporta como CSS simple, propiedad personalizada o clase de Tailwind. El modo escala tipográfica crea una escala modular completa y el modo espaciado hace lo mismo con padding, margin y gap.
Para quién es
Para desarrolladores front-end que quieren un valor clamp() fiable sin abrir una hoja de cálculo, diseñadores que entregan especificaciones de tipografía responsive y equipos que construyen sistemas de diseño con tokens fluidos. Las explicaciones de cada página están escritas para que quien empieza pueda seguir las matemáticas, mientras que los desarrolladores con experiencia pueden copiar el resultado y seguir trabajando.
Cómo está hecha
El sitio se genera de forma estática con Next.js y funciona por completo en tu navegador. No hay cuentas, ni base de datos, ni procesamiento en el servidor; tus valores solo viven en la URL de la página. Las matemáticas están en un pequeño módulo de TypeScript con pruebas unitarias, y el sitio está disponible en siete idiomas.
Comentarios
FluidClamp se mantiene junto con otras herramientas web gratuitas como ContrastCheck y la Calculadora de relación de aspecto. Si encuentras un error o una traducción que suena forzada, avísanos a través del repositorio del proyecto en GitHub.