JSPM

Use the :focus-within pseudo-selector in CSS

Use the :focus-visible pseudo-selector in CSS

It is a trap! (for a focus)

DOM trap for a focus

Trap focus within a DOM node.

A React component that traps focus.

The Material Components Web focus ring utilities

A declarative library for handling hotkeys and focus within a React application

JavaScript library to help web applications with accessibility concerns

React focus lock for all Chakra components

Returns `true` if the Selection is "backward", `false` otherwise

A list of CSS selectors for focusable elements

A tiny script to make dialog windows accessible to assistive technology users.

<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

It is a trap! (for a focus)

Watch users keyboard input and manage the focus outline visibility

JavaScript polyfill for the WHATWG spec of focusOptions, that enables a set of options to be passed to the focus method.

react native toast like component, pure javascript solution

Vue component to trap the focus within a DOM element

Shared behaviors for JavaScript components

Create a group of nodes with special focusing powers

Better hover, active and focus states than CSS pseudo-classes, and a callback when the interactive state changes.

A declarative library for handling hotkeys and focus within a React application

Accessibility util for storing/restoring focus.

A lightweight web component that traps focus within a DOM node

PostCSS plugin to add :focus-visible selector to every :hover for keyboard accessibility

React Hook to show if window is focused or not

Small vanilla javascript that feature detect the :focus-within pseudo selector and polyfills it with a standard css class if necessary.

Tiny (~1Kb) React hooks for isolating focus within subsections of the DOM.

emulate tab key without selector or dependencies

Scroll to the first error in your Formik form and set focus

A set of reusable focus directives for reusable Vue.js components

ESLint plugin with rules to lint BDD specs.

It is a trap! (for a focus)

Simple auto focus to first Formik error

A centralized system for displaying and stylizing focus indicators anywhere on a webpage.

Returns a string of focusable HTML elements

An exchange that dispatches active operations when the window regains focus

Add focus traps to the elements

Add left/right key navigation to a KaiOS app or web app

A declarative library for handling hotkeys and focus within a React application

A React component wrapper and React hook around a11y-dialog.

SolidJS utility that traps focus inside a given DOM element.

Style elements when they are focused or contain a focused element

AngularJS directive that will trigger focus on an element under specified conditions

A dependency free utility for cropping images based on a focal point ~2.13kB gzipped

Disable outlines displayed when using navigation methods other than keyboard navigation (e.g.: tab).

A package for adding the different focus, hover, selected, active, etc states to elements

Vue component that helps you to to trap focus in an element.

Detect when an element has received focus from a keyboard

A reactive document.activeElement. Check which element is currently focused.

A React-based "polyfill" for a focus-within-like experience.

Vue.js component wrapping for a11y-dialog

Camera preview

Removes CSS outlines in an accessible manner

Focus helpers for monorepos in various IDEs

Check and listen to all page visibility changes.

Accessibility util for scoping focus to an element.

Tiny focus trap. Supports stacking, toggling, and dynamic content. Compatible with any framework. 360 bytes gzip.

An a11y focus solution that is clear, beautiful and easy to implement.

Node module that allows you to steal focus from other windows in Windows.

Navigate HTML elements in two dimensions with non-pointer devices.

Simple utility for selecting the next / previous 'tabbable' element. Includes and uses the ':tabbable' and ':focusable' selectors from jQuery UI Core.

A react hook to trap the focus within a reference

Get resize events of an observed DOM element's height, width etc. from a resize-observer.

Keyboard behavior for AngularJS Webapps

Focus and run a subset of watch targets

Gets the Focus Assist status in Windows 10 CU or later.

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

Trap focus within a DOM node.

A React library for managing focus in TV apps.

📈 Focus Flick: Plug-and-play web analytics for user focus, scroll, blur, click, and behavior tracking

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

This library allows you to show CSS :focus pseudo-class only when triggered by the keyboard.

Set of TSLint checkers for jasmine

A focus trap library that pierces that shadow dom. So you can use it with native web components. Deep Focus Trap is a lightweight library written in vanilla js with only one dependency (that is tree-shakable if not in use).

handy image cropper with focus point editor

<!-- BADGES --> [](https://circleci.com/gh/korniychuk/angular-autofocus-fix/tree/master) [![Coverage Status](https://coveralls.io/repos/korniychuk/angular

Primitives for autofocusing HTML elements

A package for handling terminal input (mouse, keyboard, clipboard and focus).

Deep focus timer with distraction blocking for Claude Code users

Detect browser page visibility changes using the Page Visibility API

A highly accessible, customizable and lightweight dialog.

React hook for what-input integration

Angular attribute directive that gives focus on an element depending on a given expression

An angular directive for easy programmatic focusing on form elements

Bullet-proof auto-focusing for Angular

Capture dates using day, month and year components in React

Capture dates using day, month and year components

very simple and powerful way to show a toast in react-native

View information about running processes, get the active process window, or activate a process's main window.

Cutting reusable hooks.

A tiny script to make dialog windows accessible to assistive technology users. Forked by Modern Tribe

Focus component repository.

A focus management library for React applications

jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.

React Native tvOS and Android TV library to improve focus management with multiple screens.

A controller that tracks the focus state of a web component

An extremely simple utility to make a container and all its children untabbable, but still focusable.

React Native hook to run onLaunch, onFocus and onBlur callbacks

Scroll to the first error in your Formik form and set focus

A tinted overlay that allows one or more elements to be highlighted (non-tinted)

Lint your code with StandardJS and focus on one error at a time.

Focus config for babel use.

JavaScript library to help web applications with accessibility concerns

A tiny focus trapping utility that respects shadow DOMs and slots.

A lightweight web component that traps focus within a DOM node

Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility.

PostCSS plugin to add :focus-visible selector and/or :focus to every :hover, this is for keyboard accessibility

Pentonville

A jQuery plugin to emulate tabbing between elements on a page.

Adds the provided classes to an element when it is focused by keyboard interactions (and not mouse interactions).

Native bindings for managing app focus and frontmost applications on macOS

The Material Components Web focus ring utilities

Eslint shared configuration for all Focus projects

Focus webpack config

An Angular service to set focus on specific DOM elements

Manage and trap focus within an element

dreadcabinet organizes the chaos.

Focus lock for svelte with zero dependencies.

Child-aware blur handler for Angular

Small library that adds CSS class to html when user starts tabbing, and removes it if user clicks anywhere.

you can use tab to switch the focus of dom elements

Zero-dependency library to navigate through UI elements using the keyboard arrow keys built with Typescript

A React component that enables keyboard-only-outlines so that outlines are only visible when using the keyboard

Web component friendly skip navigation functionality.

NayaOS namespace package - A suite of personal tools

A configurable javascript library for navigating through web applications using keyboard. Also works for dynamic frontend web applications where DOM updates are frequent

Focus devtools

Library for creating overlays on focused elements.

Now Design System focus management helper

A spotlight effect that follows the mouse pointer with light focus and darkened surroundings.

A plugin for trapping focus inside an object

A directive that helps you to focus elements

A small Javascript library to focus trap a user on your website, to help comply with W3C accessibility guidelines.

Generic Modal components for react

ngx-focus-point is a powerful Angular package for image focus, zoom, crop, and resizing. Perfect for building responsive web apps with YouTube iframe support coming soon!

A React hook library to track time spent on screen or in specific activities.

A react based implementation of the spatial navigation

Flexible roving focus for React with support for any fixed or responsive layout.

<p align="center"> <img src="http://svgshare.com/i/3tk.svg"><br/> <h2 align="center">React HotKeys</h2> </p>

Essential general-purpose tools for Angular apps.

Frequently used tools for React

Determines which child elements are interactive according to the WHATWG spec

Use arrow keys to "tab" between focusable elements

Vue plugin to help manage focus handling.

A light and performant React implementation for @arrow-navigation/core package.

Set a roving focus on a group of elements.

A react component to trap focus for accessibility

Depth-of-field calculator for comparing camera lenses

A powerful terminal-based focus timer with enhanced notifications

Focus web components to build applications (based on Material Design)

Cordova plugin for fixing auto focus issue of html elements on WKWebView

GameAnalytics collects and stores your data with no limits. You can then view your core KPI's in order to see what areas of your game need to improvements. If you want to find out more about how gamers play, then add in funnels, progression events and r

Notification Center extension for focus

Summon your Hyperterm windows with a system-wide hotkey

Tools to manage window focus on mac, windows and linux

It is a trap! (for a focus)

A small library to restrict focus/tabbing to only within a specified element. Shadow DOM aware, so it works with web components.

A higher-order component for showing tooltips on focused components in React Native.

An ADHD-friendly productivity CLI tool built to run inside Warp terminal

DOM trap for a focus

A comprehensive tab detection and management library for web applications

Detect if the user navigate with his keyboard or mouse. Then add a matching class to the html element. This allow to remove the blue outline for the mouse users and keeps it at the same time for the keyboard users.

A Zero-Dependency, tiny, pure javascript Focus Trap with refocussing functionality. Compatible with pure JS, React and Vue.

A Cordova plugin that provides audio focus management for microphone usage in Cordova applications

Quill.js module that add focus mode.

Flexible overlays that track your content.

spotlight an abitrary DOM element while fading out the rest of the content

This is a library that assists in focusing on any position of a matrix and moving relative or absolute to that position.

An interactive tree editor built on react-bootstrap.

Focus plugin for android

use window hooks it is hooks for reactjs and nextjs apps

React Hook to detect if an element or its descendent element has focus. Similar to css [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) pseudo-class behaviour.

Skip link focus management

A declarative library for handling hotkeys and focus within a React application

detect if node is focusable. find nearest focusable parent

Comments extension for the Focus framework.

Effortlessly create keyboard shortcuts with this react hook.

Accessible focus management made easy

A utility to automatically blur focused inputs when clicking outside on non-focusable elements

Determine whether sending a notification is appropriate

Navigation nodes events manager

Draw attention to the important parts of your website

Node module that allows you to steal focus from other windows in Windows.

easy mathjax in react.

A comprehensive collection of Vue 3 custom directives for enhanced user interactions

<!-- BADGES --> [](https://circleci.com/gh/korniychuk/angular-autofocus-fix/tree/master) [![Coverage Status](https://coveralls.io/repos/korniychuk/angular

A Vue component that traps focus

vue 3.0 focus directive

A react hook for detecting current DOM focus within a given HTML element.

Cordova plugin for fixing auto focus issue of html elements on WKWebView

Angular 1.x directive to set a caret position whenever an element receives focus

A React Native hook and HOC to connect inputs with navigation and submission handling.

Serach FOCUS

emulate browsers reactions on special keys

JediFocus Monorepository: One repository to rule them all!

An Ember addon for managing focus within components.

Simple and small copy-text-to-the-clipboard-utility with IE11 support

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

Focus component repository.

Focus management for the DOM

Auto focus for React Native TextInput

Svelte component and action to focus an element when pressing a key

nutrafol popup helper

Simple spatial navigation for vue3

A set of focusing functions.

test

A React component wrapper around a11y-dialog.

Traps focus within a DOM node — subsequently mounted traps will pause others and take focus responsibility until they unmount.

react native toast modificado

Accessibility util for scoping focus to an element.

Ring (focus indicator) color of UI.

components for react-hook-form.

Decorator that will attempt to apply focus to the first field with an error upon an attempted form submission in 🏁 Final Form. Made with TypeScript.

System notification dings every 15 minutes reminding you to stop OT'ing (overthinking)

toast

Form, data behaviours

## Introduction

vuejs directive to know if element is active (has clicked focus)

Components that have focus

A Reveal.js plugin that allows focusing on specific lines of code blocks.

A React hook for tracking focus time and interactions on form elements

Official React bindings for Lrud

Angular service for handling and inspecting window state events

react native toast like component, pure javascript solution

💂‍♂️ Invisible focus guards for robust focus trapping in modals, dialogs, and more.

Frequently used tools for React

A React component for setting focal points on images for responsive cropping

Form, data behaviours

用于电视端H5页面，基于VUE开发的焦点管理系统

Helper library to compute how equally sized DOM siblings are stacked on a grid

A simple TypeScript npm package to lock focus within a specified container. This package helps ensure that keyboard navigation stays within a particular section of a webpage, improving accessibility and user experience.

Node module that allows you to steal focus from other windows in Windows.

Don't take the 🔴 red pill down some rabbit hole, the 🔵 blue pill will keep you focused on a task

The prettiest focus highlight.

A react component that brings other components into visual focus/highlight by placing an overlay over all other elements on the page

A lightweight, fully-customizable kind screen guide for React

Modal component for Svelte

Pomodoro cli app

焦点管理。Focus management.

React focus lock for all Nature UI components

A simple timer in the terminal to help you focus.

A polyfill for the attachShadow delegatesFocus option

Real World Color Modifications

fosus super map for typescript

Library that helps you implement highlighting UI elements on onboarding screen

<h1 align="center">@rautils/ngx-focus-tab</h1>

Based on react-native-root-toast library: react native toast like component, pure javascript solution. Added option to pass any children + fix onpress issue

Final Form "decorator" that will attempt to apply focus to the first field on the form