正在加载视频...

视频加载失败

返回首页

推荐两个非常好看又好用的动效组件： - 动态边界光束 - 动态思考球

ZaynHao's profile picture

Zayn Hao

18,650 subscribers

118,285 次观看 • 1 个月前 •via X (Twitter)

艺术科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

18 条评论

青年小哲 的头像
青年小哲1 个月前

第二个思考球，上周看到过一次，然后是上周末死活想不起来了（所以应该尽快保存到 Minttr 里……），今天终于又遇到了，哈哈，感谢推荐

Zayn Hao 的头像
Zayn Hao1 个月前

保存到 Minttr！

古一 的头像
古一1 个月前

Nice

Aimmiy 的头像
Aimmiy1 个月前

nice

kelen 的头像
kelen1 个月前

看着挺不错的

Justin Bao 的头像
Justin Bao1 个月前

动态思考球真的不错，beam 倒是之前就看到过，X 上搜刮一圈感觉决定产品优雅度的细节都能找到开源方案

SuperBarry 的头像
SuperBarry1 个月前

先 mark

cxuan 的头像
cxuan1 个月前

确实不错

keno Ken 的头像
keno Ken1 个月前

Great design

Wei佳 的头像
Wei佳1 个月前

挺不错的，前端出家

MobaiLabs | 墨白实验室 的头像
MobaiLabs | 墨白实验室1 个月前

到处都在用这个，有点审美疲劳了

cjyang 的头像
cjyang1 个月前

不错，马上用上

AI Mastery Guide 的头像
AI Mastery Guide1 个月前

That border beam effect is such a nice detail.

wavyhair 的头像
wavyhair1 个月前

挺好看

Haru 的头像
Haru1 个月前

怎么用

Duomi 的头像
Duomi1 个月前

非常好 mark了

Founders Club 的头像
Founders Club1 个月前

Nicely,,,,,,😊😊😊😊😊😊😊😊🤔🤔

Rich Griner | Fintech and Design Systems 的头像
Rich Griner | Fintech and Design Systems1 个月前

These are awesome! They upgrade visuals while keeping things usable. curious how they hold up with reduced motion tho

相关视频

非常有效的，体态矫正动作，练起来！
1:53

Sensitive content

非常有效的，体态矫正动作，练起来！

西时珍🌎

182,814 次观看 • 11 个月前

用Gemini3又搓了一个实时粒子效果器，捕捉Camera中的动作，不动的地方粒子会固定，动态的地方粒子就会动态反馈，最终效果还是非常好看的，很久不跳舞了跳一段。 I made another real-time particle generator with Gemini 3. It captures movement from the camera — particles stay still in areas without motion, and react dynamically wherever there’s movement. The final effect looks beautiful. Danced a bit for it.
0:58

用Gemini3又搓了一个实时粒子效果器，捕捉Camera中的动作，不动的地方粒子会固定，动态的地方粒子就会动态反馈，最终效果还是非常好看的，很久不跳舞了跳一段。 I made another real-time particle generator with Gemini 3. It captures movement from the camera — particles stay still in areas without motion, and react dynamically wherever there’s movement. The final effect looks beautiful. Danced a bit for it.

DynamicWang

22,711 次观看 • 10 个月前

推荐下 Mac 最好用的窗口管理工具：Loop。 Loop 真的简单高效非常好用，推荐给每一个用 Mac 的朋友。传统的分屏工具快捷键麻烦不够直觉直观，Loop 的设计又很好的解决了窗口管理时要移动比较远的光标。震动反馈配合窗口动效，如果 Loop 是付费 App 我能打 8分，但它居然完全免费，最后感谢上次@二一的笔记 的安利。
1:19

Sensitive content

推荐下 Mac 最好用的窗口管理工具：Loop。 Loop 真的简单高效非常好用，推荐给每一个用 Mac 的朋友。传统的分屏工具快捷键麻烦不够直觉直观，Loop 的设计又很好的解决了窗口管理时要移动比较远的光标。震动反馈配合窗口动效，如果 Loop 是付费 App 我能打 8分，但它居然完全免费，最后感谢上次@二一的笔记 的安利。

酱紫表

116,478 次观看 • 2 年前

这个有意思。。。 左边是月球上的人看到的地球运动 右边是地球上的人看到的月球运动
1:36

这个有意思。。。 左边是月球上的人看到的地球运动 右边是地球上的人看到的月球运动

Tz

27,319 次观看 • 1 个月前

推荐一个好用、制作精良的用于支持流畅文本和数字动画过渡效果的库—— Calligraph. 不仅提供了丰富的示例、试验场、还提供了与其他同类库的对比。 效果非常好看。
0:29

推荐一个好用、制作精良的用于支持流畅文本和数字动画过渡效果的库—— Calligraph. 不仅提供了丰富的示例、试验场、还提供了与其他同类库的对比。 效果非常好看。

Zayn Hao

39,203 次观看 • 3 个月前

推荐一款开源前端动效库，配合threejs效果也是非常的好，如果你需要做一些动效可以直接试试，真的非常棒。 视频是我基于将它官方链接丢给Codex生成的，视频也是用了一些官方这个动画效果实现的网页录制生成，非常的丝滑，它的官方做的也是非常炫酷。
0:40

推荐一款开源前端动效库，配合threejs效果也是非常的好，如果你需要做一些动效可以直接试试，真的非常棒。 视频是我基于将它官方链接丢给Codex生成的，视频也是用了一些官方这个动画效果实现的网页录制生成，非常的丝滑，它的官方做的也是非常炫酷。

知识猫AI实验室

18,839 次观看 • 1 个月前

以为组件库都差不多到头了，最后还是能发现很多精美的与众不同的组件库， 好喜欢这里面的动画和小巧思，看出来作者是下了很多功夫的，每个都非常非常精美，浏览良久，很喜欢 Spotify Card 里面播放转动的唱片效果。
0:24

以为组件库都差不多到头了，最后还是能发现很多精美的与众不同的组件库， 好喜欢这里面的动画和小巧思，看出来作者是下了很多功夫的，每个都非常非常精美，浏览良久，很喜欢 Spotify Card 里面播放转动的唱片效果。

Viking

60,823 次观看 • 5 个月前

#每日推荐 这个 React 动画库看着真不错！ （又是羡慕 React 生态的一天😍，链接评论见👇）
1:01

#每日推荐 这个 React 动画库看着真不错！ （又是羡慕 React 生态的一天😍，链接评论见👇）

Justin3go

88,294 次观看 • 1 年前

发现一个 UI 过渡动画制作非常精良的 UI 组件库， 与常规的组件库不同，这个库包含的是一些专门场景实现的组件。例如文件夹、导航、数字、二次操作、通知等。 非常适合作为当开发软件的某个场景与其类似时，作为 AI 实现过渡动画的参考原型。 一个小技巧：AI 生图时，垫图可以得到更好的风格和预期结果。AI 制作过渡动效，也是类似。
1:42

发现一个 UI 过渡动画制作非常精良的 UI 组件库， 与常规的组件库不同，这个库包含的是一些专门场景实现的组件。例如文件夹、导航、数字、二次操作、通知等。 非常适合作为当开发软件的某个场景与其类似时，作为 AI 实现过渡动画的参考原型。 一个小技巧：AI 生图时，垫图可以得到更好的风格和预期结果。AI 制作过渡动效，也是类似。

Zayn Hao

17,711 次观看 • 17 天前

今天试了下Codex+Remotion这个组合，我用20分钟就做出了一条高端广告片，完全不需要剪辑软件。效果比我想象的好，动画流畅，节奏干净，很适合用文字讲很干、适合用动画讲明白的内容，非常推荐做产品的、做技术科普的朋友试试。
2:39

今天试了下Codex+Remotion这个组合，我用20分钟就做出了一条高端广告片，完全不需要剪辑软件。效果比我想象的好，动画流畅，节奏干净，很适合用文字讲很干、适合用动画讲明白的内容，非常推荐做产品的、做技术科普的朋友试试。

傅盛

61,076 次观看 • 2 个月前

通过 Hoarder 了解到它实现备份网页的工具 monolith 特别好用的一个命令行工具，可以将一个网页打包成一个单独的 html 文件，将里面的静态资源（css/js/图片）都使用 base64 代替，非常适合备份网页使用，用起来也非常方便，我用 wikipedia 试用了一下，效果非常好，非常值得收藏的工具，特别注意不支持JS 动态加载的内容，官方文档中有解决方案：需要配合 chromium 使用。
0:23

通过 Hoarder 了解到它实现备份网页的工具 monolith 特别好用的一个命令行工具，可以将一个网页打包成一个单独的 html 文件，将里面的静态资源（css/js/图片）都使用 base64 代替，非常适合备份网页使用，用起来也非常方便，我用 wikipedia 试用了一下，效果非常好，非常值得收藏的工具，特别注意不支持JS 动态加载的内容，官方文档中有解决方案：需要配合 chromium 使用。

Viking

26,861 次观看 • 1 年前

最近迷上了找UI动效，想着先全部搜集起来，以后要做项目的时候，就让AI先去发散思维，去这些UI网站里面找到合适的。然后再聚拢一下思维，然后进行设计。 又发现了一个非常好的过渡动画UI组件
0:32

最近迷上了找UI动效，想着先全部搜集起来，以后要做项目的时候，就让AI先去发散思维，去这些UI网站里面找到合适的。然后再聚拢一下思维，然后进行设计。 又发现了一个非常好的过渡动画UI组件

泊舟

26,470 次观看 • 28 天前

如果你的网站或者APP接入的有AI功能，需要显示AI思考动画组件，给兄弟们 推荐一个拿来即用的开源仓库 一个基于 WebGPU 的实时液态玻璃球编辑器（Liquid Orb Editor），可自由定义 在线直接调颜色、流动速度、折射率和外发光，内置 11 种预设，那个液态金属和色散玻璃质感拉满了，建议收藏以防用的时候找不到 链接我放评论区了👇
0:50

如果你的网站或者APP接入的有AI功能，需要显示AI思考动画组件，给兄弟们 推荐一个拿来即用的开源仓库 一个基于 WebGPU 的实时液态玻璃球编辑器（Liquid Orb Editor），可自由定义 在线直接调颜色、流动速度、折射率和外发光，内置 11 种预设，那个液态金属和色散玻璃质感拉满了，建议收藏以防用的时候找不到 链接我放评论区了👇

码农暖爸

221,830 次观看 • 1 个月前

Norajoy . Best AIGIF Channel 我用过最好的AI动图软件，按次数付费，效果最好
0:26

Norajoy . Best AIGIF Channel 我用过最好的AI动图软件，按次数付费，效果最好

Hellboy

21,471 次观看 • 1 年前

让 AI agent 自动分镜、动效和配乐，生成电影感产品宣传视频。 一个给 Claude Code / Codex 用的 agent skill，装上之后让 AI 自己当动效导演。项目提供了 106 张镜头卡、162 种动效样式和 161 条动态样片，涵盖了产品宣传片常用的各种拍法。
0:36

让 AI agent 自动分镜、动效和配乐，生成电影感产品宣传视频。 一个给 Claude Code / Codex 用的 agent skill，装上之后让 AI 自己当动效导演。项目提供了 106 张镜头卡、162 种动效样式和 161 条动态样片，涵盖了产品宣传片常用的各种拍法。

Geek Lite

177,950 次观看 • 2 个月前

昨日看到 Stephen Haney 开源 Paper Shaders，同时 Alex Barashkov 也推出了一套 UI 组件库，于是我将两者整合，搭建了一个支持全屏预览、参数可自定义配置的在线网页。你可直接上传 Logo，快速生成质感精致的动态动画效果。
0:39

昨日看到 Stephen Haney 开源 Paper Shaders，同时 Alex Barashkov 也推出了一套 UI 组件库，于是我将两者整合，搭建了一个支持全屏预览、参数可自定义配置的在线网页。你可直接上传 Logo，快速生成质感精致的动态动画效果。

Paidax

66,196 次观看 • 2 个月前

经常久坐低头看手机、脖子前倾、含胸驼背可以做 这几个动作，坚持一个月，体态好了，气质就好……
0:25

经常久坐低头看手机、脖子前倾、含胸驼背可以做 这几个动作，坚持一个月，体态好了，气质就好……

西时珍🌎

200,919 次观看 • 1 年前

可以拿来做教育演示的一款动画引擎AI工具，Fogsight，给定一个概念词，它即会生成一段叙事完整的动画 整个动画的叙事完整性、趣味性、视觉效果都还可以，用在教育上，把抽象概念做成教学动画非常实用 生成的动画还配有双语旁白 智能编排，从旁白、视觉元素到动态效果，整个工作流自动完成 有用户界面，可以进一步编辑和优化生成效果 代码作者是开源的，见下条 #AI教学动画 #Fogsight #AI教育
2:57

可以拿来做教育演示的一款动画引擎AI工具，Fogsight，给定一个概念词，它即会生成一段叙事完整的动画 整个动画的叙事完整性、趣味性、视觉效果都还可以，用在教育上，把抽象概念做成教学动画非常实用 生成的动画还配有双语旁白 智能编排，从旁白、视觉元素到动态效果，整个工作流自动完成 有用户界面，可以进一步编辑和优化生成效果 代码作者是开源的，见下条 #AI教学动画 #Fogsight #AI教育

AIGCLINK

56,667 次观看 • 1 年前