Styling

Fluid uses a type-safe style system. No className strings, no CSS-in-JS runtime. Everything compiles to Tailwind utility classes.

Style Props

Every component accepts a style prop with type-safe properties for colors, spacing, typography, and more.

Brushes

Colors are defined using Brush types that support solid, gradient, and light/dark mode variants.

Adaptive Values

Style properties can be responsive (narrow/mid/wide) or stateful (idle/hovered/pressed) using Adaptive types.