📝 主旨内容

www.untitledui.com；www.locofy.ai

开源的tailwindcss UI组件，支持响应式和在线编辑。还阔以..

build in public

1：终于找到了小白前端网页设计到生成高度还原的代码比较舒服的 workflow ，通过figma 找一个设计模板（推荐Untitled UI他们家的，免费版基本够用，如果有需要付费的可以私信我分享）、设计好页面内容以后再通过locofy 的插件进行代码迁移（这块记得预先先规划好组件和交换内容）能够保证一个比较高的还原度，剩下的就是通过各种组件库进行替换再叠加数据和后端调用即可；

总结下来这套工作流相比与之前尝试过直接通过 v0 生成前端页面和组件能够有更好的可控性，同时也能够实现更复杂的交换也页面效果，并且相比直接进行找到组件库进行前端代码拼接能够保持布局的灵活调整和不用重复造轮子，能够改善的地方是希望能够 lcofy 在进行转换的时候能够支持更多的组件库（比如ui.shadcn）并且能够给到模拟数据能够极大降低再拼接的成本。后续 todo：1）增加下批量的逻辑及等待组件 2）本地的 api 输入和保存 prompt卡片功能。3）完成部署&开源。4）交付使用

观点2

引用的话语

🤗 总结归纳

📎 参考文章

• ‣

• https://daisyui.com/

• ‣

• ‣

• https://freesets.vercel.app/components

• https://tailspark.co/

• awesome-tailwindcss

  aniftyco • Updated Oct 19, 2024

• ‣

• ‣

• v0.dev

• https://cruip.com/

• ‣

👉

可以试试这个，可以把html+css转为tailwind css代码，不过没有那么好用 https://tailwindconverter.app/

👉