Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

如果你想让你的网站看起来有质感更高级，一定要收藏这个 UI 动效组件网站这里几乎可以找到你想要的特效，而且还免费，使用也是非常简单，直接拷贝对应的代码或者npm安装独立开发者必备！

开发者Hailey

23,603 subscribers

22,442 görüntüleme • 7 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

强烈推荐 Obsidian 新出的这个 Web Clipper 插件它应该是将网页转换成 Markdown/ 备份网页最简单的解决方案，同时还能高亮，一键添加到 Obsidian，如果要用一键添加，注意要将 Obsidian 升级到最新版。如果你有任何想要备份的网页内容用这个是非常方便的，用来备份 AI 的问答效果也非常好，可以看看我录的 demo，后面应该还会有对应的 Cli 工具来通过命令行来调用。

强烈推荐 Obsidian 新出的这个 Web Clipper 插件它应该是将网页转换成 Markdown/ 备份网页最简单的解决方案，同时还能高亮，一键添加到 Obsidian，如果要用一键添加，注意要将 Obsidian 升级到最新版。如果你有任何想要备份的网页内容用这个是非常方便的，用来备份 AI 的问答效果也非常好，可以看看我录的 demo，后面应该还会有对应的 Cli 工具来通过命令行来调用。

Viking

58,306 görüntüleme • 1 yıl önce

这是我今年见到的最棒的网页滚动设计就像一个电影一样，你一直在期待接下来是什么效果。这也就是 AI 目前没法代替设计师的原因，如果你想要这么惊艳的效果，那么肯定是需要极致的想象力，如果你和 AI 直接描述说要惊艳一点，那么它一般会给你提供一个非常丑蓝紫色渐变。

这是我今年见到的最棒的网页滚动设计就像一个电影一样，你一直在期待接下来是什么效果。这也就是 AI 目前没法代替设计师的原因，如果你想要这么惊艳的效果，那么肯定是需要极致的想象力，如果你和 AI 直接描述说要惊艳一点，那么它一般会给你提供一个非常丑蓝紫色渐变。

Viking

112,116 görüntüleme • 1 yıl önce

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章：这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章：这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

Viking

27,138 görüntüleme • 4 ay önce

你以为全网全平台抓取数据需要写代码或者找不靠谱的网址网站？其实你只需要一个浏览器插件。我发现了一个近乎作弊的宝藏工具，可以直接爬取上百上千条小红书，抖音，快手，tiktok平台数据。不需要你会 Python，也不需要求助技术大牛。有些朋友在使用这个插件的时候遇见了一些问题，我会在这个视频里详细讲述了这个插件的使用方法和防风控的技巧。有需要可以收藏备用~

你以为全网全平台抓取数据需要写代码或者找不靠谱的网址网站？其实你只需要一个浏览器插件。我发现了一个近乎作弊的宝藏工具，可以直接爬取上百上千条小红书，抖音，快手，tiktok平台数据。不需要你会 Python，也不需要求助技术大牛。有些朋友在使用这个插件的时候遇见了一些问题，我会在这个视频里详细讲述了这个插件的使用方法和防风控的技巧。有需要可以收藏备用~

天不生邹子Zihan

98,812 görüntüleme • 6 ay önce

如果你需要行业调研赛道分析竞品分析融资管理项目调研... 这个网站能爽死你！！ RootData | We're Hiring 以下文字为视频文稿哈喽啊兄弟们我接下来要说的产品是一个我好朋友公司的产品如果你是一个Web3从业者、创业者或分析师你想要做行业调研、赛道分析、竞品分析、投融资调研、甚至结交人脉，那这网站能爽死你。一会儿你看我随便操作一遍你就懂了。放心不是广告你们都知道我从来不接广子。只有我觉得真的蛮好用，我才会发出来场景演示1：如果我想做一个项目，先期我需要大量的调研，了解这个赛道有哪些龙头项目，有哪些竞争对手，他们的团队构成、融资情况，那你可以在这里查看，先了解你的大赛道，然后去搜一下你这个赛道最新的融资信息，看看最新拿到融资的竞争对手们都在做什么，这里的【投融资】版块【项目】版块按照你自己的想法来根据#标签快速可以找到至少几十个对标项目。场景演示2：如果你调研过后，依然坚定不移的想做这个项目，那我给你两个小窍门： 1、找到对标项目的投资方，他们能投资竞争对手也说明该机构对该赛道有投资意向，这里可以找到他们的官方网站、Twitter、领英直接进行勾搭，能直达创始人的信息圈一定比你单纯发邮件靠谱得多 2、拥有个人流量的天使投资人或许也是你项目上的好帮手，你可以在这里找到场景演示3：如果你想单纯地社交，也可以在这里找到很多牛人的简历还有做市商公司、能清楚的看到他曾经任职的项目或者公司，直接找到他的Twitter或者领英勾搭，一个好项目+牛逼的人是不是成功概率更高呢演示场景4：如果你是行业分析师或寻找自己的投资标的，你需要研究例如某个L2的生态项目或者一些未上线的项目，这里就非常适合你最后我想说，可能我举例的场景比较有限，但是Rootdata的好处是他是一个一直与时俱进的数据库，你可以在这些清晰地分类中，快速寻找到对自己有价值的数据和信息，这才是他化繁为简为我们提升效率也是他的价值所在，兄弟们，一起玩起来！！

如果你需要行业调研赛道分析竞品分析融资管理项目调研... 这个网站能爽死你！！ RootData | We're Hiring 以下文字为视频文稿哈喽啊兄弟们我接下来要说的产品是一个我好朋友公司的产品如果你是一个Web3从业者、创业者或分析师你想要做行业调研、赛道分析、竞品分析、投融资调研、甚至结交人脉，那这网站能爽死你。一会儿你看我随便操作一遍你就懂了。放心不是广告你们都知道我从来不接广子。只有我觉得真的蛮好用，我才会发出来场景演示1：如果我想做一个项目，先期我需要大量的调研，了解这个赛道有哪些龙头项目，有哪些竞争对手，他们的团队构成、融资情况，那你可以在这里查看，先了解你的大赛道，然后去搜一下你这个赛道最新的融资信息，看看最新拿到融资的竞争对手们都在做什么，这里的【投融资】版块【项目】版块按照你自己的想法来根据#标签快速可以找到至少几十个对标项目。场景演示2：如果你调研过后，依然坚定不移的想做这个项目，那我给你两个小窍门： 1、找到对标项目的投资方，他们能投资竞争对手也说明该机构对该赛道有投资意向，这里可以找到他们的官方网站、Twitter、领英直接进行勾搭，能直达创始人的信息圈一定比你单纯发邮件靠谱得多 2、拥有个人流量的天使投资人或许也是你项目上的好帮手，你可以在这里找到场景演示3：如果你想单纯地社交，也可以在这里找到很多牛人的简历还有做市商公司、能清楚的看到他曾经任职的项目或者公司，直接找到他的Twitter或者领英勾搭，一个好项目+牛逼的人是不是成功概率更高呢演示场景4：如果你是行业分析师或寻找自己的投资标的，你需要研究例如某个L2的生态项目或者一些未上线的项目，这里就非常适合你最后我想说，可能我举例的场景比较有限，但是Rootdata的好处是他是一个一直与时俱进的数据库，你可以在这些清晰地分类中，快速寻找到对自己有价值的数据和信息，这才是他化繁为简为我们提升效率也是他的价值所在，兄弟们，一起玩起来！！

Goku很Cool （7.22台湾见）

13,966 görüntüleme • 2 yıl önce

这些组件的效果让opus/fable/gpt 从零实现是很难的，但是如果给 AI 源码，他们可以很好的复刻出来，应用到你自己的项目上。所以我们这些组件都开源了，还做了 mcp。另外，你也可以去 appstore 下载 demo app，这样方便挑组件效果。

这些组件的效果让opus/fable/gpt 从零实现是很难的，但是如果给 AI 源码，他们可以很好的复刻出来，应用到你自己的项目上。所以我们这些组件都开源了，还做了 mcp。另外，你也可以去 appstore 下载 demo app，这样方便挑组件效果。

John Wayne

86,394 görüntüleme • 1 ay önce

今天在推上看到一个小技巧：如果你要为独立开发的产品做产品宣传的 video，但是没有任何视频编辑的经验，可以让 AI 使用 remotion 直接生成一个，Claude Code 或者 Cursor 都可以，remotion 这个项目很有趣，直接使用程序（React）来生成视频，支持多种框架，我之前简单用过，效果挺不错的。你可以让它根据你的 landing page 给你做个片头片尾，然后将你的录屏添加进去，这样就可以使用最低成本制作一个产品宣传的视频了。效果还行，有点像幻灯片，但是聊胜于无啊。

今天在推上看到一个小技巧：如果你要为独立开发的产品做产品宣传的 video，但是没有任何视频编辑的经验，可以让 AI 使用 remotion 直接生成一个，Claude Code 或者 Cursor 都可以，remotion 这个项目很有趣，直接使用程序（React）来生成视频，支持多种框架，我之前简单用过，效果挺不错的。你可以让它根据你的 landing page 给你做个片头片尾，然后将你的录屏添加进去，这样就可以使用最低成本制作一个产品宣传的视频了。效果还行，有点像幻灯片，但是聊胜于无啊。

Viking

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

今天分享的这个软件，你可能并不那么常用，但是你一定会想立马操作试一试你收藏了很多PDF，无论是日语的还是英文的，太多了，做技术的总是会遇到要读白皮书的情况。没错，可以通过这个软件批量无限次调用的形式，来把你的任意PDF翻译成中文。功能非常容易理解，它其实就是对标的很多在线服务，在线服务很多也是收费的，你可以通过这个软件来去做闲鱼上面的帮忙翻译PDF的。接单，或者说有同事需要的时候，你花5分钟时间就可以帮他搞定，所有的东西都是在后台，并且会直接保存到你的懒猫微服私有云NAS中。老板，这个功能你不一定需要，但是你一定会想要试一试。老板要买微服的话，可以评论区扣1 像这样子的软件，懒猫微服还有2000多款左右。评论区扣一，我来主动私信你，给你详细介绍你想要的软件。

今天分享的这个软件，你可能并不那么常用，但是你一定会想立马操作试一试你收藏了很多PDF，无论是日语的还是英文的，太多了，做技术的总是会遇到要读白皮书的情况。没错，可以通过这个软件批量无限次调用的形式，来把你的任意PDF翻译成中文。功能非常容易理解，它其实就是对标的很多在线服务，在线服务很多也是收费的，你可以通过这个软件来去做闲鱼上面的帮忙翻译PDF的。接单，或者说有同事需要的时候，你花5分钟时间就可以帮他搞定，所有的东西都是在后台，并且会直接保存到你的懒猫微服私有云NAS中。老板，这个功能你不一定需要，但是你一定会想要试一试。老板要买微服的话，可以评论区扣1 像这样子的软件，懒猫微服还有2000多款左右。评论区扣一，我来主动私信你，给你详细介绍你想要的软件。

Andy Stewart

50,974 görüntüleme • 8 ay önce

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

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

泊舟

23,552 görüntüleme • 5 gün önce

给大家分享一个用Codex优化前端UI的方法，贼好用！也是GPT-5.6真滴吊。我优化我们前两天开源的workbuddy蓝皮书官网UI就是这么干的。也是近期我在AI上的一个ah moment。我的经验是开发一个网站，可以先只管功能，还有页面布局。这些搞定之后，再来优化前端UI。否则你可能一开始就会在UI上卡很久。如果没有灵感，可以去各大前端模板网站上去找，找你喜欢的网页。前端模板网站：以上是我收集的几个前端模版站点，效果挺🐂🍺的。应该还有更多模板站，欢迎各位大佬评论区分享一下找到你喜欢的模板，可以截图丢给codex，用GPT-5.6 Sol 极高，告诉它参考截图的风格，设计网站的UI。设计完，让它把效果图画出来，然后，你挑一个满意的图。就可以切换成GPT-5.6 Sol 中，开干啦～最后，欢迎大家参与workbuddy蓝皮书的共创！蓝皮书开源地址：官网：

给大家分享一个用Codex优化前端UI的方法，贼好用！也是GPT-5.6真滴吊。我优化我们前两天开源的workbuddy蓝皮书官网UI就是这么干的。也是近期我在AI上的一个ah moment。我的经验是开发一个网站，可以先只管功能，还有页面布局。这些搞定之后，再来优化前端UI。否则你可能一开始就会在UI上卡很久。如果没有灵感，可以去各大前端模板网站上去找，找你喜欢的网页。前端模板网站：以上是我收集的几个前端模版站点，效果挺🐂🍺的。应该还有更多模板站，欢迎各位大佬评论区分享一下找到你喜欢的模板，可以截图丢给codex，用GPT-5.6 Sol 极高，告诉它参考截图的风格，设计网站的UI。设计完，让它把效果图画出来，然后，你挑一个满意的图。就可以切换成GPT-5.6 Sol 中，开干啦～最后，欢迎大家参与workbuddy蓝皮书的共创！蓝皮书开源地址：官网：

袋鼠帝

60,792 görüntüleme • 1 ay önce

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

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

知识猫AI实验室

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

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

174,782 görüntüleme • 6 ay önce

前端和独立开发者终于有天花板级别的动效库了！告别千篇一律的组件库和生硬过场！分享一个超赞的 GitHub 开源项目 —— react-bits 专为追求极致视觉与交互细节的前端/独立开发者而生它把那些大厂/顶级创意网站上才能见到的高级感动效，全部封装成了开箱即用的 React 组件！像素动画、流体文字、超酷的背景粒子、3D卡片翻转、炫目悬停特效…… 全部基于 React + Tailwind CSS + Framer Motion 纯代码实现，零配置、轻量级、完全可定制。每个动效都附带精心设计的交互预览 + 实时参数调节面板而且直接一键复制代码，1秒直接搬进你的项目，让你的网页瞬间充满百万级的高级创意感！地址：

前端和独立开发者终于有天花板级别的动效库了！告别千篇一律的组件库和生硬过场！分享一个超赞的 GitHub 开源项目 —— react-bits 专为追求极致视觉与交互细节的前端/独立开发者而生它把那些大厂/顶级创意网站上才能见到的高级感动效，全部封装成了开箱即用的 React 组件！像素动画、流体文字、超酷的背景粒子、3D卡片翻转、炫目悬停特效…… 全部基于 React + Tailwind CSS + Framer Motion 纯代码实现，零配置、轻量级、完全可定制。每个动效都附带精心设计的交互预览 + 实时参数调节面板而且直接一键复制代码，1秒直接搬进你的项目，让你的网页瞬间充满百万级的高级创意感！地址：

爱丽丝呀！

59,078 görüntüleme • 2 ay önce

分享一个前端和 UI 设计师绝对不能错过的宝藏库！🎨 Anime.js 一个轻量级但功能强大的 JavaScript 动画引擎。 📌 它是干嘛的？简单说，它能帮你轻松实现各种丝滑的 UI 动效。不管是 CSS 属性、SVG、DOM 还是 JS 对象，都能 animate 起来。 📌 为什么强推？ ✅功能全：时间线 (Timeline)、缓动、布局动画、错位动画 (Stagger) 等等，你想要的效果这里基本都有。 ✅文档太友好了：这是最赞的一点！每个动画示例旁边直接附带代码，一键复制就能用。 ✅支持二创：可以直接跳转到 CodePen 在线修改代码，调试非常方便。 ✅完全免费：GitHub 67.1k Star 的开源项目，闭眼冲。不管是做网页特效还是交互动画，这个库都能极大提升效率，每位 Web 开发者都值得收藏！🚀 项目地址放评论区了👇

分享一个前端和 UI 设计师绝对不能错过的宝藏库！🎨 Anime.js 一个轻量级但功能强大的 JavaScript 动画引擎。 📌 它是干嘛的？简单说，它能帮你轻松实现各种丝滑的 UI 动效。不管是 CSS 属性、SVG、DOM 还是 JS 对象，都能 animate 起来。 📌 为什么强推？ ✅功能全：时间线 (Timeline)、缓动、布局动画、错位动画 (Stagger) 等等，你想要的效果这里基本都有。 ✅文档太友好了：这是最赞的一点！每个动画示例旁边直接附带代码，一键复制就能用。 ✅支持二创：可以直接跳转到 CodePen 在线修改代码，调试非常方便。 ✅完全免费：GitHub 67.1k Star 的开源项目，闭眼冲。不管是做网页特效还是交互动画，这个库都能极大提升效率，每位 Web 开发者都值得收藏！🚀 项目地址放评论区了👇

Vincent

15,166 görüntüleme • 3 ay önce

如果你翻墙之后，还只会刷每日大赛，那真的有点浪费了因为互联网真正值钱的东西，其实大量都藏在 GitHub 很多最新的 AI 工具、自动化项目、效率工作流，几乎都会第一时间出现在那里这两年越来越明显的一件事是：会用 GitHub 的人，已经开始用 AI 放大自己的效率了很多原本需要团队完成的事情，现在一个人就能做我的建议是收藏起来，认真看看这个视频它真正有价值的地方，不是教你“看网站”，而是让你开始理解： AI 时代里，普通人该去哪里找机会

如果你翻墙之后，还只会刷每日大赛，那真的有点浪费了因为互联网真正值钱的东西，其实大量都藏在 GitHub 很多最新的 AI 工具、自动化项目、效率工作流，几乎都会第一时间出现在那里这两年越来越明显的一件事是：会用 GitHub 的人，已经开始用 AI 放大自己的效率了很多原本需要团队完成的事情，现在一个人就能做我的建议是收藏起来，认真看看这个视频它真正有价值的地方，不是教你“看网站”，而是让你开始理解： AI 时代里，普通人该去哪里找机会

Suu

556,077 görüntüleme • 2 ay önce

腾讯的混元模型真的太猛了，你们一定要试试 Hy3 来自 Tencent Hy 在 hermes 或者 hermes studio 上可以免费使用两个星期 4-5 分钟，直接出一个很完美的动态网页，效果直逼 gpt5.5 而且速度真的很快，主要是免费的，一定要试试。前看下面的生成视频，真的很强，免费两个星期快冲

腾讯的混元模型真的太猛了，你们一定要试试 Hy3 来自 Tencent Hy 在 hermes 或者 hermes studio 上可以免费使用两个星期 4-5 分钟，直接出一个很完美的动态网页，效果直逼 gpt5.5 而且速度真的很快，主要是免费的，一定要试试。前看下面的生成视频，真的很强，免费两个星期快冲

libapi

13,766 görüntüleme • 1 ay önce

如果你的网站或者APP接入的有AI功能，需要显示AI思考动画组件今天继续给兄弟们分享一个拿来即用的开源仓库支持多种状态的无缝切换开箱即用，组件代码可直接复制粘贴支持多端使用，React，SwiftUI React ，Native都能轻松搞定链接已放评论区👇 喜欢的兄弟记得点赞收藏防止用的时候找不到

如果你的网站或者APP接入的有AI功能，需要显示AI思考动画组件今天继续给兄弟们分享一个拿来即用的开源仓库支持多种状态的无缝切换开箱即用，组件代码可直接复制粘贴支持多端使用，React，SwiftUI React ，Native都能轻松搞定链接已放评论区👇 喜欢的兄弟记得点赞收藏防止用的时候找不到

码农暖爸

19,583 görüntüleme • 8 gün önce