Svelte 5 Grid – Grid Layout

CSS Grid container for 2D layouts.

layoutgrid

Preview

Use Case

Used for dashboards, card grids, and complex page layouts.

Props API

Grid component props
PropTypeDefaultDescription
cols number1Number of columns
gap number4Gap spacing

Related Components

StackBox

See it in Action

Explore the Grid in an interactive dashboard environment.

Customize in Showroom

More Layout Components

Panel

The Panel component groups related content with a consistent label style.

Toolbar

This control strip combines multiple input types into a cohesive unit, reducing visual noise while maximizing functionality.

Pagination

Designed to scale from 5 to 500 pages, this pagination component uses smart ellipsis logic to keep the UI compact while maintaining context.