List Containers

Discover our list containers, ideal for grouping and displaying lists of items in a coherent and structured manner.

Basic

A fundamental list container layout, suitable for a variety of content.

Live preview:
Basic Card

A basic list container styled as a card, offering a defined boundary for content.

Live preview:
Basic Card Dividers

List container with card style and dividers, organizing content into clear sections.

Live preview:
Basic Card Dividers Middle

A variant of the basic card with dividers focused in the middle of the container.

Live preview:
Basic Dividers

Basic list container featuring dividers to separate and structure content.

Live preview:
Basic Dividers Middle

A list container with dividers concentrated in the middle for a unique layout.

Live preview:
Basic Stacked

A stacked version of the basic list container, layering content for depth.

Live preview:
Basic Stacked Card

Stacked list container within a card format for a more pronounced presentation.

Live preview:
Basic Stacked Card Dividers

Stacked card with dividers, combining elevation with clear content separation.

Live preview:
Basic Stacked Dividers

Stacked list container equipped with dividers to enhance content organization.

Live preview:
Basic Stacked Dividers Middle

This variant focuses dividers in the middle of a stacked list container.

Live preview:
Basic Stacked Dividers Middle Alt

An alternative design to the middle-focused dividers in a stacked list container.

Live preview:
Grid Dividers Three Columns

A grid layout with dividers, organized into three columns for content distribution.

Live preview:
Grid Dividers Two Columns

Two-column grid list container with dividers for segmenting content clearly.

Live preview: