Introduction

Svelte TV lets you build Lightning renderer apps with Svelte components.

It gives you the pieces TV apps need most:

• a LightningRoot for renderer setup
• View and Text components
• focus handling for remotes
• rows, columns, grids, modals, drawers, and other TV primitives
• hash routing
• generated WebGL fonts

Start Here

Mental Model

Most screens are built from a small set of ideas:

• View is a renderer node.
• Text draws text.
• Row and Column handle common focus movement.
• Focus styles live in style={{ $focus: ... }}.
• Use padding and gap before reaching for manual x and y.
• Use explicit w and h for screens, images, grids, and virtual viewports.

Recommended Reading Order

1. Getting Started
2. Components
3. Layout
4. Focus
5. Text and Images
6. Styles and States
7. Transitions
8. Screen Resolution
9. Routing
10. Config
11. Fonts