npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@noriginmedia/norigin-spatial-navigation

v3.0.0

Published

React hooks based Spatial Navigation solution

Downloads

136,707

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

asgvardasgvardkevinrobleskevinroblesbraggiouybraggiouydivyarajasekaranndivyarajasekarannfiliphaukfiliphaukeigilheigilhsonam92sonam92norigin-cinorigin-cipredikamentpredikamentguilleconstantinoguilleconstantinopetrumopetrumodavid.osoriodavid.osoriowabjnrwabjnrxavi160xavi160alexandru.puiualexandru.puiuinesavirsinesavirsjuancarlos-ariasjuancarlos-ariasankitalaxmiankitalaxmiadrivelazqueznoriginadrivelazqueznoriginpmartiamarista_pmartiamarista_ptorres.noriginptorres.norigin

Keywords

reactreact-hooksspatial-navigationremote-control-navigationtv-navigation

Readme

Norigin Spatial Navigation

Norigin Spatial Navigation is an open-source library that enables navigating between focusable elements built with ReactJS based application software. To be used while developing applications that require key navigation (directional navigation) on Web-browser Apps and other Browser based Smart TVs and Connected TVs. Our goal is to make navigation on websites & apps easy, using React Javascript Framework and React Hooks. Navigation can be controlled by your keyboard (browsers) or Remote Controls (Smart TV or Connected TV). Software developers only need to initialise the service, add the Hook to components that are meant to be focusable and set the initial focus. The Spatial Navigation library will automatically determine which components to focus next while navigating with the directional keys. We keep the library light, simple, and with minimal third-party dependencies.

npm version

Illustrative Demo

Norigin Spatial Navigation can be used while working with Key Navigation and React JS. This library allows you to navigate across or focus on all navigable components while browsing. For example: hyperlinks, buttons, menu items or any interactible part of the User Interface according to the spatial location on the screen.

Example

Example Source

Supported Devices

The Norigin Spatial Navigation library is theoretically intended to work on any web-based platform such as Browsers and Smart TVs. For as long as the UI/UX is built with the React Framework, it works on the Samsung Tizen TVs, LG WebOS TVs, Hisense Vidaa TVs and a range of other Connected TVs. It can also be used in React Native apps on Android TV and Apple TV, however functionality will be limited. This library is actively used and continuously tested on many devices and updated periodically in the table below:

| Platform | Name | | -------------------------- | -------------------------------------------------------------------------------------------------------------------- | | Web Browsers | Chrome, Firefox, etc. | | Smart TVs | Samsung Tizen, LG WebOS, Hisense | | Other Connected TV devices | Browser Based settop boxes with Chromium, Ekioh or Webkit browsers | | AndroidTV, AppleTV | Only React Native apps, limited functionality |

Developer Portal

For more detailed documentation and usage examples, visit our Developer Portal