Curiosity

You can build web UIs in C# using Tesserae components with fluent configuration and Stack/Grid layout, look up per-component API references, benchmark rendering performance with Tesserae.Bench, and update UIcons webfonts with re-baked optical centering of glyph outlines.

Engineers writing or editing Tesserae apps in C#, and performance-focused developers asking 'is this faster', 'why is this page slow', or 'did this break the layout' after changing Stack/Grid, sizing extensions, components, or tps/assets/css stylesheets.

It runs the Tesserae.Bench harness, a ten-page app shaped like a real product, driven by Playwright under a CDP CPU profile. You A/B two builds to measure rendering cost, find where build time or memory goes, and prove the visible output is unchanged.

Use it when bumping the icon set, when an icon looks off centre, when icons that should overlap have drifted apart, or when touching Build.UpdateInterfaceIcons. It updates the bundled UIcons webfonts and enum and re-bakes optical centering into glyph outlines.

You write the UI in C#, which the Transpose compiler compiles to JavaScript. Layout uses Stack/Grid containers with sizing and spacing helpers, and per-component references live in the references/ folder for API lookup while editing a Tesserae app.