Focus Packages

Focus management for the DOM

Manage elements focus by hotkey.

👉 https://hyper.fun/c/tabler-focus/1.3.0

Tab trap for Angular

Bullet-proof auto-focusing for Angular

A package for determining which element on the page is the current keyboard focus/selection.

Shared behaviors for JavaScript components

Get focusable child elements of a DOM element

Trap keyboard focus inside an element

<p align="center"> <img alt="Reactour" title="Reactour" src="https://raw.githubusercontent.com/elrumordelaluz/reactour/main/packages/mask/logo.svg" width="400"> </p> <p align="center"> An SVG mask that cover all the window contents except the one spec

Trap focus within a DOM node.

Keep yourself focused while working by playing some background noises. Extension inspired by Noisli.

Frequently used tools for React

Colocated overlay drop menu that pops out of scroll ancestors and traps focus

React focus lock for all Chakra components

React Native hook to run onLaunch, onFocus and onBlur callbacks

A capability of UI to be focused within itself or its content (when expanded), and re-focus back to previous element (when collapsed).

Ring (focus indicator) color of UI.

A set of focusing functions.

Modal component for Svelte