正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

🥤设计工程师的 UI 库 20多个免费的开源动画组件由 React, Typescript, Tailwind CSS 和 Framer Motion 构建可以复制粘贴动画组件到您的应用中，100% 免费开源。

Geek

116,677 subscribers

16,738 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

发现一个专为前端开发做的的 UI 组件库开源项目，GitHub 已斩获 1.1w+star 收录了 3000+ 个社区共创的 UI 组件，炫酷按钮、设计感卡片、灵动加载动画、质感表单，分类齐全，想要什么直接搜每个组件点开就能预览效果、复制代码，CSS 和 Tailwind 两个版本都有，粘贴进项目直接用全部免费开源，MIT 协议

发现一个专为前端开发做的的 UI 组件库开源项目，GitHub 已斩获 1.1w+star 收录了 3000+ 个社区共创的 UI 组件，炫酷按钮、设计感卡片、灵动加载动画、质感表单，分类齐全，想要什么直接搜每个组件点开就能预览效果、复制代码，CSS 和 Tailwind 两个版本都有，粘贴进项目直接用全部免费开源，MIT 协议

阿西_出海

17,572 次观看 • 3 个月前

你的网页UI做得烂，不是你水平低，而是你没用好这些组件库！ 1. Looseleaf 纸张纹理 + 手绘钢笔线条 + 胶带贴纸风格，像画在笔记本上的完整界面。 2. Rare UI 专门做稀有的动画组件，每个组件一个文件，支持shadcn CLI/MCP安装 3. ExpoKit 带液态玻璃、3D效果、图表等的移动端高端组件库 4. goopUI 帮你做出会滴落、拉伸、融合的液体物理效果。 5. beUI 动画丰富的组件库，覆盖Web和React Native。 6. Sketchbook UI 手绘笔记本风React组件库 7. AffectUI 专注AI产品的React组件库，Agent可观测性做得非常深

你的网页UI做得烂，不是你水平低，而是你没用好这些组件库！ 1. Looseleaf 纸张纹理 + 手绘钢笔线条 + 胶带贴纸风格，像画在笔记本上的完整界面。 2. Rare UI 专门做稀有的动画组件，每个组件一个文件，支持shadcn CLI/MCP安装 3. ExpoKit 带液态玻璃、3D效果、图表等的移动端高端组件库 4. goopUI 帮你做出会滴落、拉伸、融合的液体物理效果。 5. beUI 动画丰富的组件库，覆盖Web和React Native。 6. Sketchbook UI 手绘笔记本风React组件库 7. AffectUI 专注AI产品的React组件库，Agent可观测性做得非常深

摸鱼巨匠🔨

276,099 次观看 • 6 天前

有人刚刚开源了一个金融版的 Claude Code。它名叫 Dexter。它可以发现低估的股票，进行详细分析并构建投资逻辑。100% 免费且开源。

有人刚刚开源了一个金融版的 Claude Code。它名叫 Dexter。它可以发现低估的股票，进行详细分析并构建投资逻辑。100% 免费且开源。

Bill The Investor

464,858 次观看 • 6 个月前

字节跳动发布的 UI-TARS-desktop，是本地运行的桌面自动化代理。它可以使用任何桌面应用程序，打开文件，浏览网站，并自动执行任务，无需云连接。100% 开源。

字节跳动发布的 UI-TARS-desktop，是本地运行的桌面自动化代理。它可以使用任何桌面应用程序，打开文件，浏览网站，并自动执行任务，无需云连接。100% 开源。

KK.aWSB

208,600 次观看 • 10 个月前

那些免费的学习平台👇 提供免费编码教程和练习：提供交互式编程、数据科学和相关技术领域的课程 30天撸爆javascript 你的前端开发导师各种测试自动化课程全球学习者的高质量教育资源提供各个领域免费、高质量的教育资源

那些免费的学习平台👇 提供免费编码教程和练习：提供交互式编程、数据科学和相关技术领域的课程 30天撸爆javascript 你的前端开发导师各种测试自动化课程全球学习者的高质量教育资源提供各个领域免费、高质量的教育资源

知识分享官

33,810 次观看 • 2 年前

老杨的资源库限时免费开放，今天晚上删，需要的入群可以自取！

老杨的资源库限时免费开放，今天晚上删，需要的入群可以自取！

老杨啊 | AI产品商业化

28,938 次观看 • 20 天前

RareUI 已用上，我为博客做了一个开源收录页面加上了两个组件效果。但是我并没有使用 react，而是把组件代码给 AI，然后用 JS 复刻，而不必额外引入 react + motion 的依赖。所以这个组件库，你不必担心框架依赖，让 AI 转换成你自己项目需要的技术栈即可。累积 Star 1.8k，虽然不多，但也是自己的成果。

RareUI 已用上，我为博客做了一个开源收录页面加上了两个组件效果。但是我并没有使用 react，而是把组件代码给 AI，然后用 JS 复刻，而不必额外引入 react + motion 的依赖。所以这个组件库，你不必担心框架依赖，让 AI 转换成你自己项目需要的技术栈即可。累积 Star 1.8k，虽然不多，但也是自己的成果。

RicoUI

18,051 次观看 • 1 个月前

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

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

小奇说

96,567 次观看 • 2 个月前

发现一个免费开源的大屏制作工具，在GitHub 已斩获 2.4w+star 数据来源支持数据库直连、API、Excel，直接选表、关联多个表，还能用计算公式生成新的数据列图表拖拽组合，样式可以随便调，做出来的大屏生成分享链接自带大量现成模板，换一下数据集就能直接复用，不用从零设计想开放到公网访问，建个网站绑好域名就行对经常要给客户或老板做数据展示的人来说挺实用的

发现一个免费开源的大屏制作工具，在GitHub 已斩获 2.4w+star 数据来源支持数据库直连、API、Excel，直接选表、关联多个表，还能用计算公式生成新的数据列图表拖拽组合，样式可以随便调，做出来的大屏生成分享链接自带大量现成模板，换一下数据集就能直接复用，不用从零设计想开放到公网访问，建个网站绑好域名就行对经常要给客户或老板做数据展示的人来说挺实用的

阿西_出海

21,444 次观看 • 1 个月前

发现一个免费的录屏开源神器，已经登上了 GitHub 的 Trending 榜第一对标 Mac 上的付费录屏工具 Screen Studio 完全免费开源，跨平台，Windows 和 Mac 都能跑，下载即用核心功能： 1、全屏录制或指定窗口 2、录完加文字、标箭头、添加画面缩放、设置录屏背景 3、无水印，商用也没问题以后做产品演示、自媒体课程，直接用就行

发现一个免费的录屏开源神器，已经登上了 GitHub 的 Trending 榜第一对标 Mac 上的付费录屏工具 Screen Studio 完全免费开源，跨平台，Windows 和 Mac 都能跑，下载即用核心功能： 1、全屏录制或指定窗口 2、录完加文字、标箭头、添加画面缩放、设置录屏背景 3、无水印，商用也没问题以后做产品演示、自媒体课程，直接用就行

阿西_出海

31,143 次观看 • 2 个月前

一个可以在图片人物与背景之间添加文字工具：text-behind-image，可以快速生成设计效果创意非常棒，这是一名16岁少年用cursor和v0用三个小时构建的一个应用，代码开源 github： Dreaming Tulpa 🥓👑复刻了一个，可以在线体验 #AI设计 #AI图像编辑

一个可以在图片人物与背景之间添加文字工具：text-behind-image，可以快速生成设计效果创意非常棒，这是一名16岁少年用cursor和v0用三个小时构建的一个应用，代码开源 github： Dreaming Tulpa 🥓👑复刻了一个，可以在线体验 #AI设计 #AI图像编辑

AIGCLINK

37,827 次观看 • 2 年前

传说中最强的电子邮箱Proton，黑客都在用！真的是让我相见恨晚的宝藏！开源，免费，端到端加密（只有你和发件人才能看到小秘密），总部瑞士（最强安全避风港），而且无需电话号码什么的就能免费申请，Proton 绝逼是您可以信赖伙伴！链接：

传说中最强的电子邮箱Proton，黑客都在用！真的是让我相见恨晚的宝藏！开源，免费，端到端加密（只有你和发件人才能看到小秘密），总部瑞士（最强安全避风港），而且无需电话号码什么的就能免费申请，Proton 绝逼是您可以信赖伙伴！链接：

知识分享官

233,511 次观看 • 2 年前

Ambient CSS 非常漂亮，也没有见过类似的库，用物理光照模型给 CSS React 组件做高光、阴影和表面材质作者把同一套几何和灯光同时在 Blender里渲染在浏览器里用 box-shadow 和 CSS 变量复现有不同光源材质的效果还有组件：按钮旋钮滑条推子开关等你如果想做一个惊艳的站点，完全可以用这套系统来试试看

Ambient CSS 非常漂亮，也没有见过类似的库，用物理光照模型给 CSS React 组件做高光、阴影和表面材质作者把同一套几何和灯光同时在 Blender里渲染在浏览器里用 box-shadow 和 CSS 变量复现有不同光源材质的效果还有组件：按钮旋钮滑条推子开关等你如果想做一个惊艳的站点，完全可以用这套系统来试试看

Viking

32,817 次观看 • 2 个月前

可视化预览任何 Github 仓库源码！只需要将 Github 仓库 URL 中的 "hub" 替换为 "diagram"，就可以用交互式图表查看，方便理解代码组织结构。项目代码也是开源的 😋

可视化预览任何 Github 仓库源码！只需要将 Github 仓库 URL 中的 "hub" 替换为 "diagram"，就可以用交互式图表查看，方便理解代码组织结构。项目代码也是开源的 😋

katon

69,580 次观看 • 1 年前

🚀兄弟们！发现一个永久免费的域名项目在 GitHub 已经获得 162K Star，直接封神了是个开源公益项目，注册免费、续费免费，没有隐藏费用，没有水印广告。个人、组织、商业项目都能用，支持 Cloudflare、FreeDNS 等主流 DNS 服务商，还有几个不错的后缀可以选。适合个人学习、开源项目、临时演示场景，感觉是真在做公益啊。

🚀兄弟们！发现一个永久免费的域名项目在 GitHub 已经获得 162K Star，直接封神了是个开源公益项目，注册免费、续费免费，没有隐藏费用，没有水印广告。个人、组织、商业项目都能用，支持 Cloudflare、FreeDNS 等主流 DNS 服务商，还有几个不错的后缀可以选。适合个人学习、开源项目、临时演示场景，感觉是真在做公益啊。

阿西_出海

516,285 次观看 • 5 个月前

今年我认为最佳的网页设计：太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。

今年我认为最佳的网页设计：太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。

Viking

69,762 次观看 • 1 年前