Generated interfaces

Validated forms, tables and charts a model describes and the server renders.

Live examples

Sample server · structure, values and outcomes are supplied locally

Interactive result

The change is ready for review. Surface version 1.

Changed files

Loading example…

GeneratedUIStates, props and code

Build duration

seconds · Source: Synthetic CI history · As of: Synthetic run snapshot

Synthetic measured values. Legend changes are server-controlled; Chart data retains every supplied value.

Loading example…

ChartStates, props and code

The components

GeneratedUIScreens a model describes, such as forms, charts, tables, lists and steps, checked before they render.
AIFormForms with fields that appear as needed, validation and confirmed submission.
DataGridA table with sorting, paging, row selection and column toggles.
ChartBar, line and area charts with a matching data table, and gaps where data is missing.

Imports

Install once with npm install @stackunseen/ui, then import what you use.

tsx

import { GeneratedUI, AIForm, Chart } from '@stackunseen/ui';
import { DataGrid } from '@stackunseen/ui/application';
import '@stackunseen/ui/styles.css';
import '@stackunseen/ui/application.css';