Utilities

Small details. A consistent experience.

Flexbox alignment Aligned

A subtle shadow

A little emphasis

50% opacity

A long line that gracefully gives way to an ellipsis.

Full-width action Start building

<div class="d-flex gap-3 p-4 border rounded-3">...</div>

Your workspace, your way. Preferences stay on this device.

01 / Color mode

02 / Accent color

03 / Navigation

04 / Sidebar surface

05 / Header surface

06 / Density

Make it yours