SigPro UI beta (W.I.P.)

Reactive Design System for SigPro

"Atomic components for high-performance interfaces. Zero-boilerplate, pure reactivity."

View Components →

SIGPRO NATIVE

Direct integration with SigPro signals. No wrappers, no context, just pure atomic reactivity.

ZERO CONFIG

Import and build immediately. Designed for developers who hate configuration files.

REACTIVE BY DESIGN

Every component is a high-order function optimized for SigPro's fine-grained updates.

READY-TO-GO

60+ atomic components. Semantic, accessible, and production-ready.

## The UI Powerhouse SigPro-UI isn't just a library; it's a **Functional Design System**. It eliminates the gap between your data (Signals) and your UI components. Each component is a high-order function optimized for the SigPro core, ensuring that your interface only updates where it matters. | Requirement | Value | Why? | | :--- | :--- | :--- | | **Engine** | **SigPro** | Atomic reactivity without V-DOM. | | **Components** | **SigPro-UI** | 60+ semantic, reactive components. | | **Styling** | **daisyUI v5** | Beautiful, accessible, themeable. | | **Learning Curve** | **Zero** | If you know JS and HTML, you know SigPro-UI. | ### Semantic Functionalism Stop writing endless HTML strings. Use semantic JavaScript constructors that return live, reactive DOM nodes. ```javascript // Pure SigPro-UI: Clean, Reactive, Type-Safe Modal({ open: isVisible, title: "Precision Engineering" }, () => Div({ class: "space-y-4" }, [ P("SigPro-UI provides instant reactivity out of the box."), Button({ class: "btn-primary", onclick: () => isVisible(false) }, "Confirm") ]) ) ``` --- ## Technical Stack Requirements To achieve the performance promised by SigPro-UI, your environment must be equipped with: ### 1. SigPro Core The atomic heart. SigPro-UI requires the SigPro runtime (`$`, `$watch`, `$html`, etc.) to be present in the global scope or provided as a module. ### 2. daisyUI v5 The visual DNA. All components are mapped to daisyUI v5 semantic classes, providing access to dozens of themes and accessible UI patterns without writing a single line of custom CSS. ### 3. Modern Browser SigPro-UI uses modern Web APIs and requires no polyfills for evergreen browsers. ---

Reactive at Runtime.

Combine the best of both worlds: SigPro for logic and daisyUI v5 for beauty. Build interfaces that feel as fast as they look, with components that react instantly to your data changes.

Atomic UI System — Built for SigPro — NatxoCC