awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

18 repositorios

Awesome GitHub RepositoriesElement Focus Controllers

Systems for managing keyboard focus and navigation flow between individual interactive UI elements.

Distinct from Focus Navigation Controllers: Focuses on element-level focus within a view rather than window-level navigation between screens.

Explore 18 awesome GitHub repositories matching development tools & productivity · Element Focus Controllers. Refine with filters or upvote what's useful.

Awesome Element Focus Controllers GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • gui-cs/terminal.guiAvatar de gui-cs

    gui-cs/Terminal.Gui

    11,068Ver en GitHub↗

    Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux. The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter

    TUI system for controlling the navigation flow and focus movement between interactive elements.

    C#consoleconsole-applicationcross-platform
    Ver en GitHub↗11,068
  • whatwg/htmlAvatar de whatwg

    whatwg/html

    9,163Ver en GitHub↗

    This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.

    Defines how keyboard focus and navigation flow are managed between interactive UI elements.

    HTMLcanvaseventsourcehtml
    Ver en GitHub↗9,163
  • thewidlarzgroup/react-native-videoAvatar de TheWidlarzGroup

    TheWidlarzGroup/react-native-video

    7,698Ver en GitHub↗

    react-native-video is a cross-platform video player component for React Native that enables the playback of local and remote video files using native platform decoders. It functions as an adaptive streaming player supporting HLS, DASH, and SmoothStreaming formats with automatic bitrate selection and quality adaptation. The project is distinguished by its support for industry-standard digital rights management, including Widevine, FairPlay, and PlayReady, and a plugin-based architecture that allows for the injection of custom analytics or playback logic without modifying the core library. It a

    Implements directional focus management and remote control input handling for television platforms.

    Kotlin
    Ver en GitHub↗7,698
  • reactjs/react-modalAvatar de reactjs

    reactjs/react-modal

    7,405Ver en GitHub↗

    This project is an accessible modal component for React applications. It provides a dialog window that overlays main content and manages keyboard focus to ensure compatibility with assistive technologies. The component integrates a portal wrapper to render modal content into a separate DOM node, avoiding layout nesting issues. It uses a focus-trapping system to restrict keyboard navigation to the dialog window and prevent users from tabbing into background page content. The library covers visibility control, custom portal mounting, and visual styling for dialog windows and overlays. It also

    Stores a reference to the previously active element and returns focus to it after the modal closes.

    JavaScript
    Ver en GitHub↗7,405
  • golden-layout/golden-layoutAvatar de golden-layout

    golden-layout/golden-layout

    6,689Ver en GitHub↗

    Golden Layout is a framework-agnostic UI container and web window layout manager designed to organize application interfaces into a flexible grid of draggable and resizable multi-pane windows. It functions as a hierarchical grid system that arranges page elements into a tree of nested rows and columns to create complex professional interfaces. The system acts as a multi-window workspace orchestrator, allowing components to be detached from the main layout into independent native browser windows. It also serves as a serializable layout engine that captures the arrangement of user interface com

    Implements logic to assign or remove focus from specific components to trigger focus and blur events.

    JavaScriptdrag-and-dropgolden-layoutjavascript
    Ver en GitHub↗6,689
  • reach/reach-uiAvatar de reach

    reach/reach-ui

    5,977Ver en GitHub↗

    Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as

    Controls and tracks keyboard focus within interactive elements like modals, menus, and complex widgets.

    TypeScript
    Ver en GitHub↗5,977
  • day8/re-frameAvatar de day8

    day8/re-frame

    5,532Ver en GitHub↗

    re-frame es un framework funcional para construir aplicaciones de una sola página (SPA) en ClojureScript. Proporciona una base de datos centralizada e inmutable que sirve como única fuente de verdad para todo el estado de la aplicación, aplicando un flujo de datos unidireccional estricto donde los eventos activan transiciones de estado y actualizaciones de vista posteriores. El framework se distingue por un grafo de señales reactivas y un pipeline de middleware basado en interceptores. Al tratar la lógica de la aplicación como una secuencia de eventos basados en datos y efectos secundarios declarativos, desacopla la lógica de negocio de la capa de vista. Esta arquitectura permite a los desarrolladores gestionar transiciones de estado complejas y operaciones externas mediante funciones puras, asegurando que los efectos secundarios sean ejecutados por un intérprete separado en lugar de llamadas imperativas. El sistema incluye un conjunto completo de capacidades para gestionar la arquitectura de la aplicación, incluyendo la derivación de datos reactivos, la reconciliación de vistas basada en suscripciones y la gestión de estado impulsada por eventos. Admite flujos de trabajo de desarrollo avanzados como el rastreo de eventos, puntos de control de estado y la capacidad de crear stubs de efectos secundarios para pruebas aisladas. El proyecto está diseñado para integrarse con React, utilizando la reconciliación del DOM virtual para actualizar eficientemente las interfaces de usuario. Proporciona un conjunto robusto de utilidades para manejar preocupaciones transversales, gestionar grafos de flujo de datos complejos y coordinar operaciones asíncronas dentro de un pipeline de eventos secuencial y predecible.

    Sets focus to a specific HTML element after rendering to ensure the element exists before the imperative operation.

    Clojureclojurescriptre-framereact
    Ver en GitHub↗5,532
  • tldraw/draw-a-uiAvatar de tldraw

    tldraw/draw-a-ui

    5,445Ver en GitHub↗

    Este proyecto es un lienzo visual impulsado por IA y un framework de pizarra colaborativa. Funciona como un motor de dibujo vectorial personalizable y una herramienta para convertir bocetos de interfaz dibujados a mano y wireframes en código funcional utilizando inteligencia artificial. El sistema se distingue por la integración de agentes de IA que pueden leer, modificar y generar diagramas visuales directamente en el lienzo. También proporciona un editor de flujo de trabajo basado en nodos para construir pipelines de automatización y flujos de procesamiento de datos conectando componentes multimodales. La plataforma cubre una amplia gama de capacidades, incluyendo colaboración multijugador en tiempo real con seguimiento de presencia de usuarios, un lienzo infinito con renderizado acelerado por GPU y una suite integral de herramientas de manipulación y alineación de objetos. También implementa estándares de accesibilidad web y proporciona una interfaz programable para definir formas personalizadas y controles de lienzo programáticos.

    Tracks and restores keyboard focus to active elements after modal interactions are dismissed.

    TypeScript
    Ver en GitHub↗5,445
  • zimplexing/oriontvAvatar de zimplexing

    zimplexing/OrionTV

    5,361Ver en GitHub↗

    OrionTV es un framework de aplicaciones de televisión multiplataforma y cliente de vídeo con API externa. Funciona como una aplicación de reproducción de vídeo diseñada para pantallas de televisión, utilizando un sistema que localiza y transmite contenido consultando interfaces de API externas en lugar de alojar archivos multimedia localmente. El proyecto utiliza Expo para generar binarios de aplicación compatibles para múltiples sistemas operativos de televisión a partir de una única base de código. Su interfaz está optimizada específicamente para pantallas grandes y se navega mediante la gestión de foco del mando a distancia. El framework cubre capacidades para la búsqueda de vídeo de terceros, integración de medios externos y despliegue multiplataforma. Aprovecha React Native para renderizar una interfaz de usuario que adapta su diseño y comportamiento a través de diferentes plataformas de televisión.

    Implements a focus management system optimized for D-pad and remote control navigation on TV screens.

    TypeScript
    Ver en GitHub↗5,361
  • openui/open-uiAvatar de openui

    openui/open-ui

    4,494Ver en GitHub↗

    Open-UI is a set of web UI standard specifications and a standardized UI component library. It provides technical definitions for universal UI components, behaviors, and accessibility requirements designed to ensure cross-browser compatibility through a series of web language proposals. The project features a web accessibility polyfill and extensible control polyfills that provide modern UI control functionality in environments lacking native browser support. It includes a browser compatibility suite to verify that components meet defined behavioral and accessibility requirements. The librar

    Controls whether an element and its subtree are keyboard-focusable while retaining other forms of interactivity like mouse clicks.

    MDXstandardsuiux
    Ver en GitHub↗4,494
  • yuliskov/smarttubelegacyAvatar de yuliskov

    yuliskov/SmartTubeLegacy

    4,423Ver en GitHub↗

    SmartTubeLegacy es un cliente de YouTube de código abierto para Android TV y decodificadores. Funciona como un reproductor multimedia optimizado para pantallas grandes, proporcionando una interfaz especializada para transmitir contenido de video. La aplicación permite el consumo de medios sin anuncios al omitir publicidad y segmentos patrocinados. Admite transmisión de alta resolución hasta 4K, utilizando decodificación de video acelerada por hardware para optimizar el rendimiento en hardware de televisión. El sistema incluye una interfaz leanback diseñada para la navegación mediante controles remotos de televisión estándar. También cuenta con gestión interna de cuentas para sincronizar perfiles de usuario y un mecanismo de actualización automática para instalar nuevas versiones de la aplicación.

    Implements a focus management system optimized for D-pad and television remote control navigation.

    JavaScriptandroidandroid-tvexoplayer2
    Ver en GitHub↗4,423
  • mikke89/rmluiAvatar de mikke89

    mikke89/RmlUi

    4,178Ver en GitHub↗

    RmlUi es un renderizador de UI multiplataforma y librería middleware que permite la creación de interfaces de usuario utilizando un subconjunto de HTML y CSS. Funciona como una capa agnóstica de renderizado diseñada para integrar layouts y estilos estándar web en motores de juegos personalizados y aplicaciones embebidas. El framework se distingue por su integración de Lua para lógica y control dinámico, así como por un kit de herramientas especializado para renderizar imágenes SVG y animaciones Lottie. Utiliza un backend de renderizado conectable que desacopla la generación de geometría de la visualización final, permitiéndole generar geometría texturizada para varios pipelines gráficos. El sistema cubre una amplia gama de capacidades, incluyendo un motor de layout de modelo de caja (box-model), un motor de estilos en cascada y enlace de datos (data-binding) para sincronizar modelos con vistas. Proporciona una gestión integral de entrada para ratón, teclado y táctil, junto con servicios de internacionalización para la traducción de texto basada en la configuración regional. Las características adicionales incluyen escalado de alta densidad (high-DPI), composición alfa basada en capas y un conjunto de componentes interactivos como sliders de rango y menús desplegables. El código fuente puede compilarse en binarios WebAssembly para su ejecución en navegadores web.

    Provides controls to determine if an element can receive focus or accept user-initiated click events.

    C++
    Ver en GitHub↗4,178
  • textualize/toolongAvatar de Textualize

    Textualize/toolong

    3,921Ver en GitHub↗

    toolong es un visor de logs de terminal y gestor de logs TUI diseñado para monitorear flujos de logs en vivo y navegar por archivos de logs grandes. Funciona como un agregador de logs y formateador JSONL, capaz de fusionar múltiples archivos de logs en una única vista cronológica detectando automáticamente las marcas de tiempo. La aplicación admite la visualización de datos estructurados mediante la impresión bonita de archivos JSONL y la aplicación de resaltado de sintaxis a patrones comunes de logs de servidores web. Maneja datos a gran escala de manera eficiente a través de vistas desplazables de tamaño virtual, permitiendo a los usuarios abrir logs comprimidos o archivos de cualquier tamaño sin cargar todo el documento en la memoria. El sistema incluye capacidades para seguir flujos de logs, realizar coincidencias de texto difusas y gestionar la navegación a través de un modelo de pantalla basado en pila. También proporciona una paleta de comandos para descubrir funciones de la aplicación y admite elementos interactivos como enlaces clicables y tooltips al pasar el ratón.

    Programmatically shifts input focus between individual interactive UI elements.

    Pythonjsonlrichterminal
    Ver en GitHub↗3,921
  • mathiasbynens/jquery-placeholderAvatar de mathiasbynens

    mathiasbynens/jquery-placeholder

    3,927Ver en GitHub↗

    This project is a jQuery plugin that provides HTML5 placeholder emulation for input and textarea fields. It functions as a compatibility library to ensure consistent placeholder behavior across different web browsers, specifically those that do not natively support the HTML5 placeholder attribute. The utility extends the functionality of DOM input fields by modifying how form elements display hint text before a user provides input. It integrates as a browser compatibility layer to provide legacy browser support for modern HTML5 form features. The implementation covers browser feature detecti

    Toggles between showing placeholder hints and allowing user input by listening for focus and blur events.

    JavaScript
    Ver en GitHub↗3,927
  • aaa1115910/bvAvatar de aaa1115910

    aaa1115910/bv

    3,882Ver en GitHub↗

    This project is a native Android TV Bilibili client and third-party video player designed for streaming and browsing video content on large screens. It functions as a television-centric media application that enables users to access Bilibili content through an interface optimized for distance and remote control navigation. The application implements remote-optimized navigation to map hardware input to UI focus patterns and utilizes adaptive bitrate switching to adjust video quality based on network conditions. It employs a reactive state management architecture and a type-safe network layer t

    Implements a focus management system optimized for D-pad and remote control navigation on television screens.

    Kotlin
    Ver en GitHub↗3,882
  • marijnh/eloquent-javascriptAvatar de marijnh

    marijnh/Eloquent-JavaScript

    3,097Ver en GitHub↗

    Eloquent-JavaScript is a comprehensive JavaScript programming textbook and interactive coding tutorial designed for web development education. It serves as both a language reference and a practical guide, combining theoretical lessons with an environment where learners can execute and modify code examples. The project focuses on the fundamental principles of the JavaScript language, including lexical scoping, prototype-based inheritance, and asynchronous patterns. It provides detailed instruction on object-oriented programming, functional programming, and the use of the browser DOM to create

    Demonstrates how to detect when a user enters or leaves a form field using focus and blur events.

    JavaScript
    Ver en GitHub↗3,097
  • yichengchen/atv-bilibili-demoAvatar de yichengchen

    yichengchen/ATV-Bilibili-demo

    2,996Ver en GitHub↗

    This project is an Apple TV video application and API client for Bilibili, designed to stream video content with support for HDR and subtitles. It serves as a specialized media player that integrates with Bilibili services to provide video discovery and user account management. The application features a real-time danmaku renderer that overlays scrolling user comments on top of video playback. It includes a plugin-based player system for adding custom overlays and behavioral modifications, as well as tools for adjusting playback speed and skipping sponsored segments. The system covers adapti

    Manages user interaction through a structured tree of focusable elements designed for remote-control navigation.

    Swift
    Ver en GitHub↗2,996
  • react-component/selectAvatar de react-component

    react-component/select

    936Ver en GitHub↗

    This library provides a flexible dropdown menu component for building single and multi-select inputs within web applications. It is designed to support accessible data entry through keyboard navigation and screen reader compatibility, while maintaining interface responsiveness when handling large datasets. The component distinguishes itself through a high degree of configurability, allowing developers to replace default templates, icons, and labels with custom visual elements. It utilizes virtual scrolling to render only visible items, ensuring performance remains consistent even when managin

    Exposes internal input elements to the parent scope to enable programmatic management of keyboard focus and navigation states.

    TypeScriptjavascriptreactreact-component
    Ver en GitHub↗936
  1. Home
  2. Development Tools & Productivity
  3. Window Managers
  4. Element Focus Controllers

Explorar subetiquetas

  • Focus RestorationMechanisms for restoring keyboard focus to the previously active element after a modal or dialog is dismissed. **Distinct from Element Focus Controllers:** Distinct from Element Focus Controllers: focuses specifically on the restoration of focus to a prior state after a context switch.
  • Focus and Blur Events1 sub-etiquetaTracking when elements gain or lose input focus in the browser. **Distinct from Element Focus Controllers:** Specifically targets the browser's focus/blur events rather than general window management or 'Zen' modes.
  • Interactive Element FocusControls the ability of specific UI components to receive input focus or click events. **Distinct from Element Focus Controllers:** Focuses on the property of an element to be focusable, whereas Element Focus Controllers manage the navigation flow between them.
  • Remote Control NavigationFocus management systems specifically optimized for D-pad and remote control navigation on television interfaces. **Distinct from Element Focus Controllers:** Distinct from general keyboard focus as it implements a structured tree specifically for TV remote navigation patterns.