Nullstack UI

DocsSoon ComponentsSoon ResourcesSoon

Getting started

Handling colors

Props

Background

Background Background attachment Background blend mode Background clip Background color Background image Background origin Background position Background repeat Background size Background url

Blend

Background blend mode Mix blend mode

Border

Border Border bottom Border color Border left Border radius Border right Border top Border x Border width Border y

Colors

Accent color Background color Caret color Color Gradient Text color

Dimensions

Height Max height Max width Min height Min width Width

Display

Block Display Flex Grid

Filters

Blur Brightness Contrast Grayscale Hue rotate Invert Saturate Sepia Backdrop blur Backdrop brightness Backdrop contrast Backdrop grayscale Backdrop hue rotate Backdrop invert Backdrop saturate Backdrop sepia

Flex

Align Align h Align items Align self Align v Flex Flex basis Flex direction Flex flow Flex grow Flex shrink Flex wrap Justify content Order Reverse

Font

Antialiased Font family Font size Font style Font weight Relative size

Grid

Auto columns Auto flow Auto rows Column end Column span Column start

Groups

Interactivity

Active Focus Hover Pointer events Resize User select

Layout

Aspect ratio Box sizing Clear Float Reset Z-index

Margin

Margin Margin bottom Margin left Margin right Margin top Margin x Margin y

Object

Object fit Object position

Outline

Outline Outline color Outline offset Outline style Outline width

Overflow

Overflow Overflow x Overflow y

Padding

Padding Padding bottom Padding left Padding right Padding top Padding x Padding y

Position

Absolute Bottom Fixed Inset Left Position Relative Right Static Sticky Top

Pseudo elements

After Before First letter First line Selection

Render

Ring

Selectors

Children Even First child First of type Last child Last of type Not Nth child Nth last of type Nth of type Odd Only child

Shadow

Box shadow Text shadow

Space

Space x Space y

States

Checked Disabled Empty Link Optional Read only Visited

Text

Capitalize Direction Ellipsis Letter spacing Line clamp Line height Lower case No wrap Text align Text align last Text decoration Text indent Text overflow Underline Upper case Vertical align White space Word spacing

Transform

Rotate Rotate 3D Rotate x Rotate y Rotate z Scale Scale 3D Scale x Scale y Scale z Transform origin Translate Translate 3D Translate x Translate y Translate z

Transition

Visibility

Hidden Invisible Visibility Visible

Responsiveness

Responsive props

Customizing

Customizing breakpoints