Boxは、他のすべてのコンポーネントがその上に構築される最も抽象的なコンポーネントです。デフォルトでは、div要素をレンダリングします。

Stackは、要素をグループ化し、子要素間にスペースを設けるコンポーネントです。

Containerは、汎用的な区分要素として使用するコンポーネントです。デフォルトでは、section要素をレンダリングします。

Flexは、Boxにflexを設定したコンポーネントです。また、便利なスタイルのショートハンドが用意されています。

Wrapは、Flexにwrapを設定したコンポーネントです。Flexから便利なスタイルのショートハンドを継承しています。

Centerは、コンポーネント内の子要素を中央に配置するコンポーネントです。

Gridは、グリッドレイアウトを管理するためのコンポーネントです。また、便利なスタイルのショートハンドが用意されています。

SimpleGridは、Gridをより使いやすくシンプルにしたコンポーネントです。

Spacerは、要素間に空間を追加するために使用するコンポーネントです。

Bleedは、要素をコンテナの境界から外すために使用されるコンポーネントです。

Floatは、要素をコンテナの端に固定するために使用されるコンポーネントです。

Dividerは、要素間において区切りを表すコンポーネントです。

AspectRatioは、アスペクト比を維持したビデオやマップなどを埋め込むためのコンポーネントです。