Build Realtime Experiences.
Real-time state synchronization for Nuxt applications. Share reactive state across clients, broadcast events, and manage connections with a developer-friendly API.
<script setup lang="ts"> // Shared state that is synced across all clients const counter = useRealtimeState('counter', 0) // Broadcast events to other clients const { publish } = useRealtimeEvents() </script> <template> <button @click="counter++"> Count: {{ counter }} </button> </template>
Simple, Powerful Composables
Realtime State
Share reactive state across all connected clients. Works just like Vue's useState, update the value and it syncs everywhere automatically.
Realtime events
Publish and subscribe to events across clients. Perfect for notifications, chat messages, or any real-time communication.
Realtime Connection
Monitor connection status with reactive state. Handle connect, disconnect, and reconnection events with callbacks.
Built on Socket.IO
Reliable WebSocket connections with automatic reconnection, fallbacks to polling, and battle-tested performance.
Optimistic Updates
Instant UI feedback with automatic rollback on failure. Configure per-state for the best user experience.
Pluggable Storage
Use memory, Redis, or any unstorage driver for state persistence. Scale horizontally with shared storage backends.