Blocks

Code block with syntax-highlighted snippets, a multi-language tab switcher, copy button, and an actions slot. Highlighting via highlight.js.

A hex color picker with HSL, RGB or HSV channel controls and optional preset swatches.

A command palette dialog with fuzzy search and grouped results.

A button that copies text to the clipboard, with copy and copied states.

Composable TanStack Table v9 presentation, with sorting, filtering, row selection, and pagination.

A unified diff viewer with a file top bar, change counts, and highlighted rows.

Present a collection as a folder with a cover, title tab, index, and count.

A safe GFM renderer for polished agent prose, tables, task lists, links, and code.

A nonmodal panel attached to a viewport edge for short updates and ongoing activity.

Reorder controlled items with pointer or keyboard input.

Clamp long content and reveal the rest on demand.

Narrate ordered asynchronous work without noisy updates.

Transient notifications fired from anywhere in your app.

Composable keyboard toolbar with buttons, links, and selectable groups.