Play

The grid below is the quotes example, 150 simulated quotes, running in your browser (GPUI in WebAssembly, about a 7 MB download). Change any colour or font: the grid follows at once, and the address of this page carries your theme, so the link is the theme. Nothing is stored or sent anywhere. The Embedding page lists the keys.

Copy linkResetLoading the example…

Fonts and shape

Interface sizeNumber sizeRadius

Surfaces

BackgroundTextMuted textBordersAccentSelectionScrollbar

Table

RowsEven rowsHeaderHeader textHovered rowSelected rowSelected borderRow lines

Meaning

Rise, insertFall, removalChangeUpDownTickersTotals

Embed

Two lines show this grid, in this theme, on any page: the snippet sites below, a blog, your own docs. The theme is the one in this page's address.

<script type="module" src="https://gkg.giglabo.com/embed/v1/live-grid.js"></script>
<live-grid app="quotes" autoload></live-grid>

Copy

Open in CodePen

Open in JSFiddle

Open in StackBlitz

Open in MDN Playground