lrud

MITJavaScript

A spatial navigation library for devices with directional controls like TV remotes, gamepads, and keyboards.

GitHub

33 stars5 forks0 contributors

Overview

Left, Right, Up, Down. A spatial navigation library for devices with input via directional controls

Related Projects

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub

7 years ago

CreatedSince 2017

Built With

J

JavaScript

Included in

Smart TV1.3k

Auto-fetched 1 day ago

js-spatial-navigation

A javascript-based implementation of Spatial Navigation.

Stars427

Forks119

Last commit2 years ago

react-spatial-navigation

DEPRECATED. HOC-based Spatial Navigation. NEW Hooks version is available here: https://github.com/NoriginMedia/norigin-spatial-navigation

Stars226

Forks64

Last commit3 years ago

react-key-navigation

React Key Navigation provides spatial navigation components for React applications, enabling intuitive keyboard-based navigation similar to TV interfaces and gaming consoles. It helps developers create accessible applications that can be navigated without a mouse, particularly useful for TV apps, game UIs, and accessibility-focused web applications. ## Key Features - **Focusable Component** — Wraps elements to make them navigable with keyboard events like onFocus, onBlur, and onEnterDown - **Grid Navigation** — Enables two-dimensional navigation through grid layouts with customizable rows and columns - **Horizontal List** — Provides left/right keyboard navigation for horizontal item lists - **Vertical List** — Enables up/down keyboard navigation for vertical item lists - **Spatial Navigation** — Moves focus based on spatial relationships between elements rather than DOM order ## Philosophy React Key Navigation follows the BBC TAL approach to focus management, prioritizing predictable spatial navigation patterns that work well for non-pointer devices and accessibility scenarios.

Stars76

Forks56

Last commit7 years ago

react-js-spatial-navigation

A wrapper of js-spatial-navigation to react components

Stars34

Forks30

Last commit4 years ago