# Documentation

- [Introduction](/docs): Svelte for Lightning TV apps.
- [Getting Started](/docs/getting-started): Create and run a Svelte TV app.
- [Requirements](/docs/requirements): Runtime requirements for Svelte TV apps.
- Essentials
  - [Components](/docs/essentials/components): LightningRoot, View, Text, and ElementNode basics.
  - [Text and Images](/docs/essentials/text-images): Render crisp text and image textures.
  - [Focus](/docs/essentials/focus): Remote-first focus and navigation.
  - [Layout](/docs/essentials/layout): Build screens with View, Row, Column, Grid, and Virtual.
  - [Flex](/docs/essentials/flex): Arrange children with flex containers, gaps, wrapping, and alignment.
  - [Events](/docs/essentials/events): Key handlers, lifecycle handlers, and renderer events.
  - [Styles and States](/docs/essentials/styles-states): style props, focus states, and state priority.
  - [Transitions](/docs/essentials/transitions): Prop transitions, direct animations, chained animations, and destroy animations.
  - [Screen Resolution](/docs/essentials/screen-resolution): Design at 1920x1080 and scale to the device.
  - [Visibility](/docs/essentials/visibility): Show, hide, preserve, and conditionally render nodes.
  - [Routing](/docs/essentials/routing): HashRouter, Route, Navigate, and route props.
  - [Effects](/docs/essentials/effects): Radius, borders, shadows, gradients, and focus effects.
  - [Performance](/docs/essentials/performance): Keep TV UIs fast and predictable.
- Guides
  - [Config](/docs/guides/config): Global Svelte TV configuration.
  - [Renderer](/docs/guides/renderer): Choose WebGL or Canvas.
  - [Fonts](/docs/guides/fonts): Generate and load WebGL text fonts.
  - [Primitives](/docs/guides/primitives): Ready-made building blocks for TV interfaces.