awesome-repositories.com
Blog
awesome-repositories.com

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

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

21 repositorios

Awesome GitHub RepositoriesInteractive UI Overlays

Components for rendering custom visual controls and panels over application content.

Distinguishing note: Focuses on the visual overlay aspect rather than the underlying rendering engine.

Explore 21 awesome GitHub repositories matching user interface & experience · Interactive UI Overlays. Refine with filters or upvote what's useful.

Awesome Interactive UI Overlays GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • iina/iinaAvatar de iina

    iina/iina

    45,236Ver en GitHub↗

    This application is a high-performance media player designed for desktop environments, providing a unified interface for managing audio and video playback across local files and remote network streams. It supports a wide range of file formats and streaming protocols, utilizing native system frameworks and hardware-accelerated decoding to ensure synchronized, low-latency output. The player distinguishes itself through an extensible plugin architecture that allows for deep customization of the playback experience. Developers can build modular components to automate workflows, register custom co

    Displays interactive overlays and settings panels using web technologies.

    Swifthacktoberfestmacosmpv
    Ver en GitHub↗45,236
  • alyssaxuu/screenityAvatar de alyssaxuu

    alyssaxuu/screenity

    18,321Ver en GitHub↗

    Screenity is a browser-based screen recorder designed to capture screen activity and audio directly within a web browser. It functions as a privacy-focused capture tool that handles data locally and includes a web-based video editor for basic media refinement. The project distinguishes itself through real-time screen annotation tools, allowing users to draw shapes and arrows or zoom into specific areas during a recording. It also provides specialized privacy controls to blur sensitive information and apply backgrounds to camera feeds. The tool covers a broad range of media capabilities, incl

    Injects an interactive control panel and toolset as an overlay within the active webpage.

    JavaScriptannotationannotation-toolaudio
    Ver en GitHub↗18,321
  • flipboard/flexAvatar de Flipboard

    Flipboard/FLEX

    14,610Ver en GitHub↗

    FLEX is an in-app debugging tool and runtime exploration environment for iOS applications. It provides an integrated suite for inspecting and modifying the internal state of a running process without the use of an external debugger. The project includes a runtime inspector for browsing the memory heap and calling methods dynamically, alongside a view hierarchy debugger for visualizing and adjusting layout structures in real time. It features a network traffic monitor to log and analyze HTTP request history, headers, and responses, as well as a sandbox manager for viewing and editing files and

    Renders a custom visual debug interface and control panels on top of the active application content.

    Objective-C
    Ver en GitHub↗14,610
  • hubspot/shepherdAvatar de HubSpot

    HubSpot/shepherd

    13,737Ver en GitHub↗

    Shepherd is an interactive product tour framework and JavaScript onboarding library used to build step-by-step instructional journeys. It serves as a web application guidance tool that presents sequences of instructional overlays to help users navigate interfaces and discover features. The library enables the creation of guided user tours, onboarding experiences, and interactive application guides. It is used to provide contextual in-app education and drive product feature adoption by leading users through specific workflows. The framework utilizes configuration-driven tour definitions and a

    Provides interactive UI overlays that highlight specific elements to teach complex tasks.

    JavaScript
    Ver en GitHub↗13,737
  • puckeditor/puckAvatar de puckeditor

    puckeditor/puck

    12,813Ver en GitHub↗

    Puck is a headless visual CMS and React visual page editor that provides a drag-and-drop interface for designing page layouts and managing content. It functions as a JSON-based content management system, storing page structures as JSON and exposing them via API for dynamic rendering within applications. The project enables dynamic route authoring by mapping visual editor instances to specific URL paths, allowing content editing for any page. It integrates a visual authoring layer into existing applications to facilitate the design of page structures using custom React components. The system

    Renders interactive portals on top of the canvas for context-aware tools and settings.

    TypeScriptaibuilderdrag-and-drop
    Ver en GitHub↗12,813
  • markmead/hyperuiAvatar de markmead

    markmead/hyperui

    12,137Ver en GitHub↗

    HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone

    Provides interactive overlays such as modals and dropdowns for revealing content based on user interaction.

    HTMLaccessibilitycomponentscss
    Ver en GitHub↗12,137
  • wojtekmaj/react-pdfAvatar de wojtekmaj

    wojtekmaj/react-pdf

    10,920Ver en GitHub↗

    React-pdf is a library of components designed to integrate document viewing and interaction into web applications. It provides a standardized interface for parsing and displaying portable document format files directly within a browser environment, supporting input from local files, remote web addresses, and encoded data strings. The library renders document content onto HTML5 canvas elements to ensure consistent visual display across browsers. To maintain interface responsiveness during document processing, it offloads parsing tasks to background threads. It also implements a layered approac

    Positions transparent HTML elements over the rendered canvas to provide selectable text and interactive annotations for the end user.

    TypeScriptpdfpdf-viewerreact
    Ver en GitHub↗10,920
  • cosscom/cossAvatar de cosscom

    cosscom/coss

    10,125Ver en GitHub↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    Implements interactive overlays including tooltips, popovers, and context menus.

    TypeScriptnextjsradix-uireact
    Ver en GitHub↗10,125
  • cocos/cocos-engineAvatar de cocos

    cocos/cocos-engine

    9,651Ver en GitHub↗

    Cocos Engine is a cross-platform game engine designed for building high-performance 2D and 3D interactive experiences for web, mobile, and desktop platforms. It features a multi-backend rendering engine and a 2D and 3D physics simulator, utilizing a core architecture that combines a C++ runtime for performance with TypeScript for game logic scripting. The engine distinguishes itself through a multi-platform deployment system that packages projects for native operating systems and instant-play web ecosystems. Its graphics system supports multiple APIs, employing physically based rendering and

    Provides a dedicated system for constructing interactive menus and heads-up displays as visual overlays.

    C++3dcocoscocoscreator
    Ver en GitHub↗9,651
  • qnblackcat/uyouplusAvatar de qnblackcat

    qnblackcat/uYouPlus

    7,647Ver en GitHub↗

    uYouPlus is a modified iOS application binary that removes advertisements and unlocks premium playback features for non-jailbroken devices. It functions as an ad-blocking video client and enhanced video player designed to be installed via external signing tools rather than the official app store. The project enables the skipping of sponsored content using a community-driven database and allows users to bypass age restrictions and premium prompts. It unlocks high-resolution streaming options, including 2K and 4K playback, and supports background media playback and picture-in-picture mode. The

    Injects custom graphical elements and menus over the native interface for advanced playback controls.

    Logos
    Ver en GitHub↗7,647
  • 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

    Provides an interactive UI overlay that can be toggled based on application state or user triggers.

    JavaScript
    Ver en GitHub↗7,405
  • fancyapps/fancyboxAvatar de fancyapps

    fancyapps/fancyBox

    7,254Ver en GitHub↗

    fancyBox is a jQuery-based lightbox plugin and JavaScript modal gallery used to render images and videos within a full-screen overlay. It isolates media from the background page by utilizing a responsive gallery system that dims the rest of the screen to focus attention on the selected content. The tool functions as a touch-enabled content overlay, incorporating support for swipe gestures and pinch-to-zoom for navigating media on mobile devices and tablets. It ensures media scales correctly across different screen sizes through a responsive gallery system. The project covers a broad range of

    Provides an interactive layer over the website for browsing detailed media content via touch gestures.

    JavaScript
    Ver en GitHub↗7,254
  • huri000/swiftentrykitAvatar de huri000

    huri000/SwiftEntryKit

    6,760Ver en GitHub↗

    SwiftEntryKit is a Swift presentation framework and UI overlay library used to orchestrate banners, pop-up views, and custom modal presentations on top of an iOS application window. It functions as a view orchestrator that manages the lifecycle, animations, and layering of multiple overlapping user interface elements. The framework features a priority-based queueing system to determine the display order and precedence of overlays, ensuring specific elements can override others. It includes a dedicated animation toolkit for translation, scale, and fade transitions, alongside haptic integration

    Implements interactive UI overlays that manage user interaction, scroll behavior, and safe area constraints.

    Swift
    Ver en GitHub↗6,760
  • galacean/engineG

    galacean/engine

    5,791Ver en GitHub↗

    Este es un motor de juegos 3D basado en web diseñado para crear experiencias interactivas de alto rendimiento en plataformas web y móviles. Funciona como un renderizador de gráficos en tiempo real y un motor de física, utilizando un grafo de escena basado en componentes para organizar las entidades y sus propiedades para el renderizado tridimensional. El motor incluye un editor de escenas visual que permite el diseño de entornos a través de una interfaz gráfica, la cual exporta estos activos como código ejecutable. Sus capacidades más amplias cubren el renderizado de gráficos en tiempo real para elementos 2D y 3D, la simulación del mundo físico para colisiones de objetos y la composición de UI multiplataforma para superposiciones interactivas. También proporciona sistemas para animar objetos de la escena, gestionar eventos de entrada del usuario y crear lógica de aplicación a través de una interfaz de scripting tipada.

    Builds interactive 2D overlays and graphical elements that respond to dynamic user interactions.

    TypeScript
    Ver en GitHub↗5,791
  • blackboardsh/electrobunAvatar de blackboardsh

    blackboardsh/electrobun

    5,534Ver en GitHub↗

    Electrobun is a desktop application framework and webview-based GUI toolkit used for building cross-platform desktop apps. It provides a TypeScript-based runtime and a native system webview to create interfaces that integrate embedded browser views with host-process logic. The project features a native GPU integration layer with direct FFI bindings, allowing for high-performance GPU surfaces and compute workloads to run within a desktop application. It also includes an inter-process communication bridge using a typed RPC system to exchange data and execute functions between the native backend

    Creates interactive holes through the embedded webview using CSS selectors to keep host-page elements accessible.

    C++
    Ver en GitHub↗5,534
  • jinxiansen/swiftuiAvatar de Jinxiansen

    Jinxiansen/SwiftUI

    5,440Ver en GitHub↗

    Este proyecto es una biblioteca de patrones de UI declarativa y una implementación de referencia para estructurar layouts, flujos de navegación y colecciones de datos en plataformas Apple. Proporciona una colección de patrones de implementación prácticos y ejemplos de componentes para construir interfaces de usuario utilizando el framework SwiftUI. La biblioteca sirve como referencia multiplataforma para renderizar contenido visual en iOS y macOS. Incluye una guía de implementación de vistas que cubre la gestión de la navegación, el manejo de entradas de usuario y el embebido de contenido web. El código base cubre amplias áreas de capacidad, incluyendo la gestión de layouts mediante composiciones basadas en stacks y organización de formularios, así como frameworks de navegación de aplicaciones utilizando barras de pestañas y enrutamiento jerárquico. Proporciona patrones para la visualización de datos mediante renderizado iterativo de colecciones, interacción del usuario mediante controles de entrada y manejo de eventos, y el uso de superposiciones de contenido interactivo como modales y alertas. El proyecto también incluye utilidades para la integración de vistas heredadas, permitiendo el embebido de componentes basados en controladores dentro de una jerarquía declarativa moderna.

    Ships interactive overlays including action sheets and alert dialogs to handle user notifications and inputs.

    Swift
    Ver en GitHub↗5,440
  • matt8707/hass-configAvatar de matt8707

    matt8707/hass-config

    5,182Ver en GitHub↗

    Este proyecto es un sistema de diseño y framework de configuración para crear paneles de control responsivos en Home Assistant. Proporciona un framework de interfaz basado en CSS y un sistema de temas utilizado para definir la apariencia visual y el diseño de las interfaces de automatización del hogar. El sistema se distingue por un enfoque de diseño de múltiples vistas que adapta la interfaz para dispositivos móviles y tabletas montadas en pared en orientaciones vertical y horizontal. Emplea definiciones de UI basadas en configuración y CSS personalizado para implementar efectos visuales avanzados, como animaciones activadas por estado para iconos y ventanas emergentes interactivas activadas por interacciones del usuario. Las capacidades amplias incluyen gestión de diseño de paneles responsivos, temas de interfaz global con plantillas de botones reutilizables y lógica de renderizado condicional para reproductores multimedia y sensores de estado del sistema. El framework también admite elementos interactivos con efectos de inclinación y retroalimentación de audio para pantallas táctiles.

    Implements interactive overlay panels for displaying detailed settings and notifications triggered by user interaction.

    CSSassistantgrid-layouthome
    Ver en GitHub↗5,182
  • jdamcd/android-cropAvatar de jdamcd

    jdamcd/android-crop

    4,540Ver en GitHub↗

    android-crop is an Android image cropping library and image picker. It provides a reusable view component for selecting and cropping rectangular areas of images within mobile applications. The project includes an interface for launching the system gallery to select photos and a visual tool for users to manually adjust image framing. It manages the process of extracting specific regions of a bitmap and discarding the surrounding pixels.

    Renders an interactive semi-transparent cropping frame over the image for boundary adjustment.

    Javaandroid-librarydeprecated
    Ver en GitHub↗4,540
  • dayanch96/ytliteAvatar de dayanch96

    dayanch96/YTLite

    3,899Ver en GitHub↗

    YTLite is a modified YouTube client and a set of specialized extensions designed to provide expanded controls over playback, layout, and content visibility. It functions as a playback enhancer and interface customizer that allows for the modification of the native video platform experience. The project integrates SponsorBlock to automatically skip sponsored segments using community-driven timing data and restores the visibility of dislike counts on videos. It unlocks high-resolution streaming, enabling 2K and 4K playback, and provides a media downloader for saving videos, audio tracks, and im

    Renders custom control menus and quality selectors as interactive overlays on top of the native UI.

    Logosdownloaderiosjailbreak
    Ver en GitHub↗3,899
  • trogdoro/xikiAvatar de trogdoro

    trogdoro/xiki

    3,758Ver en GitHub↗

    xiki is a GUI-enhanced shell console that integrates graphical user interface components and an editable output buffer into a standard shell environment. It functions as an interactive command-line interface and CLI overlay, rendering graphical elements on top of a traditional character-based terminal grid. The project serves as a custom shell command builder and menu system, allowing users to map shell commands to graphical menus and interactive shortcuts. This enables the creation of personalized workflows to launch and manage system tools through a visual interface. The system transforms

    Renders graphical user interface elements on top of a traditional character-based terminal grid.

    Ruby
    Ver en GitHub↗3,758
Ant.12Siguiente
  1. Home
  2. User Interface & Experience
  3. Interactive UI Overlays

Explorar subetiquetas

  • Interactive Overlays1 sub-etiquetaTemporary UI elements that prompt for user input or display alerts and action sheets. **Distinct from Interactive UI Overlays:** Focuses on the interactive input/alert nature of the overlay rather than just the visual panel
  • Webview MaskingCreating transparent or interactive holes in a webview to allow host-page elements to be visible and clickable. **Distinct from Interactive UI Overlays:** Distinct from Interactive UI Overlays: specifically focuses on masking holes through a webview rather than layering elements on top.