【Openui】
开源且免费，效果一般，但是对于后端程序员来说效果不错，可以指定元素优化和修改，支持3.5、4o等模型
Github： wandb/openui: OpenUI let’s you describe UI using your imagination, then see it rendered live. (github.com)
在线体验：Create a new Element (openui.fly.dev)
【V0】
效果好，但是贵~
PS：不支持vue
v0 的 Vercel
作为一个记录，希望能帮助这方面的需求的家人们~有更好的可以放在下面评论区。
马克马克
感谢
mark
mark
感谢分享 正好需要
马克一下
这么强
auth应该填什么
好家伙轻一点，人家只是一个demo站，别瞎搞哦
很好用，解决了抄袭的烦恼。最好有个可以自己拖动设计的玩意儿。方便设计。
就像是搭积木一样
不错不错，后端不用焦头烂额研究前端了
好东西
感谢分享，非常好的项目。
用它来生成登录页面，搜索页面等简单的Html页面。很好用，所说即所得，还可以让他实时修改。
唯一的不足，是 openui.fly.dev 它每天试用的次数有限，而又不能指定自己的API。可以通过以下油猴脚本改为自己的API，就可以愉快地玩耍了。
// ==UserScript==
// @name OpenUI via YourAPI
// @namespace http://tampermonkey.net/
// @version 2024-06-15
// @description try to take over the world!
// @author Edwa
// @match https://openui.fly.dev/*
// @icon https://openui.fly.dev/favicon.png
// @grant none
// ==/UserScript==
(function() {
'use strict';
const YourApi = "https://xxxx.xxx/v1/chat/completions" //需要支持CORS
const YourKey = "sk-xxxx"
const originalFetch = window.fetch;
window.fetch = function (...args) {
if(args[0].indexOf("/v1/chat/completions")>-1){
args[0] = YourApi;
args[1].headers['authorization'] = "Bearer "+YourKey
}
return originalFetch.apply(this, args);
};
})();
牛逼，star
