JSPM

Trap focus within a DOM node.

DOM trap for a focus

It is a trap! (for a focus)

Vue component to trap the focus within a DOM element

It is a trap! (for a focus)

It is a trap! (for a focus)

A React component that traps focus.

Trap focus within a DOM node.

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

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

A lightweight web component that traps focus within a DOM node

Manage and trap focus within an element

A react hook to trap the focus within a reference

SolidJS utility that traps focus inside a given DOM element.

Add focus traps to the elements

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

A lightweight web component that traps focus within a DOM node

A list of CSS selectors for focusable elements

A tiny and performant library to trap the focus within your DOM elements.

DOM trap for a focus

An Angular directive to allow focus trap within a DOM element

It is a trap! (for a focus)

A simple module to trap the tab navigation inside a container very useful for modal and dialog.

Shared behaviors for JavaScript components

A react component to trap focus for accessibility

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

Higher order component used to trap keyboard focus within a wrapped component.

Use the :focus-within pseudo-selector in CSS

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

Use the :focus-visible pseudo-selector in CSS

A Vue component that traps focus

React focus lock for all Chakra components

Tab trap for Angular

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

Focus lock for svelte with zero dependencies.

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

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

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

<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

Lightweight (≤2kB) focus trapping utility for implementing accessible keyboard navigation constraints in modal dialogs, sidebars, and other contained UI components.

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

Create a group of nodes with special focusing powers

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

Bullet-proof auto-focusing for Angular

Accessibility util for storing/restoring focus.

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

A small utility script to trap the focus within a container element

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

This library provides a Vue-component wrapper around 'focus-trap'.

It is a trap! (for a focus)

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

A simple, pure vanilla JS, focus trap.

React Hook to show if window is focused or not

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

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

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

Simple auto focus to first Formik error

A small focus trap utility and React hook

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

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

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

Returns a string of focusable HTML elements

ESLint plugin with rules to lint BDD specs.

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

An exchange that dispatches active operations when the window regains focus

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

Style elements when they are focused or contain a focused element

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

🎯 Trap and manage focus within a section of your app. Essential for modals and dialogs!

Trap keyboard focus inside an element

Trap focus within a DOM node.

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

Accessibility util for scoping focus to an element.

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

Detect when an element has received focus from a keyboard

A React library for managing focus in TV apps. Fork of @please/lrud

React hook for what-input integration

Camera preview

A plugin for trapping focus inside an object

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

Vue.js component wrapping for a11y-dialog

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

Determines which child elements are interactive according to the WHATWG spec

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

Focus helpers for monorepos in various IDEs

A highly accessible, customizable and lightweight dialog.

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.

Keyboard behavior for AngularJS Webapps

An angular directive for easy programmatic focusing on form elements

It is a trap! (for a focus)

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

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

Built for Claude - Ship fast, track progress, stay focused. Developer momentum tool for indie hackers.

PineconeJS — NestJS extensions that keep devs focused on business logic

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

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

Set of TSLint checkers for jasmine

Removes CSS outlines in an accessible manner

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

Primitives for autofocusing HTML elements

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

handy image cropper with focus point editor

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

Detect browser page visibility changes using the Page Visibility API

Use arrow keys to "tab" between focusable elements

Cutting reusable hooks.

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

A React library for managing focus in TV apps.

Tab trap for Angular

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

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

Check and listen to all page visibility changes.

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

Trap focus within a DOM node.

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

AI-powered focus coach for people with ADHD

Focus config for babel use.

Focus component repository.

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

A controller that tracks the focus state of a web component

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

A lightweight utility to manage and enhance keyboard navigation for front-end applications. Focus Navigator simplifies accessibility by allowing developers to trap focus within a container, cycle through focusable elements, and improve keyboard navigation

JavaScript library to help web applications with accessibility concerns

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

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

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

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

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

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

Flexible overlays that track your content.

Effortlessly create keyboard shortcuts with this react hook.

Capture dates using day, month and year components

Capture dates using day, month and year components in React

easy mathjax in react.

Essential general-purpose tools for Angular apps.

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

components for react-hook-form.

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

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

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

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

Focus webpack config

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

A React component that traps focus.

Focus devtools

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

Intelligent autofocus directive for Angular that works everywhere — even on iOS!

Depth-of-field calculator for comparing camera lenses

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

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

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

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

Child-aware blur handler for Angular

A focus management library for React applications

you can use tab to switch the focus of dom elements

React focus lock for all Nature UI components

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

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

Library for creating overlays on focused elements.

Web component friendly skip navigation functionality.

Eslint shared configuration for all Focus projects

Notification Center extension for focus

Intuitive, elegant keyboard navigation for Angular — built with Signals for instant reactivity.

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

Visualize keyboard navigation, tab order, and focus management in Storybook

A lightweight, zero-dependency JavaScript library for sentence-by-sentence highlighting in contenteditable elements

It is a trap! (for a focus)

The Material Components Web focus ring utilities

NG-ZORRO extension package for the Focusly keyboard navigation framework

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.

A lightweight task awareness overlay for development environments

React Native hook to run onLaunch, onFocus and onBlur callbacks

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

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

postcss plugin that lets you write :hocus instead of :hover, :focus

Pentonville

Make browsers responsibly lose focus when the user is clicking inputs

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

Now Design System focus management helper

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 lightweight task awareness overlay for development environments

Components that have focus

nutrafol popup helper

Byndyusoft UI React Hook

dreadcabinet organizes the chaos.

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

Focus-visible library for accessible focus indicators.

Columns of JediFocus.

Intelligent blur detection for RAW camera files. Perfect for wildlife and aviation photographers.

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

Command-line interface for Resync goal tracking application

Library that helps you implement highlighting UI elements on onboarding screen

Library for creating overlays on focused elements.

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

An interactive tree editor built on react-bootstrap.

Quill.js module that add focus mode.

Accessibility engine for automated testing of web applications, with focus on interaction.

Static analysis CLI to audit interactive state coverage in CSS and Tailwind codebases

jQuery plugin for focusing textarea, input and contenteditable

use window hooks it is hooks for reactjs and nextjs apps

Main thought (not the footnotes).

Tab trap for Angular

A directive that helps you to focus elements

Determine whether sending a notification is appropriate

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

A lightweight Windows application that dims inactive displays to highlight the active one. Built with pure Rust and Windows API for maximum performance.

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

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

基于vue的UI组件库及常用工具库，同时支持UNI-APP开发。还在不断完善中，最终远景是纯Vue、UNI-APP、NVUE全部兼容。

React Native Device Activity for Android - Screen blocking functionality using Accessibility Service

Native bindings for managing app focus and frontmost applications on macOS

Set a roving focus on a group of elements.

A CLI tool to temporarly disable distracting websites and boost your productivity

vue 3.0 focus directive

Deep focus timer with distraction blocking for Claude Code users

An Ember addon for managing focus within components.

A react based implementation of the spatial navigation

A React component that traps focus.

Columns of JediFocus.

Focus plugin for android

Modal component for Svelte

A keyboard based focus navigation engine for React

Cross browser and device implementation for Page Visibility API and Browser focus

Comments extension for the Focus framework.

JediFocus Monorepository: One repository to rule them all!

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

A comprehensive tab detection and management library for web applications

焦点管理。Focus management.

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

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

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

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!

Simple spatial navigation for vue3

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

Fixes the issue with blue outlines appearing when the window gets refocused in certain UI frameworks.

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

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

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

test

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

Graphic terminal emulator for HTML canvas elements

focus super map module

react native toast modificado