Sinho

🌌 Web standards with custom HTML elements
⚛️ React-like API
✒️ Declarative templating with JSX (no additional parsing)
🚥 Fine-grained reactivity with signals
🛟 Type-safe components out of the box with TypeScript
🪶 Lightweight (~4KB minified and compressed)

import { Component, useSignal } from "sinho";

class MyCounter extends Component() {
  render() {
    const [value, setValue] = useSignal(0);

    return (
      <>
        <p>Counter: {value}</p>
        <p>
          <button onclick={() => setValue((n) => n + 1)}>Increment</button>{" "}
          <button onclick={() => setValue((n) => n - 1)}>Decrement</button>
        </p>
      </>
    );
  }
}