XXC / DESIGN WORKSHOP

Table Builder.

Turn your data into a considered layout. Build semantic tables, CSS Grid or Flexbox, then keep creating.

Works in your browser Ready for your next project

Structure & style

Output structureCaption / accessible name

ColumnsData rows

Column headers First column as row headers Alternating row backgrounds Cell bordersOn narrow screensCell padding 14 px

AccentSurface

Use semantic tables for tabular data. Div layouts include table roles and labeled headers. Up to 30 rows and 12 columns.

TEXT ONLY · SAFE TO PASTE

Import CSV data

Paste comma-separated values First row contains headers

Preparing preview…

FROM EXPERIMENT TO PROJECT

Copy the code, export a draft, or send it to the editor to run and refine.