SigPro UI beta (W.I.P.)
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.
// 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, Tag, 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.