Lyse UI
v1.1
Navigation

Table

Display structured data in rows and columns with consistent token-driven styling, optional striped rows, sticky header, and horizontal scroll for overflow.

Add to v0.dev
MemberRoleStatus
OM
Olivia Martin@olivia
Product Designer Active
LB
Lucas Bernard@lucas
Frontend Engineer Active
tsx

Default

Standard table with rich content — avatars, badges, and tags compose naturally inside cells.

MemberRoleEmailTeamsStatusActions
OM
Olivia Martin@olivia
Product Designerolivia@lyse.dev
DesignProduct
 Active
LB
Lucas Bernard@lucas
Frontend Engineerlucas@lyse.dev
Engineering
 Active
ED
Emma Dubois@emma
Product Manageremma@lyse.dev
ProductDesign
 Active
NL
Noah Laurent@noah
Backend Engineernoah@lyse.dev
Engineering
 Paused
JM
Jade Moreau@jade
UX Researcherjade@lyse.dev
Design
 Active

Striped

Alternating row backgrounds for easier scanning. Hover still wins over the stripe.

MemberRoleEmailStatus
OM
Olivia Martin@olivia
Product Designerolivia@lyse.dev Active
LB
Lucas Bernard@lucas
Frontend Engineerlucas@lyse.dev Active
ED
Emma Dubois@emma
Product Manageremma@lyse.dev Active
NL
Noah Laurent@noah
Backend Engineernoah@lyse.dev Paused
JM
Jade Moreau@jade
UX Researcherjade@lyse.dev Active
HL
Hugo Leroy@hugo
DevOps Engineerhugo@lyse.dev Inactive
LP
Léa Petit@lea
Content Designerlea@lyse.dev Active

Compact

Reduced padding for denser data display. Combinable with striped.

MemberRoleEmailStatus
OM
Olivia Martin@olivia
Product Designerolivia@lyse.dev Active
LB
Lucas Bernard@lucas
Frontend Engineerlucas@lyse.dev Active
ED
Emma Dubois@emma
Product Manageremma@lyse.dev Active
NL
Noah Laurent@noah
Backend Engineernoah@lyse.dev Paused
JM
Jade Moreau@jade
UX Researcherjade@lyse.dev Active
HL
Hugo Leroy@hugo
DevOps Engineerhugo@lyse.dev Inactive
LP
Léa Petit@lea
Content Designerlea@lyse.dev Active

With Footer

Footer row for totals or summaries. Footer rows are not striped and use a muted text color.

InvoiceDescriptionMethodAmount
INV-001Annual licenseCredit Card$2,400.00
INV-002Consulting — MarchBank Transfer$4,200.00
INV-003Design reviewPayPal$800.00
INV-004Infrastructure setupCredit Card$1,600.00
Total$9,000.00

With Caption

A caption describes the table content. Rendered below the table by default.

A list of your recent invoices.
InvoiceDescriptionAmount
INV-001Annual license$2,400.00
INV-002Consulting — March$4,200.00
INV-003Design review$800.00

Alignment

Headers and cells support left, center, and right alignment via the align prop.

Left (default)CenterRight
Olivia MartinDesigner$2,400.00
Lucas BernardEngineer$3,200.00