Web Adapter Examples

Examples using @livestore/adapter-web for browser environments.

TodoMVC (React)

Classic TodoMVC implementation with React, showcasing local-first data persistence and real-time synchronization.

Technologies: React • TypeScript • LiveStore

Try Demo →

View Source →

LinearLite (React)

Issue tracking application inspired by Linear, demonstrating complex data relationships and collaborative editing.

Technologies: React • TypeScript • LiveStore

Try Demo →

View Source →

TodoMVC + CF Sync

TodoMVC with Cloudflare Workers integration, showcasing server-side synchronization and Durable Objects.

Technologies: React • Cloudflare Workers • Durable Objects • LiveStore

Sync Provider: cloudflare

Try Demo →

View Source →

TodoMVC (SolidJS)

TodoMVC implementation using SolidJS, demonstrating LiveStore's framework-agnostic approach.

Technologies: SolidJS • TypeScript • LiveStore

View Source →

TodoMVC (Custom Elements)

Web Components implementation using TypeScript and React, demonstrating custom element patterns with LiveStore.

Technologies: Web Components • TypeScript • React • LiveStore

View Source →

TodoMVC + Electric Sync

Screenshot coming soon

TodoMVC with ElectricSQL integration, demonstrating real-time sync with PostgreSQL backend.

Technologies: React • ElectricSQL • PostgreSQL • LiveStore

Sync Provider: electric

View Source →

TodoMVC (Experimental)

Screenshot coming soon

Experimental TodoMVC implementation showcasing cutting-edge LiveStore features and patterns.

Technologies: React • TypeScript • LiveStore

View Source →

TodoMVC (Script)

Screenshot coming soon

Minimal TypeScript implementation demonstrating basic LiveStore integration patterns.

Technologies: TypeScript • LiveStore

View Source →

CF Chat

Real-time chat application with Cloudflare Durable Objects, WebSocket synchronization, and bot interactions.

Technologies: React • Cloudflare Workers • Durable Objects • WebSockets • LiveStore

Sync Provider: cloudflare

Try Demo →

View Source →

Web Adapter

Uses SQLite WASM with OPFS (Origin Private File System) for browser storage
Runs in Web Workers and SharedWorkers for multi-tab coordination
Persists data via OPFS Access Handle Pool VFS
Supports WebSocket connections for sync and devtools

Frameworks

React (@livestore/react)
SolidJS (@livestore/solid)
Web Components
Vanilla JavaScript

View all examples on GitHub →