Hyperdiv:一个用 Python 快速开发浏览器 响应式Web UI 应用的框架

Py-Window-Styles：你的Python UI半透明美化神器，炫酷窗口，一键搞定！

FastAPI-Amis-Admin：一个高效的Python后台管理系统利器！

Pencil：全能跨平台原型设计工具，焕新GUI设计体验

Script-Server：一款强大的脚本服务器，赋能你的脚本

最近在折腾前端，手里那套 JS 框架纠结到吐血。要不要搞 Vue？要不要 React？还得装 Node、打包、配置……。结果朋友跟我推荐了一个超神奇的玩意儿——Hyperdiv。用 Python 写前端界面，秒控事件、秒出效果，不用盲目翻译成 JS，不用写一大堆模板，简直就是懒人福音啊！

是什么鬼？Hyperdiv 到底是啥简单来说，Hyperdiv 是一个用 Python 快速开发浏览器 Reactive UI 应用的框架。

• • 内置 Shoelace 组件，样式美观现代
• • 支持 Markdown 渲染（Mistune）
• • 内置 Chart.js，想画图表随手就来
• • 本地存储 read/write API，不用折腾 localStorage
• • 表单校验直接 Python 写，爽歪歪！

想象一下：在 Jupyter 里写 Python 式的 UI 代码，瞬间展示到浏览器里，改动自动刷新。省事儿，流畅！

能解决哪些烦恼？

1. 1. 前后端分离痛苦：我们都知道，通常要写后端 API，再写前端代码，来回切换、接口联调。Hyperdiv 让你把 UI、逻辑通通写在一个 Python 里，前端、后端无缝融合，效率杠杠的。
2. 2. 模板语法杂乱：忘掉 JSX、忘掉 Mustache，Hyperdiv 采用 Immediate-Mode + Python 风格，写组件就像写普通函数，清爽！
3. 3. 组件库适配问题：自带 Shoelace，风格一体化，不用再为找 UI 库、拼装 CSS、踩坑去，直接用。
4. 4. 表单校验搬来搬去：原来前端表单校验又要写一大堆 JS 逻辑，现在用 Python 把验证写好，UI 自动给你跑一遍，异常漂亮。
5. 

实战演示：一段简单代码带你飞下面写个小 Demo，几个按钮、一个图表、一个 Markdown 提示，5 行搞定：

from hyperdiv import app,Shoelace,Markdown,Chartdef main():    count = app.state(0)    def inc(e):        count.value +=1    return Shoelace.Card(        slots={              "header":"Hyperdiv Demo",              "default":[                   Markdown(f"当前计数：**{count.value}**"),                   Shoelace.Button("点我 +1", on_click=inc),                   Chart(type="bar", data={                          "labels":["A","B","C"],                           "datasets":[{"label":"示例","data":[1,2, count.value]}]                           })                           ]                  }              )if __name__ =="__main__":    app.run(main)

运行 python demo.py（或 hyperdiv run demo.py），浏览器里立马就能看到一个小卡片，点按钮、图表随之更新，爽到飞起。

优缺点剖析：吃得了苦，也怕点辣优点：

• • 极速上手：纯 Python 爱好者无门槛，直接跟着写就能跑。
• • 少量样板代码：不用 webpack、Babel 那一大堆配置，轻轻松松。
• • 组件完备：内置 Shoelace，Chart.js，Markdown，表单校验……所有常见需求一次搞定。
• • Reactive 响应式：state 写在 Python 里，变化自动推到 UI，不用手动 DOM 操作。

缺点：

• • 生态较新：目前社区示例和插件少，需要你自己动手扩展。
• • 性能边界待打磨：简单应用流畅，超复杂场景可能要考虑 JS 原生框架的优化。
• • 浏览器兼容：主打现代浏览器，老旧 IE 系列就别想了（咳咳，谁还在用 IE？）。
• 

总结说到底，Hyperdiv 就像一个把前端“魔法”搬到 Python 的“传送门”。它帮你省去写 JS、配环境、写模板的一大半力气，让你专心盯着业务逻辑，少走弯路。对于 Python 开发者来说，这绝对是一次福音：轻量、易读、上手快。如果你正在为前后端断层犯愁，或者想试试一门更爽的 UI 开发方式，不妨给 Hyperdiv 一次机会。

项目地址：https/github.com/hyperdiv/hyperdiv