Sprites JavaScript User Interface

The user interface framework, built on Sprites.Reactive. The core binds a build to the page and sets the ambient enabled state; the modules build content, layout, buttons, inputs, windows, overlays and DOM.

Sprites.Ui Module

Sprites.Ui

The core: bind a build to the page, and set the ambient enabled state.

Sprites.Ui.Content

A paragraph, a title, a section, and a padded content area.

Sprites.Ui.Layout

Row, column, grid and stretch, built on the stylesheet layout classes.

Sprites.Ui.Button

Buttons that run a click handler or set, toggle, step and edit values.

Sprites.Ui.Input

Form controls, each two-way bound to a reactive value.

Sprites.Ui.Window

Modal and floating windows, with a title bar and a footer.

Sprites.Ui.Loading

A loading boundary: a spinner over content while a value it reads is pending.

Sprites.Ui.Overlay

Content shown above a background, in a region or the whole window.

Sprites.Ui.Dom

Elements, attributes, text, classes, styles and events.

Sprites.Ui.Image

Canvas and SVG drawing surfaces, with pan and zoom. The drawing commands live in Sprites.Image.

Sprites.Ui.Scene

A three dimensional scene surface. It holds a camera and draws on an image underneath. The scene commands live in Sprites.Scene.

Sprites.Ui.Touch

Pointer surfaces that report where the pointer is over a frame, in element pixels or drawing units.