Smart TV in the browser
A Tizen/webOS-style interface you can drive with arrow keys only. The spatial navigation engine is written from scratch, no libraries.
Compare with the Qwik version →Smart TV demo
Race Condition
Two promises, one state. Whoever arrives last wins.
Continue watching
Frontend thrillers
Documentaries
Comedies
Enter with Tab or the remote below, then use the arrow keys, Enter to open and Backspace/Esc to go back.
How it works
- Navigation is geometric: each arrow picks the closest element in that direction, looking inside the same group first.
- Each row remembers its last selected item, like on real TVs: coming back resumes from there.
- The detail panel keeps focus inside; Back or Esc closes it and returns focus to the originating cover.
- It also handles the Back keys of Tizen (10009) and webOS (461) remotes.
- The screen is designed at 1920×1080 and scaled with container query units: no JavaScript for layout.
- Real DOM focus with roving tabindex: Tab moves in and out of the demo, screen readers announce every element.
Source code: src/pages/lab/smart-tv