Download
live_svelte bridges Phoenix LiveView with Svelte components, letting you blend server-driven UIs and client-side interactivity in a single application. It mounts Svelte components from HEEx templates and wires props and events through a small interop layer, so data flows cleanly between LiveView assigns and Svelte state. The integration supports dispatching client events back to LiveView and pushing updates down to the component without writing custom glue for every case. This makes it straightforward to adopt Svelte for isolated, highly interactive widgets—charts, editors, complex form controls—without abandoning LiveView’s real-time model. The project aims to keep build tooling minimal and predictable, so teams can continue using familiar Phoenix asset pipelines. By enabling “islands” of Svelte within LiveView pages, live_svelte offers a pragmatic path to richer UX while preserving Elixir’s server-centric simplicity.
Features
- Embeds Svelte components inside Phoenix LiveView views
- Enables end‑to‑end reactivity without writing separate frontend code
- Simplifies client-side state management alongside server-rendered interactivity
- Retains full WebSocket-driven communication with LiveView
- Enhances UI expressiveness for animations and dynamic components
- Lightweight integration with minimal complexity and fewer things to break
Project Samples
