Svelte TV brings Svelte's component model to Lightning-powered living room apps. With Svelte TV, you build renderer-native, focus-driven interfaces for Canvas and WebGL.

• Declarative. Build TV screens with Svelte components while rendering through Lightning.
• Remote-first. Directional focus, key handling, hold states, and focus styling are part of the core.
• Renderer-native. Use Canvas or WebGL without relying on DOM layout.
• Practical. Routing, transitions, effects, virtual lists, and SDF font tooling are included.

Contents

• Requirements
• Building your first Svelte TV app
• Documentation
• License

📋 Requirements

Svelte TV targets Svelte 5 and @lightningjs/renderer 3.x. For supported renderer modes, font setup, and project requirements, see the Requirements guide.

Because Svelte 5 relies on JavaScript Proxy for its reactivity model, Svelte TV requires Chrome 49 or newer.

🎉 Building your first Svelte TV app

Follow the Getting Started guide to create your first Svelte TV app. If you are new to focus-driven TV interfaces, start with Learn the Basics

📖 Documentation

The full documentation for Svelte TV can be found on our website.

The documentation covers renderer setup, focus handling, layout, routing, effects, primitives, fonts, and deployment notes.

📄 License

Svelte TV is MIT licensed, as found in the LICENSE file.