Layouts

Available layouts

• **grid** — responsive card grid (default)
• **carousel** — horizontal scroll with snap points
• **marquee** — infinite scrolling strip
• **list** — single-column stacked cards
• **bento** — asymmetric highlight grid
• **masonry** — Pinterest-style columns
• **floating** — stacked offset cards
• **columns** — dual auto-scrolling columns

Set via data-layout="bento" or the playground / customizer.

Choosing a layout

• **Landing hero** → bento or carousel
• **Footer social proof** → marquee or columns
• **Dedicated reviews page** → grid or masonry
• **Sidebar widget** → list

Preview all layouts in the **Interactive playground** or at /examples.