毕设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

相关推荐
qiyue773 小时前
AI编程专栏(五)-提示词知识-通用提示结构或框架
人工智能·ai编程
泽安AI研习社3 小时前
用了 Claude Code 之后,我不再续费 Cursor 了!国内使用 Claude Code 教程【附案例实操】
ai编程
共享ui设计和前端开发人才4 小时前
数字孪生技术引领UI前端设计新风向:跨领域数据融合的可视化
ui
experdot4 小时前
用Cursor解决了AI聊天的10个痛点后,我又做了一个新功能:交叉分析表
ai编程
Codebee4 小时前
三码合一:OneCode注解驱动的新时代编码范式
aigc·ai编程·编程语言
极客密码5 小时前
Cursor真的很好用,但我强烈建议你试试 Augment
aigc·ai编程·cursor
UI设计和前端开发从业者5 小时前
大数据时代UI前端的智能化转型之路:以数据为驱动的产品创新
大数据·前端·ui
desssq19 小时前
嘉立创黄山派下载watch ui demo 教程(sf32)
ui·嵌入式·嘉立创·黄山派
吏部侍郎20 小时前
当产品经理开始AI编程(二):从一次失败的重构中领悟的AI协作之道
ai编程·trae
写不出来就跑路20 小时前
基于 Vue 3 的智能聊天界面实现:从 UI 到流式响应全解析
前端·vue.js·ui