MozaikaScreen

HeroUI: HeroUI — Data Table

Open Source · recipe

The data table from HeroUI's canonical demo, decoded live: row hover changes cell_background; sorting live (aria-sort=ascending); 3 states, 5 rows measured.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/heroui-heroui-data-table.

Palette

rgba(0, 0, 0, 0)rgba(0, 0, 0, 0)oklab(0.210299 0.00161309 -0.00566931 / 0.9)

Fonts

Inter

UX patterns

Data Display

UI elements

Table

Context