Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

ZaynHao's profile picture

Zayn Hao

18,650 subscribers

118,285 görüntüleme • 1 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

18 Yorum

青年小哲 profil fotoğrafı
青年小哲1 ay önce

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

Zayn Hao profil fotoğrafı
Zayn Hao1 ay önce

保存到 Minttr！

古一 profil fotoğrafı
古一1 ay önce

Nice

Aimmiy profil fotoğrafı
Aimmiy1 ay önce

nice

kelen profil fotoğrafı
kelen1 ay önce

看着挺不错的

Justin Bao profil fotoğrafı
Justin Bao1 ay önce

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

SuperBarry profil fotoğrafı
SuperBarry1 ay önce

先 mark

cxuan profil fotoğrafı
cxuan1 ay önce

确实不错

keno Ken profil fotoğrafı
keno Ken1 ay önce

Great design

Wei佳 profil fotoğrafı
Wei佳1 ay önce

挺不错的，前端出家

MobaiLabs | 墨白实验室 profil fotoğrafı
MobaiLabs | 墨白实验室1 ay önce

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

cjyang profil fotoğrafı
cjyang1 ay önce

不错，马上用上

AI Mastery Guide profil fotoğrafı
AI Mastery Guide1 ay önce

That border beam effect is such a nice detail.

wavyhair profil fotoğrafı
wavyhair1 ay önce

挺好看

Haru profil fotoğrafı
Haru1 ay önce

怎么用

Duomi profil fotoğrafı
Duomi1 ay önce

非常好 mark了

Founders Club profil fotoğrafı
Founders Club1 ay önce

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

Rich Griner | Fintech and Design Systems profil fotoğrafı
Rich Griner | Fintech and Design Systems1 ay önce

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

Benzer Videolar

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

Sensitive content

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

西时珍🌎

182,814 görüntüleme • 11 ay önce

用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 görüntüleme • 10 ay önce

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

Sensitive content

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

酱紫表

116,478 görüntüleme • 2 yıl önce

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

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

Tz

27,319 görüntüleme • 1 ay önce

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

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

Zayn Hao

39,203 görüntüleme • 3 ay önce

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

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

知识猫AI实验室

18,839 görüntüleme • 1 ay önce

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

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

Viking

60,823 görüntüleme • 5 ay önce

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

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

Justin3go

88,294 görüntüleme • 1 yıl önce

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

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

Zayn Hao

17,711 görüntüleme • 17 gün önce

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

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

傅盛

61,076 görüntüleme • 2 ay önce

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

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

Viking

26,861 görüntüleme • 1 yıl önce

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

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

泊舟

26,470 görüntüleme • 28 gün önce

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

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

码农暖爸

221,830 görüntüleme • 1 ay önce

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

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

Hellboy

21,471 görüntüleme • 1 yıl önce

让 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 görüntüleme • 2 ay önce

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

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

Paidax

66,196 görüntüleme • 2 ay önce

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

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

西时珍🌎

200,919 görüntüleme • 1 yıl önce

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

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

AIGCLINK

56,667 görüntüleme • 1 yıl önce