#UI组件

avatar
前端UI组件库中的大而全 - TinyVue。 由华为前端开发部开发的TinyVue有115个组件，还有很多常用但其他UI组件库不曾提供的组件，比如图片剪裁，走马灯，二维码，流程图，思维导图等等。 对于前端开发来说，能内置更多组件，就能节省不少时间和精力，有兴趣的朋友可以试试。 组件地址：
#TinyVue #前端UI组件库 #华为 #UI组件 #前端开发
avatar
Vercel 又推出了新的开源库 AI Elements 基于 shadcn/ui 构建，提供完全可控的 UI 组件 与 AI SDK 无缝集成，可以使用 useChat 等 hook 管理状态和流式传输 预构建了大量的 AI 页面相关的组件，例如推理、多模态输入组件等 感觉 nextdevkit 模版的 AI 模块可以开始写了！
#Vercel #AI Elements #开源库 #UI组件 #AI SDK
avatar
低空飞行
1个月前
UI 组件框架层级表
#UI组件 #框架 #技术 #层级 #中性
avatar
宝玉
1个月前
朋友问我对于 Figma 生成代码有没有好的方法，他目前做法是：Figma 导出 HTML 代码，然后把导出的代码让 GitHub Copilot 按照代码库中的组件格式重写。他觉得这样还要复制粘贴代码，再写一堆提示词让 Copilot 重写很麻烦。 我对 Figma 不是很熟悉，建议他可以试试把 Figma 的结果直接截图或者导出 PNG，然后把截图发给 Copilot，让 Copilot 根据截图一步到位生成 UI 代码。 他说这样得到的样式不如从 Figma 导出的准确，毕竟 Figma 上有精准的颜色、尺寸，而 AI 生成的就没那么精准。 我建议他可以考虑两者结合一下，同时导出代码和生成截图，然后把截图、Figma 导出代码和组件说明一起发给 AI（提示词中用 XML 标签隔开），这样就可以兼顾 UI 生成和样式准确性了。 参考提示词如下： [UI 设计截图] <Figma导出代码> [Figma 代码……] </Figma导出代码> <UI组件说明> [React UI组件说明……] </UI组件说明> 上面是 UI 设计图、相应的 Figma 代码，请参考UI组件说明，使用我提供的 UI 组件重新生成 UI 代码。
#Figma代码生成 #GitHub Copilot #UI组件 #AI辅助编程 #设计工具
avatar
Geek
1个月前
加了 UI 小组件还能叫 Markdown 吗…… Markdown UI 一个用于在纯 Markdown 中渲染交互式控件的开放标准
独立开发者手搓新Logo，MarkTodo即将上线新版本· 70 条信息
#Markdown #UI组件 #交互式控件 #开放标准