View as markdownAsk ChatGPTAsk Claude

Utilities

Helper classes for spacing, borders, cursors and other details, so you don't write custom CSS for them.

Utilities are small, single-purpose CSS classes. Use them to adjust spacing, borders, cursors, and other details without writing custom CSS. They work with every component and follow the same naming rules as Bootstrap.

Background blur

Use the bg-blur utility to add a backdrop blur behind translucent overlays, sticky bars and floating cards.

Background patterns

Add decorative background patterns with utility classes.

Borders

Style borders with utility classes - control sides, colors, width, and radius without writing any custom CSS.

Cursors

Change the mouse cursor with utility classes to signal what users can do with an element, from pointers to resize handles.

Gradients

Create directional gradients with utility classes.

Interactions

Control how users interact with content - manage text selection and pointer events with simple utility classes.

Margins

Control the space between elements with margin utilities.

Printing

What Tabler hides when a page is printed, the d-print-* utilities and the media-print mixin for custom print styles.

Vertical align

Utility classes for the vertical-align property on inline and table-cell elements.

Visually hidden

Hide elements visually while keeping them accessible to screen readers.

130 sleek illustrations for your startup's visual identity.