@swim/ui implements a massively real-time user interface toolkit. Procedural styling, and a unified view hierarchy, make it easy to consistently animate—and efficiently render—mixed HTML, SVG, and Canvas components, enabling uniform tweening of everything from HTML attributes, to CSS styles, SVG and Canvas drawings, and custom parameters. @swim/ui is a part of the @swim/system framework.
The @swim/ui umbrella package depends on, and re-exports, the following component libraries:
@swim/ui builds on the @swim/core framework; it has no additional dependencies.
For an npm-managed project,
npm install @swim/ui to make it a dependency.
TypeScript sources will be installed into
node_modules/@swim/ui/lib/main. And a pre-built UMD script, which
bundles all @swim/ui component libraries, can be found in
Browser applications can load
swim-ui.js, along with its
dependency, from the Swim CDN.
<script src="https://cdn.swim.ai/js/latest/swim-core.js"></script> <script src="https://cdn.swim.ai/js/latest/swim-ui.js"></script>
Alternatively, the standalone
swim-system.js script may be loaded
from the Swim CDN, which bundles @swim/ui together with all other
@swim/ui can be imported as an ES6 module from TypeScript and other
ES6-compatible environments. All component libraries are re-exported by
import * as swim from "@swim/ui";
@swim/ui can also be used with CommonJS-compatible module systems.
All component libraries are re-exported by the umbrella
var swim = require("@swim/ui");
When loaded by a web browser, the
swim-ui.js script adds all component
library exports to the global
swim namespace. The
swim-core.js has already been loaded.
swim-system.js script also adds all @swim/ui component library
exports to the global
swim namespace, making it a drop-in replacement
swim-ui.js when additional @swim/system frameworks are needed.