Professional-grade HMI Components

Release@salsafx/uiv16.62.0

Why SalsaFX Web Components?

Framework Agnostic

Built on native Web Components. Works seamlessly in Lit, React, SolidJS, Vue, Svelte, or plain HTML.

Performance Optimized

Designed for real-time data visualization with minimal CPU overhead and zero runtime dependencies.

Industrial Reliability

Tested for mission-critical environments. Consistent behavior across all modern browsers.

Fully Customizable

Easily themeable via CSS variables to match your specific HMI/SCADA design requirements.

Framework Compatibility

One Component Library, Any JavaScript Stack

Built strictly on the W3C Web Components standard. Drop them directly into pure HTML or use first-class typed JSX wrappers and templates in your favourite framework.

Native Lit

Lit→

import '@salsafx/ui'

Zero overhead, pure custom element lifecycle with html tagged templates

React JSX

React→

@salsafx/ui/react

Typed JSX component wrappers with full props, ref and event bindings

Solid JSX

SolidJS→

@salsafx/ui/solid

Fine-grained reactive JSX wrappers tuned for signal-driven UI updates

Vue 3

Vue→

import '@salsafx/ui'

Direct template binding with ref, reactive properties and custom events

Svelte

Svelte→

import '@salsafx/ui'

Natural property binding and native custom element event listeners

Editor Support

SalsaFX IDE

First-class component autocomplete and attribute IntelliSense in your editor.

Cursor

VS Code