一句话生成前端页面代码
这是一个让你通过想象来描述用户界面,并实时看到渲染结果的项目。
·
公众号:【可乐前端】,每天3分钟学习一个优秀的开源项目,分享web面试与实战知识,也有全栈交流学习摸鱼群,期待您的关注!
每天3分钟开源
hi,这里是每天3分钟开源,很高兴又跟大家见面了,今天介绍的开源项目简介如下:
仓库名:
wandb/openui
项目名:
openui
开源地址:https://github.com/wandb/openui
主要语言:
TypeScript
stars数量:
526
forks数量:
30
开源协议:
Apache License 2.0
标题
“OpenUI:用你的想象来描述界面”
一句话介绍
这是一个让你通过想象来描述用户界面,并实时看到渲染结果的项目。
详细描述
OpenUI 是一个旨在使构建用户界面变得有趣、快速且灵活的工具。它也是我们在 W&B 使用的工具,用于测试和原型我们下一代构建强大应用程序的工具。
你可以用你的想象力描述用户界面,然后看到它实时渲染。你可以要求进行更改,并将 HTML 转换为 React,Svelte,Web Components 等。
具体功能
- 用户可以通过描述来生成用户界面
- 用户可以看到实时渲染的结果
- 用户可以请求进行界面更改
- 用户可以将
HTML
转换为React
,Svelte
,Web Components
等 - 提供本地运行的可能性,用户可以在本地使用 OpenUI 并使用 Ollama 可用的模型
如何使用
- 克隆项目到本地:
git clone https://github.com/wandb/openui
- 进入后端目录:
cd openui/backend
- 安装项目:
pip install .
(建议在虚拟环境中运行此命令) - 设置 OpenAI 的 API 密钥:
export OPENAI_API_KEY=sk_XXX
(你可以在这里找到你的 api key) - 运行项目:
python -m openui
- 访问
http://localhost:7878
即可在本地运行 OpenUI
注意,你还可以阅读前端和后端目录中的 readme 文件以获取更多开发信息。
最后
感谢您的阅读,这里每天都会推送优秀的开源项目,如果觉得有帮助的话,一键三连一下吧~
更多推荐
所有评论(0)