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

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

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

11 个仓库

Awesome GitHub RepositoriesServer-Side UI Composition

Updating page regions using pre-rendered HTML fragments from the server.

Distinguishing note: Focuses on the composition pattern rather than client-side state management.

Explore 11 awesome GitHub repositories matching web development · Server-Side UI Composition. Refine with filters or upvote what's useful.

Awesome Server-Side UI Composition GitHub Repositories

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

    bigskysoftware/htmx

    48,210在 GitHub 上查看↗

    HTMX is a hypermedia-driven frontend library that enables the creation of dynamic, asynchronous web applications by extending standard HTML attributes. It functions as a declarative engine that intercepts browser events to trigger network requests, allowing developers to update specific regions of the document with server-rendered HTML fragments. By shifting the logic of UI composition to the server, it minimizes the need for complex client-side state management and imperative JavaScript. The library distinguishes itself through a progressive enhancement workflow that ensures web interfaces r

    Updates specific regions of a web page by fetching pre-rendered HTML fragments directly from the server.

    JavaScripthateoashtmlhtmx
    在 GitHub 上查看↗48,210
  • 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

    Translates structured JSON schemas into a tree of React components for dynamic client-side rendering.

    TypeScript
    在 GitHub 上查看↗18,877
  • yonom/assistant-uiYonom 的头像

    Yonom/assistant-ui

    10,819在 GitHub 上查看↗

    assistant-ui 是一个 React UI 库和框架,用于构建将用户连接到大语言模型的对话界面。它提供了一个标准运行时接口来管理聊天界面与 AI 后端之间的消息流和数据流,并辅以用于项目脚手架和样式设置的命令行工具。 该项目专注于生成式 UI 渲染,将来自语言模型的结构化工具调用和数据转换为交互式视觉组件。它利用与提供商无关的适配器层来标准化不同 AI 后端协议之间的通信。 该框架涵盖了广泛的功能,包括对话状态管理和历史记录持久化。它提供了用于设计对话界面的模块化原语,支持 Markdown 渲染、自动滚动和语音听写。

    Determines which visual components to render based on structured data definitions from the AI.

    TypeScript
    在 GitHub 上查看↗10,819
  • kkuchta/css-only-chatkkuchta 的头像

    kkuchta/css-only-chat

    6,595在 GitHub 上查看↗

    css-only-chat 是一个无 JavaScript 的 Web 应用程序,仅使用 HTML 和 CSS 实现异步消息传递系统。它作为一个聊天界面,完全通过服务器端逻辑和标准浏览器行为实现实时更新和用户交互。 该项目使用基于 CSS 选择器的请求触发器来发送数据,利用浏览器自动加载背景图像来发起服务器请求。为了在不完全刷新页面的情况下提供更新,它利用 HTTP 分块传输流,保持响应打开并增量地将 HTML 片段附加到客户端。 该系统在后端管理应用程序状态,集成远程键值存储以实现消息持久性,并使用发布-订阅机制在并发用户会话之间同步状态。用户界面通过将现有的 HTML 元素替换为从服务器传递的新版本来刷新。

    Refreshes the user interface by delivering and replacing HTML fragments directly from the server.

    Ruby
    在 GitHub 上查看↗6,595
  • lrsjng/h5ailrsjng 的头像

    lrsjng/h5ai

    6,043在 GitHub 上查看↗

    h5ai 是一个基于 Web 的文件导航器和服务器端索引器,它用一个用于通过 HTTP 浏览和下载文件的可视化界面替换了默认的服务器索引页面。它作为一个目录列表浏览器,将纯文件路径转换为托管文件的可导航资源管理器。 该项目兼容 Apache、Nginx 和 lighttpd Web 服务器,提供了一种通过基于浏览器的界面而不是命令行来管理静态资产并共享文件和文件夹的方法。 它利用基于 PHP 的服务器索引和递归目录遍历来扫描服务器目录并读取文件系统元数据。该界面使用 AJAX 和 JSON 驱动的更新来刷新文件夹视图,而无需完全重新加载页面。

    Employs structured JSON payloads to refresh the interface based on server-side filesystem changes.

    JavaScript
    在 GitHub 上查看↗6,043
  • wangyuan389/mall-cookwangyuan389 的头像

    wangyuan389/mall-cook

    5,592在 GitHub 上查看↗

    mall-cook 是一个低代码电商平台和可视化页面构建器,旨在无需编写手动代码即可创建在线购物商店和店面。它作为一个模式驱动的 UI 框架,将 JSON 属性模式映射到可复用组件,以实现实时界面生成。 该系统充当多平台店面生成器,通过单一配置即可为移动浏览器和小程序生成兼容的购物网站。它利用拖拽界面来编排页面布局并管理组件属性。 该平台涵盖了电商店面设计和页面编排,包括导航路径的管理以及跨多租户商店身份的模板映射。

    Generates visual interfaces by mapping structured JSON property schemas to a library of reusable components.

    Vue
    在 GitHub 上查看↗5,592
  • jasonette/jasonette-iosJasonette 的头像

    Jasonette/JASONETTE-iOS

    5,228在 GitHub 上查看↗

    JASONETTE-iOS is a JSON-driven mobile app framework used to build iOS applications using declarative JSON markup. It maps structured data to native iOS components and system methods, allowing the definition of user interfaces and event responses without writing traditional imperative code. The framework includes a remote logic delivery engine that loads application structure and behavior via HTTP. This enables updates to interfaces and application logic over the air without requiring the redistribution of the app binary. The system manages application flow through declarative state managemen

    Maps declarative JSON schemas directly to native iOS components to render interfaces without compiled code.

    JavaScript
    在 GitHub 上查看↗5,228
  • expensify/appExpensify 的头像

    Expensify/App

    4,725在 GitHub 上查看↗

    Expensify App is a cross-platform collaborative expense management platform that combines receipt capture, expense tracking, and shared bill splitting for groups and teams. Designed as an offline-first application, it applies user actions optimistically to local state and queues them for server synchronization, with automatic rollback if the server rejects an operation. The application is built on a reactive client-side key-value store called Onyx that broadcasts changes to subscribed components and persists data to disk for offline access. Its cross-platform TypeScript and React codebase com

    Ships a server-driven UI architecture where page layouts and form fields are defined by JSON schemas fetched from the backend.

    TypeScript
    在 GitHub 上查看↗4,725
  • alibaba/tangram-androidalibaba 的头像

    alibaba/Tangram-Android

    4,095在 GitHub 上查看↗

    Tangram-Android 是一个 Android 服务器驱动的 UI SDK 和动态原生引擎。它通过解释从远程服务器接收的 JSON 数据定义来渲染原生用户界面,允许在不要求重新部署应用的情况下更新应用布局和内容。 该框架使用基于 JSON 的系统通过共享数据格式在 Android 和 iOS 之间同步页面布局。这允许通过从远程后端控制移动 UI 来实现实时界面更新和跨平台一致性。 该项目提供了一个可复用组件的模块化库和一个将原生界面元素组织成网格和列表的布局引擎。它采用动态视图映射和递归解析,将结构化数据转换为复杂原生视图层级。

    Translates structured JSON data definitions into native view hierarchies at runtime to update layouts without app deployment.

    Javaandroidcardmodular-ui-solution
    在 GitHub 上查看↗4,095
  • codebdy/rxdragcodebdy 的头像

    codebdy/rxdrag

    3,760在 GitHub 上查看↗

    rxdrag is a declarative frontend framework and low-code builder used to create web interfaces and application logic visually. It functions as an HTML web interface designer and visual logic orchestrator, allowing users to define structures and data flows through a graphical interface to reduce imperative coding. The system enables the design of responsive frontend layouts and user interactions using a coordinate-based editor. It integrates a logic engine that allows application behavior to be defined by arranging visual blocks rather than writing manual code. The framework covers frontend wo

    Generates the user interface by mapping a structured JSON representation of components to actual HTML elements.

    TypeScript
    在 GitHub 上查看↗3,760
  • vform666/variant-formvform666 的头像

    vform666/variant-form

    1,997在 GitHub 上查看↗

    Variant Form is a low-code platform designed for building and managing dynamic, data-driven web forms. It provides a visual drag-and-drop designer that allows users to assemble complex form layouts and configure field properties without manual markup. The system functions as a comprehensive suite for form development, integrating a runtime rendering engine that transforms structured configuration objects into functional, validated user interfaces. The project distinguishes itself through its ability to transpile visual form definitions into portable, framework-specific source code. It utilize

    Transforms structured JSON configuration objects into functional UI components at runtime.

    Vuedesignerelement-uiform
    在 GitHub 上查看↗1,997
  1. Home
  2. Web Development
  3. Server-Side UI Composition

探索子标签

  • JSON Schema-Driven UI Compositions3 个子标签Defines page layouts and form fields as JSON schemas fetched from the server for dynamic client-side rendering. **Distinct from Server-Side UI Composition:** Distinct from Server-Side UI Composition: focuses on fetching JSON schemas for client-side rendering rather than pre-rendered HTML fragments.