SigProAtomic Unified Reactive Engine

Why SigPro? ​

SigPro isn't just another framework; it's a high-performance engine. It strips away the complexity of massive bundles and returns to the essence of the web, enhanced with reactive superpowers.

The Core in Action ​

import { $ } from 'sigpro2';

// A reactive state Signal
const $count = $(0);

// A Computed signal that updates automatically
const $double = $(() => $count() * 2);

// UI that breathes with your data
const Counter = () => div([
  h1(["Count: ", $count]),
  p(["Double: ", $double]),
  button({ onclick: () => $count(c => c + 1) }, "Increment")
]);

$.mount(Counter);

Key Features ​

⚡️ Fine-Grained Reactivity ​

Unlike frameworks that diff complex trees (V-DOM), SigPro binds your signals directly to real DOM text nodes and attributes. If the data changes, the node changes. Period.

🔌 Polymorphic Plugin System ​

Extend core capabilities in a single line. Add global UI helpers, routing, or state persistence seamlessly.

import { UI, Router } from 'sigpro/plugins';
$.plugin([UI, Router]);

📂 File-Based Routing ​

With our dedicated Vite plugin, manage your routes simply by creating files in src/pages/. It supports native Lazy Loading out of the box for lightning-fast initial loads.

Quick Install ​

npm install sigpro

pnpm add sigpro

yarn add sigpro

bun add sigpro

Community & Support ​

SigPro is an open-source project. Whether you want to contribute, report a bug, or just talk about reactivity, join us on our official repository.

Built with ❤️ by NatxoCC