awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

38 个仓库

Awesome GitHub RepositoriesInteractive Widgets

UI elements that capture user input and bridge the gap between frontend and backend.

Distinguishing note: Focuses on the anatomy and state management of interactive UI controls.

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

Awesome Interactive Widgets GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • streamlit/streamlitstreamlit 的头像

    streamlit/streamlit

    44,982在 GitHub 上查看↗

    Streamlit is a Python framework designed to transform data scripts into interactive web applications. It utilizes a reactive execution engine that automatically reruns scripts from top to bottom whenever a user interaction triggers a state change, ensuring the interface remains synchronized with the underlying data. By providing a declarative interface, it allows developers to build functional applications without requiring extensive knowledge of frontend web technologies. The framework distinguishes itself through an identity-based widget reconciliation system that persists user input across

    Provides a comprehensive widget system for capturing user input and managing interactive state.

    Pythondata-analysisdata-sciencedata-visualization
    在 GitHub 上查看↗44,982
  • fyne-io/fynefyne-io 的头像

    fyne-io/fyne

    27,941在 GitHub 上查看↗

    Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

    Provides a comprehensive library of pre-built interactive widgets for constructing complex user interfaces.

    Goandroidcross-platformfyne
    在 GitHub 上查看↗27,941
  • libgdx/libgdxlibgdx 的头像

    libgdx/libgdx

    24,816在 GitHub 上查看↗

    LibGDX is a Java-based framework designed for cross-platform game development, enabling the creation and deployment of 2D and 3D games across desktop, mobile, and web environments from a single codebase. It functions as a comprehensive library that abstracts hardware-accelerated graphics, audio, input, and file system access, providing a unified interface for developers to manage game logic and application lifecycles. The framework distinguishes itself through a high-performance architecture that prioritizes efficiency and native interoperability. It utilizes a batch-oriented graphics pipelin

    Provides a suite of standard interactive widgets like buttons and sliders for user input.

    Java2d3dandroid
    在 GitHub 上查看↗24,816
  • zulip/zulipzulip 的头像

    zulip/zulip

    24,696在 GitHub 上查看↗

    Zulip is an open-source, self-hosted chat platform designed for real-time team communication. It organizes conversations into threaded streams, allowing users to maintain focus and manage complex discussions within a private, secure infrastructure. The project provides full control over data, authentication, and server management, making it a comprehensive solution for organizations requiring a dedicated messaging environment. The platform distinguishes itself through a hybrid backend architecture that combines a robust web framework for standard requests with an asynchronous event-streaming

    Enables the embedding of interactive widgets to extend interface functionality.

    Pythonapachechatcollaboration
    在 GitHub 上查看↗24,696
  • spicetify/clispicetify 的头像

    spicetify/cli

    23,479在 GitHub 上查看↗

    This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

    Places custom widgets next to track information to perform stateful actions on the currently playing media.

    JavaScriptcommand-linecommand-line-toolcustomization
    在 GitHub 上查看↗23,479
  • strml/react-grid-layoutSTRML 的头像

    STRML/react-grid-layout

    22,320在 GitHub 上查看↗

    React Grid Layout is a draggable and resizable grid system for React that organizes components into a coordinate-based layout. It functions as a responsive layout manager and a serialized grid state engine, providing the tools necessary to create user-customizable workspaces where interface elements can be moved and resized. The system distinguishes itself through breakpoint-driven layout mapping, which adjusts grid configurations based on container width. It utilizes a serialized state model to convert spatial positions and dimensions into data formats for saving and restoring user layouts,

    Enables users to interactively drag and reposition grid widgets to customize their workspace layout.

    TypeScript
    在 GitHub 上查看↗22,320
  • wavetermdev/wavetermwavetermdev 的头像

    wavetermdev/waveterm

    21,297在 GitHub 上查看↗

    WaveTerm is a cross-platform terminal emulator that integrates artificial intelligence, graphical widgets, and remote session management into a unified, block-based workspace. By rendering the interface through a web-based engine, it allows users to organize their development environment into a grid of resizable, independent blocks that can host shells, interactive web content, and system monitoring tools. The platform distinguishes itself by embedding intelligent models directly into the command-line interface, enabling automated code generation, terminal output analysis, and multimodal file

    Integrates graphical components like code editors, web previews, and process monitors directly into the terminal workspace.

    Gocommand-linedeveloper-toolslinux
    在 GitHub 上查看↗21,297
  • ustbhuangyi/better-scrollustbhuangyi 的头像

    ustbhuangyi/better-scroll

    16,489在 GitHub 上查看↗

    Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

    Includes a system enabling users to drag and reposition elements freely within a defined container.

    TypeScriptbetter-performanceiosiscroll
    在 GitHub 上查看↗16,489
  • jujumilk3/leaked-system-promptsjujumilk3 的头像

    jujumilk3/leaked-system-prompts

    14,134在 GitHub 上查看↗

    This project is a research-oriented repository that serves as a centralized database for system-level prompts and internal behavioral instructions extracted from various large language models. Its primary purpose is to provide a transparent, accessible reference for researchers and developers to study how artificial intelligence models are configured, constrained, and governed. The repository distinguishes itself by cataloging the hidden directives and operational guidelines that define model personas and safety boundaries. By archiving these instruction sets, it enables comparative analysis

    Displays interactive UI components for gathering user input and selecting service connectors.

    aidocumentllm
    在 GitHub 上查看↗14,134
  • visgl/deck.glvisgl 的头像

    visgl/deck.gl

    13,875在 GitHub 上查看↗

    This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf

    Provides modular controls and information displays that interact with map cameras and data layers.

    TypeScriptdata-visualizationgeospatial-analysisjavascript
    在 GitHub 上查看↗13,875
  • data-centric-ai-community/ydata-profilingData-Centric-AI-Community 的头像

    Data-Centric-AI-Community/ydata-profiling

    13,618在 GitHub 上查看↗

    This library provides a diagnostic toolkit for automated data profiling and exploratory analysis. It generates comprehensive statistical summaries and visual reports for tabular datasets, enabling users to identify distribution patterns, missing values, and quality anomalies through a unified interface. The project distinguishes itself by offering differential analysis, which allows for the comparison of two dataset versions to track structural and statistical changes over time. It supports large-scale data processing through lazy evaluation and provides interactive widgets that embed directl

    Encodes analytical results into self-contained web assets for interactive inspection in notebook environments.

    Python
    在 GitHub 上查看↗13,618
  • gui-cs/terminal.guigui-cs 的头像

    gui-cs/Terminal.Gui

    11,068在 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

    Ships a comprehensive set of interactive console widgets, including data grids, hex editors, and tree components.

    C#consoleconsole-applicationcross-platform
    在 GitHub 上查看↗11,068
  • perspective-dev/perspectiveperspective-dev 的头像

    perspective-dev/perspective

    10,981在 GitHub 上查看↗

    Perspective is a columnar data analytics engine and high-performance visualization component powered by WebAssembly. It provides a system for analyzing and visualizing large or streaming datasets through interactive data grids and charts, utilizing a compiled binary to achieve near-native performance within the browser. The project distinguishes itself through a WebSocket-based data streaming interface and deep Apache Arrow integration, which minimize memory overhead when synchronizing tables between servers and clients. It acts as a remote query proxy capable of translating visualization con

    Embeds an interactive analysis widget into notebook environments for rapid exploration of large datasets.

    C++analyticsbidata-visualization
    在 GitHub 上查看↗10,981
  • haltu/muurihaltu 的头像

    haltu/muuri

    10,954在 GitHub 上查看↗

    Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures. The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. The system provides interactive capabilities for moving items between multiple containers, filtering visibility based

    Provides a framework for creating UI components that can be manually repositioned within a grid via drag-and-drop.

    JavaScriptbin-packingdnddrag-and-drop
    在 GitHub 上查看↗10,954
  • react-grid-layout/react-draggablereact-grid-layout 的头像

    react-grid-layout/react-draggable

    9,292在 GitHub 上查看↗

    react-draggable is a drag and drop library and coordinate-based position manager for React. It functions as a component wrapper that adds draggable behavior to user interface elements, enabling them to be moved via mouse or touch interactions. The library provides touch-enabled interaction tools that unify pointer events across desktop browsers and touch screen devices. It utilizes CSS transforms to handle element movement and coordinate tracking. The system covers movement constraints such as axis restriction and boundary clamping to confine elements within specific areas. It includes posit

    Creates UI components that can be repositioned by the user through drag-and-drop interactions.

    JavaScript
    在 GitHub 上查看↗9,292
  • mzabriskie/react-draggablemzabriskie 的头像

    mzabriskie/react-draggable

    9,289在 GitHub 上查看↗

    react-draggable is a UI interaction library that provides core primitives and components for adding tactile movement and coordinate-based positioning to web elements. It serves as a tool for making user interface elements movable via mouse or touch interactions within React applications. The library supports the implementation of custom drag handles, allowing the initiation of movement to be restricted to specific child elements identified by CSS selectors. It also provides programmatic drag state management, enabling developers to control element positioning or use callbacks for movement wit

    Provides UI components that can be freely repositioned across the screen via pointer interactions.

    JavaScript
    在 GitHub 上查看↗9,289
  • gridstack/gridstack.jsgridstack 的头像

    gridstack/gridstack.js

    8,972在 GitHub 上查看↗

    gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

    Implements UI components that can be repositioned within a grid via drag-and-drop interactions.

    TypeScriptangulardashboardgrid
    在 GitHub 上查看↗8,972
  • prevwong/craft.jsprevwong 的头像

    prevwong/craft.js

    8,683在 GitHub 上查看↗

    Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

    Enables elements to be placed as children of droppable regions and repositioned via drag-and-drop.

    TypeScriptdraft-jsdrag-and-drophtml-builder
    在 GitHub 上查看↗8,683
  • modelcontextprotocol/inspectormodelcontextprotocol 的头像

    modelcontextprotocol/inspector

    8,721在 GitHub 上查看↗

    The inspector is a diagnostic and validation tool for the Model Context Protocol. It provides an interactive interface and a transport proxy to discover, inspect, and execute the tools, prompts, and resources provided by an MCP server. The project serves as a debugger and compliance tester to verify that server implementations adhere to the protocol specification and JSON-RPC standards. It allows for real-time monitoring of message exchanges and logs between clients and servers across various transport layers, such as standard input/output and Server-Sent Events. The tool covers a broad rang

    Renders searchable pickers, charts, and live dashboards inline within the chat interface.

    TypeScript
    在 GitHub 上查看↗8,721
  • modelcontextprotocol/modelcontextprotocolmodelcontextprotocol 的头像

    modelcontextprotocol/modelcontextprotocol

    8,458在 GitHub 上查看↗

    Model Context Protocol is a standardized framework for connecting large language models to external data sources and executable tools. It enables the creation of a universal interface where servers expose tools, resources, and prompts that can be discovered and utilized by various AI clients. The protocol utilizes a JSON-RPC message system that is transport-agnostic, supporting both standard input/output for local processes and HTTP with server-sent events for remote connections. It emphasizes security and control by delegating model sampling to the client to keep API keys secure from servers

    Integrates rich interactive elements such as pickers, charts, and dashboards into chat interfaces.

    TypeScript
    在 GitHub 上查看↗8,458
上一个12下一个
  1. Home
  2. User Interface & Experience
  3. Interactive Widgets

探索子标签

  • Analysis WidgetsInteractive UI components specifically designed for exploring and analyzing large datasets within notebook environments. **Distinct from Interactive Widgets:** Distinct from general interactive widgets by focusing specifically on the data analysis and exploration use case in notebooks.
  • Analytical Widget SerializersEncodes complex analytical results into self-contained web assets for dynamic visualization in notebooks. **Distinct from Interactive Widgets:** Distinct from Interactive Widgets: focuses on the serialization of analytical results into portable web assets rather than general-purpose UI controls.
  • Chat-Embedded WidgetsInteractive components embedded directly inside chat streams for visualizing agent actions and tool outputs. **Distinct from Interactive Widgets:** Distinct from Interactive Widgets: focuses on widgets embedded in chat streams, not general UI controls.
  • Draggable Layout Elements2 个子标签UI components that can be repositioned within a grid via drag-and-drop interactions. **Distinct from Interactive Widgets:** Focuses on the spatial movement of widgets within a grid layout rather than general input capture or state bridging.
  • Interactive Execution EnvironmentsPublishing websites that include live computational kernels for real-time data exploration. **Distinct from Interactive Widgets:** Distinct from Interactive Widgets as it provides the full execution environment (kernel) rather than just a UI control.
  • Terminal Widget SetsCollections of pre-built interactive controls designed specifically for character-based terminal interfaces. **Distinct from Interactive Widgets:** Focuses on terminal-specific widgets like hex editors and tree views rather than general interactive UI components.
  • Track Interaction WidgetsUI components placed near media information to perform stateful actions. **Distinct from Interactive Widgets:** Distinct from Interactive Widgets: focuses on specific placement near track metadata rather than general-purpose interactive widgets.