woutdp/live_svelte

Health v2 · maintenance only

Adoption not part of the score

1660 stars · 77 forks observed · 2026-10-03

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

LiveSvelte is an Elixir library that integrates Svelte components into Phoenix LiveView, providing seamless end-to-end reactivity over websockets. It supports server-side rendering of Svelte, a sigil-based DSL, TypeScript, Tailwind, and slot interoperability.

Use cases

• build real-time chat UIs in Phoenix with Svelte components
• add client-side interactivity to a LiveView app without a separate SPA
• server-side render Svelte components inside an Elixir web app
• sync complex local frontend state with a Phoenix server over websockets
• use Svelte animations and scoped CSS in a LiveView project
• create hybrid apps where LiveView handles forms and Svelte handles rich UI

When to choose

• you use Phoenix LiveView and want Svelte's DX, animations, and scoped CSS
• you need complex client-side state alongside server-driven real-time updates
• you want SSR for Svelte within an Elixir stack

When to avoid

• your project is not built on Phoenix or Elixir
• you need a fully client-side SPA without a server-rendered backend
• your production environment cannot run Node.js 19+ for SSR

Facets

library · maturity active

ssr websocket frontend-framework state-management templating web-development frontend developer-tools cross-platform svelte phoenix-liveview elixir end-to-end-reactivity hex-package real-time web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="woutdp/live_svelte")