Utilities

Set of CSS classes for precise control over spacing, layout, colors, and more.

Why do we need them?

While the Semantic Styling and Variants layers provide a solid foundation for most use cases, there are times when you need more granular control over specific properties.

The Utilities layer fills this gap by offering a comprehensive set of atomic classes that can be combined to achieve any design you need — all while staying consistent with the underlying design tokens and CSS variables of the framework.