SigPro UI beta (W.I.P.)
TAILWIND V4
Built on the latest CSS engine. Lightning fast styles with zero legacy overhead.
DAISYUI V5
Semantic, beautiful and accessible. Professional components out of the box.
NATIVE REACTION
Direct integration with SigPro signals. No wrappers, no context, just speed.
READY-TO-GO
Import and build. Designed for developers who hate configuration files.
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 layout (DaisyUI). Each component is a high-order function optimized for the SigPro core, ensuring that your UI only updates where it matters.
| Requirement | Value | Why? |
|---|---|---|
| Engine | SigPro | Atomic reactivity without V-DOM. |
| Styling | Tailwind CSS v4 | Pure CSS performance. |
| Components | daisyUI v5 | Semantic and clean layouts. |
| 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 leverages Tailwind v4 for instant styling."),
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. Tailwind CSS v4 Engine
SigPro-UI uses the modern @theme and utility engine of Tailwind v4. It is designed to work with the ultra-fast compiler of the new generation.
3. 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.
Design at Runtime.
Combine the best of three worlds: SigPro for logic, Tailwind v4 for speed, and daisyUI v5 for beauty. Build interfaces that feel as fast as they look.