Public demo

UI kit · Data display

UI kitGeneric UI

Sortable-style table, accordion, rich list rows, vertical timeline, and tree lines—dense information without a chart dependency.

Patterns for operational UIs: audit tables, expandable settings, activity feeds, and hierarchical navigation previews.

UI showcase

Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.

Ideal briefing surface before you plug in a virtualized grid or CMS tree.

Why this demo works

  • Table + accordion pair covers the majority of admin read/write patterns.

Suggested use cases

  • Billing history, audit logs, org trees
  • Notification and activity feeds

What's included

  • Compact data table with status pills
  • Accordion with open body region
  • Two-line list rows with avatars
  • Three-node vertical timeline
  • Indented tree outline

Editable in Frontuna

Structure-first; compatible with TanStack Table, AG Grid, or plain HTML tables.

Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.

Build notes

  • Replace table tbody with your data grid component.
  • Tree lines should become accessible treeview roles in production.