Box is the most abstract component on which all other components are built. By default, it renders a div element.

Stack is a component that groups elements and provides spacing between child elements.

Container is a component used as a general division element. By default, it renders the section element.

Flex is a component that sets flex to Box. Also, convenient style shorthand is available.

Wrap is a component that has wrap set on Flex. It inherits convenient style shorthand from Flex.

Center is a component that aligns the child elements in the center within the component.

Grid is a component for managing grid layouts. It also comes with handy style shorthand.

SimpleGrid is a component that makes Grid simpler and more user-friendly.

Spacer is a component used to add space between elements.

Bleed is a component used to extend elements beyond the boundaries of a container.

Float is a component used to fix elements to the edges of a container.

Separator is a component that represents a division between elements.

Divider is a component that represents a division between elements.

AspectRatio is a component for embedding things like videos and maps while maintaining the aspect ratio.