FORGE KUI / product

HTML and CSS you already know.

Use familiar Flex, Grid, selectors, CSS variables, typography and animation. Canvas, SVG and DOM events have dedicated APIs, with individual support details in the reference.

Version 3.61.7

Flex and Grid for real applications

Combine Grid and Flex for sidebars, toolbars, data areas and inspectors. CSS describes the workspace structure while native code provides data and actions. Layout changes can stay separate from business logic.

css
.workspace {
  display: grid;
  grid-template-columns: 202px 1fr;
  gap: 24px;
}
.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

Selectors, variables and fonts

Use selectors and states for control appearance and CSS variables for shared colors and dimensions. Fonts, text measurement, scaling and overflow determine readability. Check Chinese, English, numbers and typed content.

Check support by feature

KUI targets HTML/CSS GUI rather than the complete browser platform. Check properties, values, selectors and layout behavior individually. Adapt JavaScript, Node.js and browser services to KUI Lua or host APIs. Consult current scope documentation for multicolumn layout, CSS Shapes and Subgrid.

Something unclear?

Report an issue on this page →