React Native Web for TV

• TV navigation primitives. Build 10-foot experiences with TVFocusGuideView, spatial focus, and explicit directional navigation props.
• Remote control events. Handle TV remote actions with TVEventHandler, TVEventControl, and useTVEventHandler.
• Web-first TV targets. Run React Native UI patterns on browser-based TV environments while preserving web interoperability.
• Accessible HTML. Support different devices and input modes, render semantic tags.
• Remote Control interactions. Support LRUD configurable navigation.
• Reliable styles. Rely on scoped styles and automatic vendor-prefixing. Support RTL layouts.
• Responsive containers. Respond to element resize events.
• Incremental adoption. Interoperates with existing React DOM components. Bundle only what you use.

TV highlights

Use the TV docs to migrate patterns from React Native tvOS while targeting web-based TV platforms.

• TV navigation model and focus behavior
• TVFocusGuideView component reference
• TVTextScrollView component reference
• TVEventHandler API
• TVEventControl API
• useTVEventHandler hook

Try it out!

You can try React Native Web for TV from your browser using the official template on CodeSandbox.

For TV Examples: LRUD navigation is already enabled in this sandbox. Use your keyboard arrow keys to move focus.

Fork the template and create your own app without leaving the browser.