O que a ferramenta faz
Ela converte um tamanho mínimo e um máximo, mais uma faixa de viewport, em um valor CSS clamp(), mostra como o resultado aparece nas larguras de tela comuns e o exporta como CSS puro, propriedade personalizada ou classe do Tailwind. O modo escala tipográfica monta uma escala modular completa, e o modo espaçamento faz o mesmo para padding, margin e gap.
Para quem é
Para desenvolvedores front-end que querem um valor clamp() confiável sem abrir uma planilha, designers que entregam especificações de tipografia responsiva e equipes que constroem design systems com tokens fluidos. As explicações de cada página foram escritas para que iniciantes consigam acompanhar a matemática, enquanto desenvolvedores experientes podem simplesmente copiar o resultado e seguir em frente.
Como é feita
O site é gerado estaticamente com Next.js e roda inteiramente no seu navegador. Não há conta, banco de dados nem processamento no servidor; seus valores existem apenas na URL da página. A matemática fica em um pequeno módulo TypeScript com testes unitários, e o site está disponível em sete idiomas.
Feedback
O FluidClamp é mantido junto com outras ferramentas web gratuitas, como o ContrastCheck e a Calculadora de proporção de tela. Se encontrar um bug ou uma tradução que soe estranha, avise pelo repositório do projeto no GitHub.