Lyse UI
v1.1

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 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