Staci

drop-in, reactive signals 🤌

Counter Example

 1<script>
 2    staci.set("count", 0);
 3    staci.event("incrementCount", () => {
 4        let [count, setCount] = staci.get("count");
 5        setCount(count+1);
 6    });
 7</script>
 8
 9<button st-click="incrementCount">
10    <p>Increment</p>
11    <st-signal>{| count |}</st-signal>
12</button>

Use-Case

staci is all about compliementing existing HTML. Other solutions dictate the way you write your HTML. When you want to generate HTML, you must do so with the framework.

staci is different. She is not about replacing you're existing wife__ I mean system. Rather, staci intends to join-in where needed and can be adopted incrementally overtime.

Philosophy

Imagine if signals were available natively in the DOM. That is the vibe staci attempts to create.

Using signals should feel natural.