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

React focus lock for all Chakra components

JavaScript library to help web applications with accessibility concerns

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

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

A list of CSS selectors for focusable elements

<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

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

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.

emulate tab key without selector or dependencies

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

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)

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

Simple auto focus to first Formik error

An exchange that dispatches active operations when the window regains focus

Returns a string of focusable HTML elements

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

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.

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

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

Detect when an element has received focus from a keyboard

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

Vue.js component wrapping for a11y-dialog

Camera preview

Removes CSS outlines in an accessible manner

Check and listen to all page visibility changes.

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

Focus helpers for monorepos in various IDEs

Accessibility util for scoping focus to an element.

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.

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

Keyboard behavior for AngularJS Webapps

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

Focus and run a subset of watch targets

A react hook to trap the focus within a reference

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

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

Trap focus within a DOM node.

A React library for managing focus in TV apps.

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

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

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

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

Set of TSLint checkers for jasmine

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

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

Deep focus timer with distraction blocking for Claude Code users

Primitives for autofocusing HTML elements

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

Detect browser page visibility changes using the Page Visibility API

Capture dates using day, month and year components in React

An angular directive for easy programmatic focusing on form elements

React hook for what-input integration

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

A highly accessible, customizable and lightweight dialog.

Capture dates using day, month and year components

Bullet-proof auto-focusing for Angular

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

Cutting reusable hooks.

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

An interactive React companion widget that follows the Pomodoro timer — a fun floating pet that wakes up, walks, and gets tired as you code.

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

Focus component repository.

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

A focus management library for React applications

A controller that tracks the focus state of a web component

React Native hook to run onLaunch, onFocus and onBlur callbacks

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

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

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

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.

JavaScript library to help web applications with accessibility concerns

Focus config for babel use.

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

Pentonville

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

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

Native bindings for managing app focus and frontmost applications on macOS

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

Focus webpack config

The Material Components Web focus ring utilities

Eslint shared configuration for all Focus projects

An Angular service to set focus on specific DOM elements

Child-aware blur handler for Angular

Focus lock for svelte with zero dependencies.

Manage and trap focus within an element

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

dreadcabinet organizes the chaos.

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

Web component friendly skip navigation functionality.

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

A plugin for trapping focus inside an object

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 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.

Frequently used tools for React

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

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.

Depth-of-field calculator for comparing camera lenses

A powerful terminal-based focus timer with enhanced notifications

Essential general-purpose tools for Angular apps.

A react component to trap focus for accessibility

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

Summon your Hyperterm windows with a system-wide hotkey

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

Tools to manage window focus on mac, windows and linux

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

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

It is a trap! (for a focus)

DOM trap for a focus

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

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

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 Cordova plugin that provides audio focus management for microphone usage in Cordova applications

Quill.js module that add focus mode.

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

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

Flexible overlays that track your content.

Focus plugin for android

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

use window hooks it is hooks for reactjs and nextjs apps

An interactive tree editor built on react-bootstrap.

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.

Navigation nodes events manager

Accessible focus management made easy

Draw attention to the important parts of your website

Determine whether sending a notification is appropriate

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

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

easy mathjax in react.

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

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

A Vue component that traps focus

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.

vue 3.0 focus directive

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

Serach FOCUS

JediFocus Monorepository: One repository to rule them all!

emulate browsers reactions on special keys

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

An Ember addon for managing focus within components.

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

Simple spatial navigation for vue3

A set of focusing functions.

nutrafol popup helper

test

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

react native toast modificado

A React component wrapper around a11y-dialog.

NayaOS namespace package - A suite of personal tools

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 React component for setting focal points on images for responsive cropping

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

react native toast like component, pure javascript solution

Official React bindings for Lrud

Angular service for handling and inspecting window state events

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

Frequently used tools for React

Form, data behaviours

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.

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

The prettiest focus highlight.

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

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

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

Modal component for Svelte

Pomodoro cli app

A polyfill for the attachShadow delegatesFocus option

焦点管理。Focus management.

React focus lock for all Nature UI components

A simple timer in the terminal to help you focus.

Real World Color Modifications

fosus super map for typescript

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

keyboard event simulation

Library that helps you implement highlighting UI elements on onboarding screen