SigPro UI beta (W.I.P.)

Reactive Design System for SigPro
"Atomic components for high-performance interfaces. Zero-boilerplate, pure DaisyUI v5 elegance."
View Components →

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. ```javascript // 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.

Atomic UI System — Built for SigPro — NatxoCC