FindborgUI Class Reference

Every utility and component class in FindborgUI. Find what you need, see what it does, copy and use.

Token-Based — All classes use CSS custom properties. Colors, spacing, and typography adapt automatically across light and dark modes.

33 classes in this category

Flex Containers

.row

display: flex; flex-direction: row; flex-wrap: wrap;

Horizontal flex container with wrap

.col

display: flex; flex-direction: column;

Vertical flex container

.center

display: flex; justify-content: center; align-items: center;

Center content both axes

Flex Children

.max

flex: 1 1 auto;

Fill all available space

.none

flex: 0 0 auto;

Don't grow or shrink

Grid

.grid

display: grid;

Basic grid container

.grid-auto

display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

Auto-fit responsive grid (250px min)

.grid-2

grid-template-columns: repeat(2, 1fr);

2-column grid

.grid-3

grid-template-columns: repeat(3, 1fr);

3-column grid

.grid-4

grid-template-columns: repeat(4, 1fr);

4-column grid

Containers

.container

max-width: var(--container); margin: 0 auto; padding: 0 var(--space-md);

Responsive centered container

.container-sm

max-width: var(--container-sm);

Small container width

.container-md

max-width: var(--container-md);

Medium container width

.container-lg

max-width: var(--container-lg);

Large container width

.container-xl

max-width: var(--container-xl);

Extra large container width

.container-fluid

max-width: none; padding: 0;

Full-width container, no padding

Position

.relative

position: relative;

Relative positioning

.absolute

position: absolute;

Absolute positioning

.fixed

position: fixed;

Fixed positioning

.sticky

position: sticky; top: 0;

Sticky to top on scroll

Z-Index

.z-0

z-index: 0;

Z-index 0

.z-10

z-index: 10;

Z-index 10

.z-20

z-index: 20;

Z-index 20

.z-30

z-index: 30;

Z-index 30

.z-40

z-index: 40;

Z-index 40

.z-50

z-index: 50;

Z-index 50

Overflow

.overflow-hidden

overflow: hidden;

Hide overflow content

.overflow-auto

overflow: auto;

Auto scrollbars when needed

.overflow-scroll

overflow: scroll;

Always show scrollbars

.overflow-visible

overflow: visible;

Allow content overflow

.overflow-x-auto

overflow-x: auto;

Horizontal auto scroll

.overflow-y-auto

overflow-y: auto;

Vertical auto scroll

.scroll-on-hover

overflow-y: auto; scrollbar-width: none;

Scrollbar only visible on hover