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

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

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

33 个仓库

Awesome GitHub RepositoriesData Binding Frameworks

Mechanisms that synchronize user interface elements with underlying data models.

Distinguishing note: No candidates provided; minting under User Interface & Experience as a binding pattern.

Explore 33 awesome GitHub repositories matching user interface & experience · Data Binding Frameworks. Refine with filters or upvote what's useful.

Awesome Data Binding Frameworks GitHub Repositories

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

    ionic-team/ionic-framework

    52,539在 GitHub 上查看↗

    Ionic Framework is a cross-platform UI toolkit and hybrid app framework used to build native-quality mobile and progressive web applications using HTML, CSS, and JavaScript. It functions as a web component library that enables the deployment of a single codebase across iOS, Android, and the web. The framework features a platform-adaptive design system that automatically switches the visual style of components to match the design patterns of the host operating system. It utilizes a web-component-based architecture with CSS custom properties for global theming and specialized bindings to synchr

    Provides specialized wrapper layers that synchronize web component state with various reactive JavaScript framework runtimes.

    TypeScriptangularcapacitorframework
    在 GitHub 上查看↗52,539
  • avaloniaui/avaloniaAvaloniaUI 的头像

    AvaloniaUI/Avalonia

    30,986在 GitHub 上查看↗

    Avalonia is a cross-platform desktop framework that enables the creation of native-feeling applications for Windows, macOS, and Linux from a single codebase. It functions as a declarative UI toolkit, allowing developers to define complex visual hierarchies and interface structures using a markup-based syntax that maps directly to underlying object properties. By utilizing the Model-View-ViewModel architectural pattern, the framework facilitates a clean separation between application logic and user interface layout, which simplifies unit testing and component maintenance. The framework disting

    Links control properties to underlying data objects using markup extensions to synchronize interface elements with application state.

    C#androidapp-frameworkavalonia
    在 GitHub 上查看↗30,986
  • lvgl/lvgllvgl 的头像

    lvgl/lvgl

    23,880在 GitHub 上查看↗

    This project is a high-performance, lightweight C graphics library designed for creating interactive user interfaces on resource-constrained embedded hardware. It functions as a comprehensive framework that provides a widget toolkit, a rendering engine, and hardware-agnostic drivers to support the development of graphical displays on microcontrollers and embedded systems. The framework distinguishes itself through a flexible, object-oriented widget hierarchy and a declarative layout engine that supports responsive design patterns like flexbox and grid systems. It enables developers to synchro

    Connects user interface elements to shared application state to synchronize visual updates with data changes.

    Ccembeddedgraphics
    在 GitHub 上查看↗23,880
  • polymer/polymerPolymer 的头像

    Polymer/polymer

    22,026在 GitHub 上查看↗

    Polymer is a custom element framework and web component library used to build reusable, encapsulated custom elements that function as native browser components. It serves as a system for defining public properties and attributes that trigger automatic state observation and updates within the DOM. The project functions as a data binding library, providing a mechanism to synchronize state between internal component properties and external models via two-way data binding. It covers the development of frontend component libraries and web component architecture, enabling the creation of modular u

    Synchronizes application state with the user interface so data changes automatically update displayed elements.

    HTML
    在 GitHub 上查看↗22,026
  • handsontable/handsontablehandsontable 的头像

    handsontable/handsontable

    21,947在 GitHub 上查看↗

    Handsontable is a JavaScript data grid that provides a spreadsheet-like interface for managing and editing large datasets within web applications. It functions as a virtualized data table that renders only visible cells to maintain performance, paired with a synchronization layer that binds the grid to underlying data structures. The project distinguishes itself through a built-in spreadsheet calculation engine for evaluating mathematical and logical expressions and a dedicated tool for exporting grid content into Excel XLSX files. It ensures interoperability with external spreadsheet softwar

    Synchronizes the visual grid state with underlying data structures via a dedicated data binding layer.

    JavaScriptangular-datagridangular-tablecomponent
    在 GitHub 上查看↗21,947
  • sortablejs/vue.draggableSortableJS 的头像

    SortableJS/Vue.Draggable

    20,626在 GitHub 上查看↗

    Vue.Draggable is a component-based library for Vue.js that enables drag-and-drop functionality within web interfaces. It functions as a wrapper for the SortableJS engine, bridging the gap between imperative DOM manipulation and the declarative nature of the Vue.js reactive system. By synchronizing user interface interactions with the underlying data model, it ensures that list reordering and element movement are automatically reflected in the application state. The library supports complex interaction patterns, including the ability to move items between lists, clone elements using keyboard m

    Ensures visual changes from drag-and-drop interactions are immediately reflected in the application data store.

    JavaScriptcomponentdrag-and-dropvue
    在 GitHub 上查看↗20,626
  • meituan-dianping/mpvueMeituan-Dianping 的头像

    Meituan-Dianping/mpvue

    20,345在 GitHub 上查看↗

    This project is a development framework that enables the creation of cross-platform mobile mini programs using the component-based architecture and reactive data binding of Vue.js. It functions as a build system that transforms web-oriented component code into native-compatible templates and logic, allowing developers to build modular user interfaces that run within restricted mobile environments. The framework distinguishes itself through a sophisticated build pipeline that deconstructs single-file components into platform-specific templates, logic, and style files. It employs compile-time t

    Maps component state to native attributes via a proxy layer to maintain UI synchronization.

    JavaScriptminimpvuevue
    在 GitHub 上查看↗20,345
  • amark/gunamark 的头像

    amark/gun

    19,057在 GitHub 上查看↗

    Gun is a decentralized graph database and synchronization engine designed for real-time, peer-to-peer data management. It functions as a JavaScript library that enables applications to maintain consistent state across distributed nodes without relying on a central server. By utilizing conflict-free replicated data types and a gossip protocol, the system ensures that data updates propagate across the network and reconcile automatically. The project distinguishes itself through a focus on decentralized identity and security, utilizing public-key infrastructure to authenticate users and sign dat

    Provides a JavaScript library that binds graph nodes to application state for automatic reactivity.

    JavaScriptartificial-intelligencebig-datablockchain
    在 GitHub 上查看↗19,057
  • baidu/amisbaidu 的头像

    baidu/amis

    18,877在 GitHub 上查看↗

    Amis is a JSON-driven UI framework and low-code page builder used to generate complex administrative interfaces from schema configurations. It functions as an administrative interface generator that renders web pages and data-entry forms using declarative JSON specifications to eliminate manual component coding. The framework utilizes a schema-driven component library where reusable UI elements are instantiated and managed through structured data definitions. This approach enables a rapid prototyping workflow by allowing interface designs and layouts to be modified via schema files without re

    Synchronizes UI component values with a central data store based on API responses and user input.

    TypeScript
    在 GitHub 上查看↗18,877
  • zauberzeug/niceguizauberzeug 的头像

    zauberzeug/nicegui

    15,388在 GitHub 上查看↗

    NiceGUI is a web framework that enables the creation of interactive user interfaces and dashboards using only Python. It functions as a reactive system, automatically synchronizing state between the server and the browser to update interface elements in real time without requiring manual intervention. The framework allows developers to build complex web applications by writing standard Python logic, eliminating the need to author custom HTML, CSS, or client-side scripts. It manages the orchestration of the interface by dynamically injecting necessary assets and reconciling changes to the comp

    Automatically synchronizes UI elements with Python variables using reactive observers.

    Pythonfrontendguiinteraction
    在 GitHub 上查看↗15,388
  • myliang/x-spreadsheetmyliang 的头像

    myliang/x-spreadsheet

    14,601在 GitHub 上查看↗

    x-spreadsheet is an HTML5 canvas spreadsheet component and web-based data grid designed for high-performance data display and cell manipulation. It serves as an interactive web component that allows users to manage structured data within a browser-based interface. The project includes an XLSX file serializer that imports and exports spreadsheet state using binary XML formats compatible with Excel. It also features a locale-aware UI framework that translates interface labels and date formats through configurable language objects. The component covers a broad range of capabilities including fo

    Synchronizes the visual grid display with an internal data model to maintain consistent application state.

    JavaScriptcanvases6excel
    在 GitHub 上查看↗14,601
  • dotnet/efcoredotnet 的头像

    dotnet/efcore

    14,587在 GitHub 上查看↗

    Entity Framework Core is an object-relational mapper that enables developers to interact with database systems using strongly-typed code. It serves as a comprehensive data access framework, providing a unified interface for mapping application objects to relational and non-relational database schemas while managing the lifecycle of data operations through a central context. The project distinguishes itself through a provider-based architecture that decouples core data access logic from specific database engines, allowing for consistent interaction across diverse storage systems. It features a

    Synchronizes entity state with user interface controls to reflect data model changes in the view.

    C#aspnet-productc-sharpdatabase
    在 GitHub 上查看↗14,587
  • rstacruz/cheatsheetsrstacruz 的头像

    rstacruz/cheatsheets

    14,429在 GitHub 上查看↗

    This project is a comprehensive collection of web development reference guides and technical cheat sheets. It provides a curated set of markdown-based documentation designed to help developers quickly locate syntax patterns and API examples for common web technologies and programming languages. The repository serves as a specialized reference library covering several distinct technical domains. It includes extensive guides for CSS, focusing on selectors, Flexbox, Grid, and responsive layout properties, as well as a DevOps command reference for Docker, Kubernetes, AWS, Ansible, and general she

    Provides examples of reactive bindings that synchronize the UI with internal state changes.

    SCSS
    在 GitHub 上查看↗14,429
  • faridsafi/react-native-gifted-chatFaridSafi 的头像

    FaridSafi/react-native-gifted-chat

    14,426在 GitHub 上查看↗

    This project is a cross-platform UI library for React Native designed to build messaging interfaces. It provides a comprehensive set of specialized components, including message bubbles, input toolbars, and layout containers, to facilitate the development of chat applications on iOS and Android. The library distinguishes itself through a highly flexible configuration interface that allows developers to override default elements and styling to meet specific branding requirements. It includes built-in support for complex interaction patterns such as swipe-to-reply gestures, quick-reply buttons,

    Automatically synchronizes UI elements with message history and delivery status changes.

    TypeScriptchatcomponentreact-native
    在 GitHub 上查看↗14,426
  • felangel/blocfelangel 的头像

    felangel/bloc

    12,455在 GitHub 上查看↗

    This is a Dart state management library and architectural framework that decouples business logic from the user interface by transforming a stream of events into a stream of states. It implements a business logic component pattern to ensure that state transitions are predictable and testable. The project distinguishes itself through advanced event stream processing, providing concurrency strategies to drop, restart, or queue incoming events. It includes a dedicated state persistence layer for saving and restoring application state to maintain session continuity, as well as tools for state his

    Automatically synchronizes UI elements with application state changes in the business logic component.

    Dart
    在 GitHub 上查看↗12,455
  • developit/mittdevelopit 的头像

    developit/mitt

    11,872在 GitHub 上查看↗

    Mitt is a lightweight event emitter and publish-subscribe messaging library designed for managing communication between decoupled components. It provides a minimal utility for registering, dispatching, and removing event listeners within browser and Node.js environments. The library distinguishes itself through a functional interface that maintains a small memory footprint by using function references for listener management. It supports wildcard pattern matching, allowing a single handler to respond to all emitted events, and executes callbacks synchronously to ensure predictable state updat

    Enables synchronization of application state across various UI elements through event-driven updates.

    TypeScripteventevent-busevent-handlers
    在 GitHub 上查看↗11,872
  • vercel-labs/json-rendervercel-labs 的头像

    vercel-labs/json-render

    11,036在 GitHub 上查看↗

    JSON Render is a generative user interface framework that translates structured data and natural language prompts into interactive components. It functions as a declarative engine that maps JSON schemas to native interface elements, enabling the creation of functional layouts across web, mobile, and terminal environments. The framework distinguishes itself through its ability to synthesize interfaces from artificial intelligence models, allowing for real-time iteration and incremental updates as data patches arrive. It supports a unified component registry that ensures consistent rendering ac

    Synchronizes component properties with runtime data using path-based references for dynamic content updates.

    TypeScript
    在 GitHub 上查看↗11,036
  • linebender/druidlinebender 的头像

    linebender/druid

    9,710在 GitHub 上查看↗

    Druid is a native user interface toolkit and 2D graphics engine for the Rust programming language. It functions as a retained-mode, data-driven framework for building graphical user interfaces that run across Linux, macOS, and web browsers via WebAssembly. The toolkit distinguishes itself through a data-first approach to UI design, utilizing lenses to isolate subsets of global application state and synchronize them with specific widgets. This allows the visual layout to update automatically when the underlying data model changes. Its capability surface includes a constraint-based box layout

    Automatically synchronizes UI elements with application state changes through reactive bindings.

    Rust
    在 GitHub 上查看↗9,710
  • lxn/walklxn 的头像

    lxn/walk

    7,063在 GitHub 上查看↗

    Walk is a comprehensive framework for building native Windows desktop applications. It functions as a GUI library and Windows API wrapper, providing a toolkit of native widgets and a declarative layout system for developing high-performance user interfaces. The project is distinguished by its data-binding framework, which uses reflection and string-based property paths to synchronize data sources with interface widgets. It also provides specialized support for high-DPI interface scaling and an optimized native message loop to reduce runtime overhead. The toolkit covers a wide range of capabi

    Synchronizes data sources with interface widgets using reflection and string-based property paths.

    Godeclarativedeclarative-uigo
    在 GitHub 上查看↗7,063
  • konvajs/react-konvakonvajs 的头像

    konvajs/react-konva

    6,362在 GitHub 上查看↗

    react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans

    Binds a graphics engine to React components to automatically synchronize visual canvas state with application data changes.

    TypeScript
    在 GitHub 上查看↗6,362
上一个12下一个
  1. Home
  2. User Interface & Experience
  3. Data Binding Frameworks

探索子标签

  • SolidJS BindingsIntegration layers that synchronize SolidJS components with an underlying data store. **Distinct from Data Binding Frameworks:** Specifically targets the SolidJS framework, whereas the parent is a general pattern for any UI framework.
  • State-Synchronized Bindings2 个子标签Mechanisms that automatically synchronize UI elements with application state changes. **Distinct from Data Binding Frameworks:** Distinct from general Data Binding Frameworks: focuses on the reactive synchronization of UI state specifically.