Stack defineViewportClamp, the color() Helper, and Custom Modifiers Inside Your Next.js App Router Styles
Salty CSS Utility Helpers for Next.js
Small, optional helpers that sit alongside the styling primitives. Viewport Clamp generates fluid sizes without media-query stair-steps, the Color Function chains transforms like lighten/darken/alpha/mix, and Modifiers let you register custom shorthand syntaxes via the config. Pick the one you need — none of them are required to ship Salty CSS.
In this section
- Viewport Clamp Across App Router LayoutsGenerate fluid responsive sizes with defineViewportClamp in Salty CSS — no media-query stair-steps.
- Color Helper Across Server and Client ComponentsChain color transforms — lighten, darken, alpha, mix — with the Salty CSS color helper.
- Custom Style Modifiers in the App RouterDefine custom value transformers with the modifiers config — pattern + transform function for shorthand syntaxes.