Loading video...

Video Failed to Load

Go Home

最近很火的日历动画特效，最近看到好多人都复刻了这个特效并且拿来卖钱，确实是超级丝滑并且非常有创意。使用 Tailwind 和 Frame Motion 实现的。 突然发现最近将一些别的网站的动画效果，自己实现以后，达成一个合集拿来卖钱变成了一种风潮。大家也可以卷一卷这条路。

vikingmute's profile picture

Viking

67,350 subscribers

50,154 views • 1 year ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

这是使用 实现的一个 iPhone 一镜到底的网站效果，视频里是我手动滚动的。 组合了 5 段首尾帧视频，可以在任何一帧定格，搭配一些文字的话能做出蛮高级的效果。
0:15

这是使用 实现的一个 iPhone 一镜到底的网站效果，视频里是我手动滚动的。 组合了 5 段首尾帧视频，可以在任何一帧定格，搭配一些文字的话能做出蛮高级的效果。

oil-oil

23,973 views • 1 month ago

个人网站成了展示自己简历的最佳方式，看到越来越多有创意的个人网站了 有了 AI 可以完全释放自己的想象力 最近这个很火，打造成登机的过程，一开始刷登机卡和关闭窗户的动画一下就吸引住了，我认为个人网站是你真正的领地，我也很喜欢通过个人网站来了解一个人。
0:12

个人网站成了展示自己简历的最佳方式，看到越来越多有创意的个人网站了 有了 AI 可以完全释放自己的想象力 最近这个很火，打造成登机的过程，一开始刷登机卡和关闭窗户的动画一下就吸引住了，我认为个人网站是你真正的领地，我也很喜欢通过个人网站来了解一个人。

Viking

15,503 views • 20 days ago

原来AI生成的视频已经可以这样了么，最近看到了sd2.5 的视频满天飞，可恨自己钱不够多，根本玩不了 这个使用 可灵3.0 来的，一看也是好真实啊我的天
0:15

原来AI生成的视频已经可以这样了么，最近看到了sd2.5 的视频满天飞，可恨自己钱不够多，根本玩不了 这个使用 可灵3.0 来的，一看也是好真实啊我的天

南鸢 nuyoah

215,927 views • 1 month ago

迫不及待的用 Claude Sonnet 3.7 做了今天推上很流行的天气卡片效果的生成 在原始提示词上，再稍微调试了两次，真的好强，这个审美确实非常在线，动画也很赞。其他几个模型大多数都没法看，现在看来确实是 Coding 最强了，看来以后真的能用它做一些设计的工作了～
0:12

迫不及待的用 Claude Sonnet 3.7 做了今天推上很流行的天气卡片效果的生成 在原始提示词上，再稍微调试了两次，真的好强，这个审美确实非常在线，动画也很赞。其他几个模型大多数都没法看，现在看来确实是 Coding 最强了，看来以后真的能用它做一些设计的工作了～

Viking

57,578 views • 1 year ago

好漂亮的动效： 现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。 这种特别克制的设计可以让整个网站的风格大大加分。 作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。
0:17

好漂亮的动效： 现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。 这种特别克制的设计可以让整个网站的风格大大加分。 作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。

Viking

45,339 views • 4 months ago

最近最喜欢的工具是 hyperframes，我让 AI 帮我生成十个基于 gasp 的过场动画，我在未来都可以使用这些特效做属于自己风格的宣传视频。 我觉得有了 AI 以后要做针对个人的个性技术栈，而不是笼统的直接使用别人的技术栈。 做自己风格的组件库，基于 BaseUI，加上自己喜欢的配色系统以及动画效果。 基于 TinyShip 做基于自己需求的基础框架，容易扩展和迁移，没有 vendor locking。 自己的 skills，针对自己开发过程中的痛点和流程，完全适配自己。 只有这样才能完全适配自己提高开发效率并且体现自己的品味和个性。
0:13

最近最喜欢的工具是 hyperframes，我让 AI 帮我生成十个基于 gasp 的过场动画，我在未来都可以使用这些特效做属于自己风格的宣传视频。 我觉得有了 AI 以后要做针对个人的个性技术栈，而不是笼统的直接使用别人的技术栈。 做自己风格的组件库，基于 BaseUI，加上自己喜欢的配色系统以及动画效果。 基于 TinyShip 做基于自己需求的基础框架，容易扩展和迁移，没有 vendor locking。 自己的 skills，针对自己开发过程中的痛点和流程，完全适配自己。 只有这样才能完全适配自己提高开发效率并且体现自己的品味和个性。

Viking

12,580 views • 4 months ago

感觉中国的商品 真的太便宜了 所有商家都在拼命的卷价格 比如现在比较火的磁轴键盘 单买一个最便宜的pcb电路板 就要近百元 一个最便宜的外壳 加上 声音包 又要近百元 加上轴体和键帽 一套下来都买最便宜的零件组装起来怎么也要近200元 但是你买一个成品的量产化键盘 只需要 几十元。。 并且方方面面都比你组装的要好。。 这就是量产化的恐怖 和 拼命卷价格的结果 各行各业都是这样 只要发现一丁点利润 都在拼命的量产 拼命的卷价格 一个手机壳 卷到几毛钱 一根数据线也卷到几毛钱 甚至多买几个 还包邮 最后把所有人都卷死 谁也不赚钱
0:10

感觉中国的商品 真的太便宜了 所有商家都在拼命的卷价格 比如现在比较火的磁轴键盘 单买一个最便宜的pcb电路板 就要近百元 一个最便宜的外壳 加上 声音包 又要近百元 加上轴体和键帽 一套下来都买最便宜的零件组装起来怎么也要近200元 但是你买一个成品的量产化键盘 只需要 几十元。。 并且方方面面都比你组装的要好。。 这就是量产化的恐怖 和 拼命卷价格的结果 各行各业都是这样 只要发现一丁点利润 都在拼命的量产 拼命的卷价格 一个手机壳 卷到几毛钱 一根数据线也卷到几毛钱 甚至多买几个 还包邮 最后把所有人都卷死 谁也不赚钱

低等生物

18,211 views • 3 months ago

我敢说 Remotion 绝对是 Codex 中最被低估的插件 Codex 最近的额度真不耐用啊，打完了两发周额度才把 Remotion 官网的几例动画用 remotion 复刻了出来 而且我还搭建了自己的动画组件库，以后会慢慢丰富组件库，做出更好玩、更有创意的动画效果 现在越来越觉得，AI 打破了技术壁垒，未来拼的一定是创意和审美。已经把这个动画风格纳入麾下了，我把它命名为 ：XiaoQi-Motion-Style
0:12

我敢说 Remotion 绝对是 Codex 中最被低估的插件 Codex 最近的额度真不耐用啊，打完了两发周额度才把 Remotion 官网的几例动画用 remotion 复刻了出来 而且我还搭建了自己的动画组件库，以后会慢慢丰富组件库，做出更好玩、更有创意的动画效果 现在越来越觉得，AI 打破了技术壁垒，未来拼的一定是创意和审美。已经把这个动画风格纳入麾下了，我把它命名为 ：XiaoQi-Motion-Style

小奇说

95,124 views • 1 month ago

这个 TTS 效果真的是很赞啊 前段时间在密集调研各种 TTS，大家推荐了很多，使用了一圈下来，基本都是 情绪平平，没有什么感情波动，生硬机械，停顿和呼吸不自然，句尾发音总像「提前收尾」一样 直到最近推发现的 #FlowSpeech，一个说话有人味儿的 TTS，效果是真的很赞啊
0:12

这个 TTS 效果真的是很赞啊 前段时间在密集调研各种 TTS，大家推荐了很多，使用了一圈下来，基本都是 情绪平平，没有什么感情波动，生硬机械，停顿和呼吸不自然，句尾发音总像「提前收尾」一样 直到最近推发现的 #FlowSpeech，一个说话有人味儿的 TTS，效果是真的很赞啊

Asa

194,113 views • 1 year ago

好多哥们私信问我为什么不更了，实在是最近忙着赚钱，时间和体力都有限，而且现在对熟妇的要求也变高了，如果不是特别满意的一般都懒得上。整个国庆也就约了一个比较优质的阿姨，长的漂亮，而且可以三通。
0:15

Sensitive content

好多哥们私信问我为什么不更了，实在是最近忙着赚钱，时间和体力都有限，而且现在对熟妇的要求也变高了，如果不是特别满意的一般都懒得上。整个国庆也就约了一个比较优质的阿姨，长的漂亮，而且可以三通。

蜜桃收集者

20,433 views • 1 year ago

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。 正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。 给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。 虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。 但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀 ！ 官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。
0:12

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。 正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。 给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。 虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。 但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀 ！ 官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。

雪踏乌云

48,569 views • 2 months ago

复刻了一下 iPhone Duo 的开合屏动画效果，待会儿把代码也开源出来，很多细节还是自己跑一遍才能感受到 在线预览： 苹果这个动画效果还是加了很多心思进去的，单纯靠畸变+渐变模糊出来的效果发现效果差距非常巨大 后来考虑通过角度来计算画面畸变效果就好很多，还有里面的压黑是跟屏幕宽度绑定的，而模糊渐变是跟随 UI 内容的拉伸畸变绑定的
0:18

复刻了一下 iPhone Duo 的开合屏动画效果，待会儿把代码也开源出来，很多细节还是自己跑一遍才能感受到 在线预览： 苹果这个动画效果还是加了很多心思进去的，单纯靠畸变+渐变模糊出来的效果发现效果差距非常巨大 后来考虑通过角度来计算画面畸变效果就好很多，还有里面的压黑是跟屏幕宽度绑定的，而模糊渐变是跟随 UI 内容的拉伸畸变绑定的

大师的AI小灶

87,120 views • 12 days ago

现在的 AI 实在太逼真了 注意看这两个视频，动作和表情是一模一样的，只是衣服不一样 实拍不可能拍出这种效果
0:10

现在的 AI 实在太逼真了 注意看这两个视频，动作和表情是一模一样的，只是衣服不一样 实拍不可能拍出这种效果

王长富

22,662 views • 3 months ago

发现一个特别棒的免费网站： 里面有修理各种各样东西的指南，从小到大，应有尽有，而且有些精选篇章做的非常棒，特别清晰的step by step 的指南并且配有图片，应该是修理爱好党的福音了，同时也是社区的形式，每个人都可以贡献自己的教程。 我在想：在现在越来越多内容都被 AI 所占领，看到这种这么专业的 wiki 类型的网站特别开心，也许是人类智慧结晶最后的余晖了。在里面浏览了半个小时不能自拔，绝对是值得收藏的一个网站。
0:12

发现一个特别棒的免费网站： 里面有修理各种各样东西的指南，从小到大，应有尽有，而且有些精选篇章做的非常棒，特别清晰的step by step 的指南并且配有图片，应该是修理爱好党的福音了，同时也是社区的形式，每个人都可以贡献自己的教程。 我在想：在现在越来越多内容都被 AI 所占领，看到这种这么专业的 wiki 类型的网站特别开心，也许是人类智慧结晶最后的余晖了。在里面浏览了半个小时不能自拔，绝对是值得收藏的一个网站。

Viking

71,625 views • 1 year ago

复刻Microduck的工作基本到最后一步了 这是一个没开源的器件，主要集成了IMU 整个画板过程是用开源的代码逆向出来的 这次尝试用了Claude Opus5.2+Fable 5.1画板 整体效果还是比较满意的，准备在嘉立创下单了 另外舵机现在有了XL330的完美替代 就是飞特的HD1901，100左右一个 这样整机下来基本也就2500-3000人民币 也可以达到官方一样的水平
0:18

复刻Microduck的工作基本到最后一步了 这是一个没开源的器件，主要集成了IMU 整个画板过程是用开源的代码逆向出来的 这次尝试用了Claude Opus5.2+Fable 5.1画板 整体效果还是比较满意的，准备在嘉立创下单了 另外舵机现在有了XL330的完美替代 就是飞特的HD1901，100左右一个 这样整机下来基本也就2500-3000人民币 也可以达到官方一样的水平

KellyV

13,774 views • 5 days ago

这位推友分享了使用 Cursor 的时候添加的一个实用的 Cursor Rule，Agent 生成代码的时候让 Claude 添加一个类似 R1 的 thinking 过程（当然原理不一样），包裹在一个 thinking 的 tag 当中，从三种解决方案里面选最合适的一种，确实是一个特别棒的技巧，我亲自测试了一下，效果很不错，非常实用，可以看我的测试视频，推荐给大家。 文字版提示词提供给大家：
0:19

这位推友分享了使用 Cursor 的时候添加的一个实用的 Cursor Rule，Agent 生成代码的时候让 Claude 添加一个类似 R1 的 thinking 过程（当然原理不一样），包裹在一个 thinking 的 tag 当中，从三种解决方案里面选最合适的一种，确实是一个特别棒的技巧，我亲自测试了一下，效果很不错，非常实用，可以看我的测试视频，推荐给大家。 文字版提示词提供给大家：

Viking

40,815 views • 1 year ago

这是一个很有意思的视频，原作品（派小星）非AI生成！ 如果模特穿两套衣服分别拍摄，可以实现，但实操难度比较大，也比较麻烦。 那么如果纯靠剪辑，要达到如此丝滑的地步，一种比较简单省事的思路是蒙板抠图，然后衣服改色，最后剪辑蒙板卡点。 那 AI 能不能更简单的复刻一下这个丝滑效果呢？ 感觉有点难度，晚上回去试试看！
0:18

这是一个很有意思的视频，原作品（派小星）非AI生成！ 如果模特穿两套衣服分别拍摄，可以实现，但实操难度比较大，也比较麻烦。 那么如果纯靠剪辑，要达到如此丝滑的地步，一种比较简单省事的思路是蒙板抠图，然后衣服改色，最后剪辑蒙板卡点。 那 AI 能不能更简单的复刻一下这个丝滑效果呢？ 感觉有点难度，晚上回去试试看！

沐阳

74,169 views • 3 months ago

昨天看好多人都在说的这个 Beautiful UI 确实很漂亮： 之前大部分都是用 vercel 的 ai-elements，以及其他的一些小组件组合，现在要做 agent 相关的应用都可以直接用它了，很全而且确实很精致。
0:17

昨天看好多人都在说的这个 Beautiful UI 确实很漂亮： 之前大部分都是用 vercel 的 ai-elements，以及其他的一些小组件组合，现在要做 agent 相关的应用都可以直接用它了，很全而且确实很精致。

Viking

75,619 views • 1 month ago