Ce que fait l’outil
Il convertit une taille minimale et maximale ainsi qu’une plage de viewport en valeur CSS clamp(), montre le rendu aux largeurs d’écran courantes et l’exporte en CSS brut, en propriété personnalisée ou en classe Tailwind. Le mode échelle typographique construit une échelle modulaire complète, et le mode espacement fait de même pour padding, margin et gap.
Pour qui
Pour les développeurs front-end qui veulent une valeur clamp() fiable sans ouvrir de tableur, les designers qui transmettent des spécifications typographiques responsive et les équipes qui bâtissent des design systems avec des tokens fluides. Les explications de chaque page sont rédigées pour que les débutants puissent suivre les calculs, tandis que les développeurs expérimentés peuvent simplement copier le résultat et passer à la suite.
Comment il est construit
Le site est généré statiquement avec Next.js et fonctionne entièrement dans votre navigateur. Pas de compte, pas de base de données, aucun traitement côté serveur : vos valeurs ne vivent que dans l’URL de la page. Les calculs reposent sur un petit module TypeScript couvert par des tests unitaires, et le site est disponible en sept langues.
Vos retours
FluidClamp est maintenu aux côtés d’autres outils web gratuits comme ContrastCheck et le Calculateur de format d’image. Si vous repérez un bug ou une traduction maladroite, signalez-le via le dépôt GitHub du projet.