---
title: "Utopia Fluid Type Scale Calculator"
description: "Generates a type scale that interpolates smoothly between two viewport widths, outputting CSS clamp custom properties."
canonical: "https://vibing.inc/library/utopia-fluid-type-scale-calculator-vg-0836"
category: "Design Tools & Generators"
subcategory: "Typography"
license: "free"
author: "James Gilyead & Trys Mudford"
source: "https://utopia.fyi/type/calculator/"
---

# Utopia Fluid Type Scale Calculator
Generates a type scale that interpolates smoothly between two viewport widths, outputting CSS clamp custom properties.
## Facts
- Source: https://utopia.fyi/type/calculator/
- Category: Design Tools & Generators / Typography
- Author: James Gilyead & Trys Mudford
- Licence: free
- Tags: fluid-type, clamp, css, type-scale
## Why it's a gem
Replaced breakpoint-based typography for a whole cohort of design engineers.
---
Listed in The Vibeary: https://vibing.inc/library/utopia-fluid-type-scale-calculator-vg-0836 · JSON: https://vibing.inc/api/public/library/gems/utopia-fluid-type-scale-calculator-vg-0836