毕设UI设计不会前端怎么办?今天看到了一款自动生成UI的项目-OpenUI

试用地址:Create a new Elemint (openui.fly.dev)

OpenUI 是由 W&B 开发开源项目,旨在简化用户界面(UI)组件的构建过程。它通过允许开发者使用想象力描述 UI,然后实时看到渲染效果,使得 UI 开发变得有趣、快速且灵活。

这个工具也用于测试和原型设计,以构建基于大型语言模型(LLMs)的下一代强大应用程序。

主要特点:

  • 实时渲染:用户可以描述 UI 并立即看到结果。

  • 多语言支持:可以将 HTML 转换为 React、Svelte、Web Components 等。用户可以在本地运行 OpenUI,并使用 Ollama 可用的模型。需要先安装 Ollama,然后克隆 OpenUI 的 GitHub 仓库,并设置 OpenAI API 密钥来使用 OpenAI 模型。

开源地址:https://github.com/wandb/openui

适用网址:Create a new Elemint (openui.fly.dev)

下面会有代码,可以拿去自己调试换成替换标签里的图片或者内容,再加上自己PS,如鱼得水啊!

什么直接生成网站的工具有吗??

那,当然了。

可以找一些低代码平台,快速开发或者使用IMAGIC或其他的AI工具 ,根据自己的想法就能生成App和网页

地址:https://get.imagica.ai/

还有大量的模板可以直接使用

比如:

I need a UI similar to youtube

相关推荐
界面开发小八哥6 小时前
DevExpress WPF中文教程:Grid - 如何移动和调整列大小?(二)
ui·.net·wpf·界面控件·devexpress·ui开发
生产队队长19 小时前
项目练习:element-ui的valid表单验证功能用法
前端·vue.js·ui
007php0071 天前
Go语言zero项目部署后启动失败问题分析与解决
java·服务器·网络·python·golang·php·ai编程
P7进阶路1 天前
Ai编程从零开始全栈开发一个后台管理系统之用户登录、权限控制、用户管理-前端部分(十二)
前端·ai编程
hsg771 天前
AI绘画:利用sd开源软件文生图关于地球科技感主题
科技·ai作画
~央千澈~2 天前
优雅草央千澈-关于蓝湖如何快速的标注交互原型是如何使用的-如何使用蓝湖设计交互原型和整个软件项目的流程逻辑-实践项目详细说明
ui·交互·蓝湖
军训猫猫头2 天前
20.抽卡只有金,带保底(WPF) C#
ui·c#·wpf
wuningw2 天前
ant-design-ui的Select选择器多选时同时获取label与vaule值
ui·arcgis
SoraLuna2 天前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
开发语言·macos·ui·华为·harmonyos
晓纪同学2 天前
QT创建一个模板槽和信号刷新UI
开发语言·qt·ui