Skip to main content
← Back to library
Preview of Utopia
X thread

Design Systems & Foundations · Layout & spacing

Utopia

Calculators that generate fluid type, space and grid scales interpolating between a small and large viewport, so layouts scale without breakpoints.

Why it’s a gem

Replaces breakpoint stacks with two anchor scales and a clamp() formula.

Visit utopia.fyi
Author
James Gilyead & Trys Mudford (@trysmudford)
Type
Thread on X
License
free
Added
Aug 28, 2026
Domain
utopia.fyi
typographyspacingfluidclampresponsive
Browse more:Design Systems & FoundationsLayout & spacing#typography#spacing#fluid#clamp#responsive

More from Layout & spacing

Preview of Modulator

Modulator

Single-page tool for experimenting with spacing scales and base units, showing the resulting rhythm live as you adjust.

Unknownfree

the Vibing Company®

the Vibing Company®

Est. for tomorrow.

jon@vibing.inc

Navigate

  • Home
  • Services
  • Pricing
  • About
  • Hiring
  • Contact
  • Start a project

Library

  • The Vibing Library
  • New this week
  • Best-of round-ups
  • Creators
  • Submit a project
  • Featured badge
  • Design generators
  • UI components
  • AI skills & MCP
  • Motion & animation
  • Shaders & WebGL
  • Starters to clone

Guides

  • All guides
  • What is vibe coding
  • Lovable vs Cursor
  • Build an MCP server
  • Export Lovable Cloud data
  • iOS Safari white bar fix

Elsewhere

  • Developer docs & API
  • For agents
  • llms.txt
  • OpenAPI
  • MCP manifest
  • X
  • Terms
  • Refunds
  • Privacy
  • Cookies
  • Imprint
© 2026 the Vibing Company®