Siemens iris · sandbox

Try iris in HTML, React, Vue, or Angular.

Open the same component styleguide in the setup you use. Every sandbox uses iris-core, iris-icons, and the same CSS variables, meaning that all frameworks will always stay in sync.

Sandbox demos

Need a focused test case? Demos are smaller, purpose-built spaces for trying an interaction, testing package behavior, or documenting research outside the four full styleguides.

Type Title Description Tech stack Updated Link
Evaluation iris v1.0 release testing Pre-publish validation of the iris-core v1.0 release candidate — the DESYS-1379 P5 config-gated dist, the renamed global SCSS layers, the grid/flex-grid classes, and the dual-POC-aligned surface token tier. HTML, CSS, SCSS 2026-09-21
Evaluation iris-core dual-CSS POC How iris-core loads and themes today, and how it should additively adopt dual-output CSS, SUIT naming, a component-token tier, and iX status colors. Markdown, HTML, CSS, SCSS, Cytoscape.js 2026-09-16
Motion/UI Search loaders Animated Siemens search-bar loading states — spinner, voice, and combined. HTML, CSS 2026-08-28
Liquid logic Tech-touch dynamic tables Stensul dynamic product tables driven by Liquid SKU conditionals. Stensul Liquid, HTML 2026-08-28