Card

Flexible, composable container for grouping related content with multiple visual variants following Neo-Minimal design principles.

component luma-card

Default

Default Card

Card with gradient border style

Content with gradient wrapper styling.

Shadow

Shadow Card

Elevated card with subtle shadow

Primary content with clean, elevated appearance.

Nested

Parent Card

Nested content with subtle differentiation.

Preview

Basic Card

Card Title

This is a description of the card content.

Main content goes here.

Stats Card

Total Revenue

$45,231.89

+20.1% from last month

Minimal Card (No Header)

Simple content without header or title.

Card with Custom Content

User Profile

Manage your account settings

JD

John Doe

john@example.com

Dashboard Layout with Mixed Variants

Dashboard

Users

1,234

Revenue

$12.5k

Growth

+15%