A live spreadsheet with a formula bar, typed columns, and one-click sync to your warehouse. Edit a cell, the source of truth updates everywhere.
| A | B | C | D | |
|---|---|---|---|---|
| Customer | Revenue | Orders | Status | |
| 2 | Lisa Park | $4,200 | 12 | active |
| 3 | Alex Turner | $890 | 3 | active |
| 4 | Maria Santos | $2,150 | 7 | trial |
| 5 | David Chen | $3,840 | 9 | active |
| 6 | Total | $11,080 | 31 | — |
Browser-chrome card rendering a live spreadsheet — formula bar with cell reference, typed columns, status-toned cells, and a selected total cell with outline ring. Every label is editable; no media props required.
showcase28
Browser-chrome card rendering a markdown source editor on the left and the rendered HTML on the right — minimal monochrome syntax markers, structured preview blocks (headings, paragraphs, lists, fenced code). Every label is editable; no media props required.
showcase15
Browser-chrome card pairing a syntax-highlighted code editor with a live activity feed — pulsing status dot, color-coded events, and an open-log footer. Every label is editable; no media props required.
showcase23
Browser-chrome card pairing a live button-variant preview on the left with a syntax-highlighted code editor on the right — dotted canvas background, size pill toggle. Every label is editable; no media props required.
showcase22
Browser-chrome card pairing a typed query result table on the left with a syntax-highlighted code editor on the right — sortable columns, status-toned cells, row count footer. Every label is editable; no media props required.