Standard Layout

A simple responsive grid utilizing CVA column variants and responsive Tailwind classes.

Feature 1

This is a standard uniform grid item spanning one column.

Feature 2

This is a standard uniform grid item spanning one column.

Feature 3

This is a standard uniform grid item spanning one column.

Bento Grid Layout

Complex spanning configurations using robust `GridItem` properties.

Featured
Bento Hero Item

This item spans multiple columns and rows on larger screens, demonstrating the flexibility of the `GridItem` spanning API. Perfect for dashboards and showcase layouts.

Analytics
Security
Wide Item

Spanning horizontally across multiple columns.