11 个仓库
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.
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.
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.
assistant-ui 是一个 React UI 库和框架,用于构建将用户连接到大语言模型的对话界面。它提供了一个标准运行时接口来管理聊天界面与 AI 后端之间的消息流和数据流,并辅以用于项目脚手架和样式设置的命令行工具。 该项目专注于生成式 UI 渲染,将来自语言模型的结构化工具调用和数据转换为交互式视觉组件。它利用与提供商无关的适配器层来标准化不同 AI 后端协议之间的通信。 该框架涵盖了广泛的功能,包括对话状态管理和历史记录持久化。它提供了用于设计对话界面的模块化原语,支持 Markdown 渲染、自动滚动和语音听写。
Determines which visual components to render based on structured data definitions from the AI.
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.
h5ai 是一个基于 Web 的文件导航器和服务器端索引器,它用一个用于通过 HTTP 浏览和下载文件的可视化界面替换了默认的服务器索引页面。它作为一个目录列表浏览器,将纯文件路径转换为托管文件的可导航资源管理器。 该项目兼容 Apache、Nginx 和 lighttpd Web 服务器,提供了一种通过基于浏览器的界面而不是命令行来管理静态资产并共享文件和文件夹的方法。 它利用基于 PHP 的服务器索引和递归目录遍历来扫描服务器目录并读取文件系统元数据。该界面使用 AJAX 和 JSON 驱动的更新来刷新文件夹视图,而无需完全重新加载页面。
Employs structured JSON payloads to refresh the interface based on server-side filesystem changes.
mall-cook 是一个低代码电商平台和可视化页面构建器,旨在无需编写手动代码即可创建在线购物商店和店面。它作为一个模式驱动的 UI 框架,将 JSON 属性模式映射到可复用组件,以实现实时界面生成。 该系统充当多平台店面生成器,通过单一配置即可为移动浏览器和小程序生成兼容的购物网站。它利用拖拽界面来编排页面布局并管理组件属性。 该平台涵盖了电商店面设计和页面编排,包括导航路径的管理以及跨多租户商店身份的模板映射。
Generates visual interfaces by mapping structured JSON property schemas to a library of reusable components.
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.
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.
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.
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.
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.