unocss-preset-fluid-sizing ​

Beyond breakpoints, into flow.

Rethink responsive CSS—ditch breakpoints and let your sizing flow between min/max values with one utility.

  • npm
  • Downloads
  • License

Features ​

  • 💧 Fluid Sizing

    clamp() under the hood, no breakpoints needed

  • 💅 Built-in Theme

    f-p-lg, f-text-xl and friends

  • 🏗️ Fine-tune at Utility Level

    Override min/max, switch to 100cqw, change units

  • 🤪 Attributify-friendly

    <div f-p="4/8" text="center f-sm" />

  • 🧩 CSS-variable mode

    Export into --f-myvar and reuse