LOSOS Documentation
A 6KB reactive framework where data lives at URLs, changes auto-save, and other clients update in real time.
Quick Start →
One file. 30 seconds. No install. Copy, paste, open browser.
Getting Started
Build your first app in 5 minutes. Copy three files, create a pane, open in browser.
API Reference
Every function in store.js, html.js, and shell.js. With examples.
Gotchas
Common pitfalls and how to avoid them. Read this before your second app.
Architecture
How the pieces fit together. Kernel, shell, drivers, data model.
Nested Panes
Render panes inside panes. Data-driven UI composition with resolvePane and registry.
JSON Schema Forms
Add $schema to your data, get a free edit form. Auto-generated from your schema.
Examples
5 complete apps — music player, Reddit browser, Pokédex, GitHub browser, countries explorer.
The Stack
| Module | Size | Purpose |
|---|---|---|
| html.js | 2.5 KB | Tagged templates, DOM patching, keyed lists, refs |
| store.js | 1.9 KB | Reactive mutations, dirty tracking, debounced PUT, WebSocket |
| lion | 1.5 KB | JSON-LD store, index by @id, fuzzy property lookup |
| shell.js | ~1 KB | Pane loader, tab bar, boot options, tab persistence |
No build step. No dependencies. No virtual DOM. Copy the files, write a pane, open in browser.