兄弟们,分享 5 个宝藏网站,专治 AI 写的网站没设计感,也没质感👇
1、Motion Sites( 100 多个动效网站的现成 AI 提示词,复制丢给 AI 编程工具就能一键复刻,国产大模型和 Codex 都能用
2、React Bits(
3、Uiverse( 多个免费开源的 UI 元素,随便挑一个源代码直接拿走
4、Anime.js( 上 7 万多星的动画库,弹簧、拖拽、滚动联动都能做,复制代码就能 1:1 复刻
5、Aceternity UI( 多个现成的高级组件,源代码一键复制
VibeCoding 的兄弟们可以先收藏,写页面的时候翻出来照着抄就行~
显示更多
有人用 Fable 5 搭了一个超级 Nice 的网站,平滑滚动、动画、过渡,全用 Fable 5 完成。
我试了一下,流程也不复杂:
1. 先去 Mobbin 或 Godly 找个你喜欢的网站风格,截图下来。
2. 去 Aceternity UI 或者 Magic UI 拖那些现成的动画块(滚动揭示、视差、渐变)
3. 把步骤 1 的截图和步骤 2 的组件引用放进去,告诉 Fable 5 你要哪些部分以及滚动行为,让它先规划再动手
4. 动画工具选择
首选 GSAP + ScrollTrigger:适合复杂视差、pin、scrub 动画
备选 Framer Motion:React 组件内用 whileInView + variants 更快,适合简单 reveal
5. 细化迭代。这一步就是根据你自己的感受继续去改善。比如说我自己的“Hero 的视差太快,把背景移动幅度减半”
显示更多
📷四月作品(21日發售)
『我的愛妻』143P+4Dance Video
“這下好了,被你挑起的慾火,你可要給我好好撲滅~”
"Well, you started this fire. Now you have to put it out."
盒岛:
Subscription:
Fantia購入:
显示更多