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