Universal state management SDK for JavaScript and TypeScript

One reactive core. Three paradigms. Every framework.

StateLoom provides a signal-based reactive core with paradigm adapters (Store, Atom, Proxy) and framework adapters (React, Vue, Solid, Svelte, Angular). Pick the mental model you prefer, use it in any framework, and compose middleware for persistence, devtools, sync, and more.

• Signal-based core (~1.5 KB gzipped) -- push-pull hybrid reactivity aligned with the TC39 Signals proposal
• Three paradigms, one core -- Store (Zustand-style), Atom (Jotai-style), Proxy (Valtio-style) all built on the same signal graph
• Every major framework -- React, Vue, Solid, Svelte, Angular with thin, idiomatic adapters
• SSR-first -- per-request scope isolation prevents state leakage between server requests
• Composable middleware -- persistence, devtools, tab sync, history, telemetry as independent packages
• TypeScript-first -- strict types with full inference, no any, no enums, named exports only
• Tree-shakeable -- pay only for the packages you use

import { createStore } from '@stateloom/store';

const counterStore = createStore((set) => ({
  count: 0,
  increment: () => set((state) => ({ count: state.count + 1 })),
  reset: () => set({ count: 0 }),
}));

counterStore.getState().increment();
console.log(counterStore.getState().count); // 1

import { atom, derived } from '@stateloom/atom';

const countAtom = atom(0);
const doubledAtom = derived((get) => get(countAtom) * 2);

countAtom.set(5);
console.log(doubledAtom.get()); // 10

import { observable, snapshot } from '@stateloom/proxy';

const state = observable({ count: 0, text: 'hello' });
state.count++;

const snap = snapshot(state);
console.log(snap.count); // 1

import { signal, computed, effect } from '@stateloom/core';

const count = signal(0);
const doubled = computed(() => count.get() * 2);

effect(() => {
  console.log(`Count is ${count.get()}, doubled is ${doubled.get()}`);
});

count.set(5); // logs: "Count is 5, doubled is 10"

Install the core and the packages you need:

# Core + Store + React (most common setup)
pnpm add @stateloom/core @stateloom/store @stateloom/react

# Core + Atom (bottom-up composition)
pnpm add @stateloom/core @stateloom/atom

# Core + Proxy (mutable syntax)
pnpm add @stateloom/core @stateloom/proxy

# Add middleware as needed
pnpm add @stateloom/persist @stateloom/devtools

• Getting Started -- set up StateLoom in your project
• API Reference -- per-package documentation
• Architecture -- design decisions and layer diagram
• Contributing -- how to contribute

We welcome contributions! See CONTRIBUTING.md for how to get started.

For detailed contributor documentation, see the Contributing Guide.

MIT