48 repositorios
Components that provide draggable, resizable, or floating window interfaces within a web application.
Distinguishing note: No existing candidates found; this captures specialized UI windowing logic.
Explore 48 awesome GitHub repositories matching user interface & experience · Floating Window Components. Refine with filters or upvote what's useful.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Use the constrainToViewport prop to restrict element movement to the viewport boundaries. If you do not set the constrainToViewport prop, the element can be dragged outside the viewport: ```tsx import { Button, Close
Neovide is a cross-platform graphical frontend for the Neovim text editor. It provides a native windowed interface that preserves terminal-based functionality and keyboard-driven workflows while introducing a hardware-accelerated display layer. By utilizing GPU-accelerated rendering, the application ensures high-performance visual output across different desktop operating systems. The project distinguishes itself through an interpolated animation engine that provides fluid, frame-by-frame transitions for cursor movement and scrolling. It features an asynchronous input event loop to maintain i
Provides settings to adjust the opacity of the application window and floating interface elements.
react-color is a React color picker library and customizable UI component kit. It provides a collection of interactive color selection components and visual pickers for web applications, allowing users to choose and preview colors. The library includes pre-made user interfaces that mimic the color selection experiences of professional design tools like Photoshop, Sketch, and Chrome. It also features transparency-aware color pickers that render checkerboard backgrounds to visually represent colors containing alpha channel transparency. The project provides granular building blocks, such as hu
Uses a repeating checkerboard background to visually represent alpha channel transparency for semi-transparent colors.
mini.nvim is a comprehensive library of independent modules designed to extend Neovim with a wide array of navigation, user interface, and text manipulation tools. It serves as a modular plugin collection, a UI toolkit for creating custom statuslines and notifications, and a package manager for installing and pinning external plugins from Git. The project provides a specialized fuzzy picker framework for filtering files and symbols, an LSP completion engine with interactive snippet expansion, and a dedicated plugin test framework that uses headless editor instances and remote procedure calls
Visualizes the opening and closing of windows using floating windows with customizable transparency.
This project is a cross-platform mobile navigation library and declarative routing engine. It maps components to named scenes within a centralized configuration to manage application flow and screen transitions. The system distinguishes itself through a variety of specialized navigation patterns, including a mobile drawer navigation system for side menus and a tab navigation framework for organizing top-level views. It also features a modal overlay manager for rendering screens as pop-ups or transparent lightboxes and a deep linking handler that maps incoming URIs to specific application scen
Implements transparent lightbox displays for rendering components on top of the current scene with dynamic resizing.
StatusBarUtil is an Android library that provides comprehensive control over the status bar's appearance, enabling developers to customize its color, transparency, and icon style. The library handles the underlying complexity of Android window flag manipulation and API-level conditional logic, applying the correct styling technique based on the device's Android version for broad compatibility. The library distinguishes itself through specialized integrations with common Android UI patterns. It coordinates status bar transparency with DrawerLayout's fitsSystemWindows flag for seamless drawer o
Synchronizes status bar transparency with ImageView headers for immersive content layouts.
Neutralinojs is a lightweight cross-platform desktop application framework that allows developers to build native applications using web technologies and a C++ backend. It serves as a native system API bridge, enabling JavaScript frontend code to execute system commands and manage files across Windows, macOS, and Linux. The project distinguishes itself as a portable runtime that renders interfaces via the system's built-in webview instead of bundling a full browser engine. This approach enables the packaging of web assets into small, standalone executable binaries. The framework provides com
Allows developers to toggle borderless mode, set window transparency, and configure application icon visibility.
This project is a cross-platform UI framework and native desktop GUI library. It provides a unified set of instructions to render native windows, forms, and layouts across different operating systems by mapping high-level instructions to the native widgets and controls of the host environment. The toolkit includes a vector graphics engine for rendering custom shapes, gradients, and high-density images using brushes and matrices. It also serves as a native dialog provider for system-level operations such as file path selection and message box alerts. The library covers a broad range of GUI co
Allows configuration of window appearance, including border visibility and the assignment of primary content areas.
LiveTalking is an interactive talking head engine and AI avatar management platform designed to synchronize synthetic speech with facial movements. It functions as a real-time orchestrator that connects large language models and text-to-speech services to neural-rendered digital humans. The project distinguishes itself through low-latency streaming capabilities and the ability to handle real-time conversational interruptions. It supports advanced audio-visual customization, including human voice cloning and the ability to drive avatar expressions using real-time webcam data. The platform cov
Displays digital humans on transparent backgrounds for seamless integration into other visuals.
Cropper is a JavaScript image cropping library and HTML5 canvas image editor. It serves as a web-based image manipulation tool that allows users to visually select and trim specific areas of an image directly within a browser. The library provides a visual interface for defining precise crop areas with configurable aspect ratios and zoom controls. It includes tools to rotate, scale, and zoom images to align subjects before exporting the final result. The tool handles browser-based image processing by generating a canvas element from a selected image area for use or download. It manages crop
Ships a transparent interaction layer over the image to capture mouse events for crop area manipulation.
Flutter Boost is a hybrid integration framework that embeds Flutter screens inside existing native iOS, Android, and OHOS applications. It provides a cross-platform page router that navigates between native and Flutter pages using a unified page-name scheme, along with lifecycle-aware engine binding that ties the Flutter engine to native platform lifecycle events for proper start, pause, and resume behavior. The framework also includes multi-engine instance management, allowing separate Flutter engine instances per tab to maintain independent page state. The framework distinguishes itself thr
Supports pushing non-opaque Flutter pages as transparent overlays for dialogs and popups on top of native content.
which-key.nvim is a keybinding discovery menu and command palette for Neovim. It serves as a configuration tool to organize complex keymap hierarchies and a visual utility for browsing editor marks, registers, and spelling suggestions through a compact popup interface. The plugin differentiates itself by organizing shortcuts into nested groups with custom labels and icons, reducing the need to memorize long key sequences. It includes built-in help presets for native editor operators and motions, and supports dynamic key mapping where descriptions are evaluated at runtime. The system covers w
Creates temporary floating windows with custom borders and alignments to present a non-intrusive discovery menu.
GitHub Profile Trophy is a service that generates SVG images of achievement trophies based on a GitHub user's profile statistics, designed for embedding in README files. It fetches profile data through the GitHub GraphQL API, renders the trophies server-side as SVG markup, and serves them directly to clients, with a Redis-based caching layer to reduce repeated API calls and speed up subsequent requests. The service can be deployed as a self-hosted HTTP server running on the Deno JavaScript runtime, packaged with Docker for consistent local and CI environments. It also offers a GitHub Action w
Toggles background transparency and hides border frames around each trophy.
noMeiryoUI is a Windows system utility designed to customize operating system fonts. It serves as a registry editor and personalization tool that allows users to override standard interface typography across different versions of Windows. The tool modifies the default fonts used in menus, title bars, and message boxes to improve readability and visual consistency. It achieves this by writing specific font mappings and values directly to the Windows Registry and using system calls to refresh the user interface without requiring a reboot. The application provides global typography control for
Provides a way to change default typography for Windows menus, title bars, and message boxes.
Winbox is a browser-based windowing system and JavaScript library for creating draggable and resizable floating windows within a web interface. It functions as a floating window framework that enables the development of desktop-like experiences using a configurable viewport and coordinate system. The system allows for the rendering of various content types, including raw HTML, existing DOM elements, and remote URLs loaded via iframes. It provides extensive UI customization through custom window layout templates, visual theme application via CSS classes, and the addition of custom controls to
Provides draggable and resizable floating window components for desktop-like web interfaces.
Re-imagining Windows like a minimal OS install, already debloated with minimal impact for most functionality.
Toggles individual system settings such as dark theme, clipboard history, context menus, and search behavior.
randomColor es una utilidad programática para generar cadenas de colores armoniosas y estéticamente agradables para su uso en hojas de estilo web e interfaces de usuario digitales. Funciona como un generador de colores aleatorios que produce valores en formatos hexadecimal, RGB y HSL. La librería utiliza un sistema basado en lógica que calcula tonos y luminosidad en el espacio HSL para asegurar la armonía visual. Permite la aplicación de restricciones específicas al brillo, transparencia y desplazamientos de tono para limitar el espectro de color generado. La herramienta proporciona capacidades para la generación programática de colores a través de múltiples formatos de salida y soporta el desarrollo de paletas de UI y estilos dinámicos.
Allows generation of random colors based on specific brightness and transparency constraints.
This is a userscript that customizes search engine result pages by applying custom CSS, removing advertisements, and adding favicons for a cleaner browsing experience. It operates as a user-script injected into web pages at runtime to modify page behavior and appearance. The script strips tracking and redirection links from search results so users land directly on the target website, and it suppresses unwanted content such as Baijiahao articles. It also provides visual customization through column layout toggling between single-column, double-column, or multi-column displays, and applies cust
Applies a semi-transparent color overlay over the page using CSS to reduce eye strain by adjusting brightness and contrast.
Winhance is a graphical tool for managing and optimizing Windows environments, providing a unified interface for removing pre-installed bloatware, applying performance and privacy tweaks, backing up and restoring system settings, and installing third-party applications through the WinGet package manager. It operates as a portable executable that can run without writing to system directories, and it supports exporting and importing its configuration as structured JSON files for easy migration across systems. The tool distinguishes itself by combining system optimization with deployment capabil
Modifies Windows themes, taskbar, and Start Menu settings through toggle controls.
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
Provides capabilities to control window borders, background transparency, and title bar appearance to create custom floating interfaces.