Documentation

The structural hierarchy of Screen, View, Layout, Title Bar, Columns, and Mashup: the fixed scaffolding for plugin content.

Font families, glyphs, text size and scale, weight, color, alignment, and stroke utilities for controlling how text appears across devices and orientations.

Control dimensions, spacing, and arrangement of elements. Size, spacing, gap, flex, grid, and aspect ratio are the building blocks for structure.

Breakpoints, bit-depth variants, and visibility controls: the building blocks for adaptive layouts.

Control appearance and visual effects. Background, border, image, scale, and inverse colors are the building blocks for custom interfaces.

The Framework Runtime and the engines it drives at render time: overflow, clamping, value formatting and fitting, content limiting, and pixel-perfect text.

TRMNLPaint, the JavaScript paint API. Read the live CSS cascade to resolve framework colors, borders, and typography for canvases, SVGs, and charts.

The framework SCSS source for custom stacks. Compile your own build, add custom device profiles, and author device-aware styles with the framework mixins.

Opt-in stylesheets that re-theme screens while preserving device-capability rendering: usage, the authoring contract, and every themable slot.

The public CSS variable surface: the palette, every token with its per-mode values, and the contract for who reads, re-points, and generates them.

Atomic text and separator elements: Title, Value, Label, Description, and Divider. Use these for consistent typography and visual structure.

Higher-level UI patterns that combine elements: Rich Text, Item, Table, Chart, and Progress. Ready-made building blocks for content.