3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂

熊猫办公
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
现在AI编程做的前端,还是一言难尽,Claude的美感还稍微强一些,但也只能说是凑合用,费尽心思找了非常多的前端设计skill,发现也没啥太大改变。
我今天可能找到原因了。
页面不生动,做出来的很多特效太AI了,要不就是让人看着就很难受。
昨天找到一个很好的开源项目,专门做动效的,我发给我同事看了看,他说他早上刚看见感觉还不错,于是我就实测了下,确实是!!这是目前见过的做前端动效最好的开源项目了。
已经3.3k星了,开发者们的眼睛都是雪亮的。
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
项目简介
Text-to-Lottie是一个开源框架,用于通过Claude Code、Codex等AI编程Agent快速生成生产级的Lottie动画。
它支持输入SVG、数据或截图,结合专业运动设计术语和相机运动模拟,一键生成高质量、可直接用于生产的动效。项目内置实时预览与编辑功能,生成的动画可无缝集成到Web、React Native、iOS、Android和Flutter等多平台,极大简化了动效开发流程。
DEMO
使用方法很简单,把github链接丢Agent里,让他自己安装好了就行了。
先看几个官方的演示。
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
整体效果很棒。
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
来看看我做的,我先让他直接生成了一组。
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
如果是网站首页的动效,就可以做到这样,只是我没有设定很好的目标,所以显的有些杂乱,但是炫酷的程度还是足够的。
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
输入SVG就可以直接变成一个动效。
下面两个demo都是我输入的svg,然后很快就能变成动效了。
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
3.3k星星!用AI做前端动效最好的开源项目,给AI写前端代码注入灵魂
想想还是挺爽的,难道说所有的icon都要变成动的了吗?不过也是看感觉吧,全都动起来可能也挺乱的。
项目链接

https://github.com/diffusionstudio/lottie

关注「开源AI项目落地」公众号与AI时代更靠近一点

© 版权声明

相关文章