2024年8月23日星期五

18。1K Star!让AI帮你写前端!聊聊天就搞定!

推荐阅读:

6.2K Star!一个功能强大恶意流量监测系统!开源免费!

4.3K Star!全球首个开源2D真人级实时渲染数字人模型!可快速部署!

无需魔法!一键生成高质量视频!太离谱了!

大家好!我是老码,专门搜罗分享一些优秀开源项目、工具软件等以及进行一些原创技术分享和干货文章分享!喜欢的童鞋可以点个关注加在看,大家也可以在留言区进行探讨,谢谢啦!

在程序开发过程中,构建UI组件可能是一项艰巨的任务,前端开发者需要熟悉多种技术栈,包括HTML、CSS、JavaScript等基础技术或者要熟悉Vue、React、Angular等等现代前端框架或库。但随着AI技术的发展,很多东西都可以使用AI工具去进行处理,在众多AI当中,当然也有涉及到前端UI组件相关的,本文要说的这个开源项目就是一个这样的工具,它能让你用你的想象力来描述UI,然后看到它的实时渲染。你也可以要求更改并将HTML转换为React、Svelte、Web Components等,一起来看下看看。

它的一些主要特性:

AI生成前端:输入自然语言或者UI截图, 大型语言模型(LLM)辅助前端构建。

实时预览:能直接实时看到 UI 渲染效果,方便调整和迭代。

多平台支持:支持转换到多种前端框架(比如React、Svelte,Vue 等)。

比如说上图中的是一个类似表单相关的UI界面,但是你想要再多一个输入框选项,那么你可以在输入框中输入个add nickname input 然后发送出去,接下来你就可以实时在界面上看到效果了,当然如果你对该UI界面还是不满意,你可以继续输入进行调整。

更重要的是,它支持三种终端的UI设计,pc端,平板端以及手机端,具体你可以在聊天框中上方选择显示。你也可以直接打开代码编辑页面,直接进行手动修改。

你可以持续进行聊天对话,直到生成出让你满意的UI界面,这样你就可以直接把代码下载下来使用了。很重要的是,它还有类似git或svn的版本记录,会把每次你发送聊天修改的版本给记录下来。打个比方:你发了5次UI修改记录,但你最满意的是第3次的,那么你可以直接回退到第3个版本。

这个项目的名字叫——openui。OpenUI旨在使生成前端UI界面这个过程变得有趣、快速和灵活。它是一个创新的开源项目,由 wandb 组织在 GitHub 上发起。该项目基于 LLM 实现将上传的截图或通过描述,自动生成前端界面的代码。它是完全开源的,感兴趣的小伙伴们可以自己下载源代码进行本地运行或者自行部署到 Docker 使用。你也可以直接去体验地址先体验一番,是真的很香!
地址:https://github.com/wandb/openui
体验:https://openui.fly.dev/ai/new
往期热文




推荐:一套可快速开发,集成常见业务场景的通用框架!含PC/小程序/H5等!
5.8K Star!一站式的 SQL 审核查询平台!强大灵活!
太强了!一个免费的AI视频工具!内容创作神器!

1.6K Star!一个基于Netty的开源内网穿透神器!安全快速!

1.1K Star!一个灵活可配置的开源监控平台!优秀!

推荐:一个开箱即用的后台UI框架!酷炫强大!

很有趣!一张照片即可生成视频!一个强大的AI图像说话产品!免费!

推荐!一个开源免费可拖拽的数据可视化报表平台,强大且漂亮!

无需魔法!一键生成高质量视频!太离谱了!

1.2K Star:这个前后端一体化的快速开发平台有点强!料很足!!

好东西,发现个开源又完全免费的大屏设计器!五星好评!




没有评论:

发表评论

AIGC 进入「长剧情」时代!复旦&微软开源StableAvatar : 首个端到端无限时长音频驱动人物视频生成新框架!

添加微信号:AIGC_Tech,公众号小助手会拉你进群!点击下方名片关注AIGC Studio公众号! 添加微信号:AIGC_Tech,公众号小助手会拉你进群! 点击下方名片关注AIGC Studio公众号 ! 获取 最新AI前沿应用/ AIGC实践教程 ! 由复旦大学、微软...