Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🤯 免费“白嫖”这套动画组件，让你的 Shadcn UI “骚”到飞起！(开源、可定制，杀死静态界面!) Animate UI，一套基于 TypeScript / Tailwind CSS / Motion 构建的免费、开源 React 动画组件库，简直是为 Shadcn UI 量身定做（当然也能单独用）！✨ 链接见评论👇

msjiaozhu's profile picture

MapleShaw

21,948 subscribers

21,269 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

4 Yorum

币安交易所注册服务 (Parody) profil fotoğrafı
币安交易所注册服务 (Parody)1 yıl önce

太棒了

Indie Maker OK! profil fotoğrafı
Indie Maker OK!1 yıl önce

不错

Prk 🦋@imprk.me profil fotoğrafı
Prk 🦋@imprk.me1 yıl önce

Shadcn Vue 怎么办

MapleShaw profil fotoğrafı
MapleShaw1 yıl önce

暂时还没有，得看他们后续支不支持了

Benzer Videolar

最大的开源UI组件库，这里有 5,919 个UI元素，涵盖了CSS和Tailwind的组件！ 免费供个人和商业使用，复制代码到你的项目就可以。 👉
0:41

最大的开源UI组件库，这里有 5,919 个UI元素，涵盖了CSS和Tailwind的组件！ 免费供个人和商业使用，复制代码到你的项目就可以。 👉

katon

30,872 görüntüleme • 1 yıl önce

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

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

Paidax

63,491 görüntüleme • 8 gün önce

现在基于 BaseUI 的一个非常美观的组件库是 coss/ui 适合现代极简审美的组件库，看多了 shadcn/ui，那么这个绝对是一股新的风格和感觉。 基于 tailwind.css V4, 也支持 shadcn 的安装方式，我感觉 cloudflare 的新设计和这个感觉非常像, 看起来很心动。
0:22

现在基于 BaseUI 的一个非常美观的组件库是 coss/ui 适合现代极简审美的组件库，看多了 shadcn/ui，那么这个绝对是一股新的风格和感觉。 基于 tailwind.css V4, 也支持 shadcn 的安装方式，我感觉 cloudflare 的新设计和这个感觉非常像, 看起来很心动。

Viking

109,381 görüntüleme • 6 ay önce

#每日推荐 这个动画真牛逼！一个开源的 Portfolio 模板 技术栈：Nextjs、Taiwind、Shadcn、Aceternity UI 链接👉
0:22

#每日推荐 这个动画真牛逼！一个开源的 Portfolio 模板 技术栈：Nextjs、Taiwind、Shadcn、Aceternity UI 链接👉

Justin3go

27,628 görüntüleme • 1 yıl önce

刚逛shadcn的注册表，发现Kokonut UI的这一系列AI组件还挺不错的，非常适合用来做AI Chat相关的产品开发，推荐给大家。 shadcn的注册表中的组件也都可以使用shadcn MCP引入，如果不知道的可以看我的MCP那期课程，课程地址见评论区👇👇👇
0:28

刚逛shadcn的注册表，发现Kokonut UI的这一系列AI组件还挺不错的，非常适合用来做AI Chat相关的产品开发，推荐给大家。 shadcn的注册表中的组件也都可以使用shadcn MCP引入，如果不知道的可以看我的MCP那期课程，课程地址见评论区👇👇👇

Yihui

12,091 görüntüleme • 8 ay önce

今年最强的前端 UI 动效组件库，没有之一，强烈推荐 - 看中的组件直接复制 - 经济实用还特么漂亮 这种组件库，任何人，随便玩玩就可出道，比坤快 亮点 • AI UI Builder：通过 AI 生成 UI 界面（Magic MCP / Magic Chat 等） • 组件市场：提供丰富的 UI 元素（按钮、导航栏、卡片、动画等） • 模板与组合包：整页模板、界面合集、一键打包使用 • 创作者系统：支持用户上传作品、参与挑战、查看排行榜 • 互动功能：支持点赞、收藏、复制代码、嵌入至项目中 同时，这个组件库也是评论区各位前端老湿极力推荐，必须分享一波。Anthony 热烤奶 官网
0:31

今年最强的前端 UI 动效组件库，没有之一，强烈推荐 - 看中的组件直接复制 - 经济实用还特么漂亮 这种组件库，任何人，随便玩玩就可出道，比坤快 亮点 • AI UI Builder：通过 AI 生成 UI 界面（Magic MCP / Magic Chat 等） • 组件市场：提供丰富的 UI 元素（按钮、导航栏、卡片、动画等） • 模板与组合包：整页模板、界面合集、一键打包使用 • 创作者系统：支持用户上传作品、参与挑战、查看排行榜 • 互动功能：支持点赞、收藏、复制代码、嵌入至项目中 同时，这个组件库也是评论区各位前端老湿极力推荐，必须分享一波。Anthony 热烤奶 官网

艾略特

18,594 görüntüleme • 1 yıl önce

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

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

Vincent | 信号＞噪音

14,923 görüntüleme • 2 ay önce

发现一个能赚钱的开源工具： pixel2motion — 上传静态Logo → AI自动生成矢量动画 这意味着什么？ 在闲鱼/淘宝搜「Logo动画制作」， 单价200-800元不等。 以前接这种单需要： 会AE + 会矢量设计 + 花2天做一个 现在： 上传图片 → AI生成 → 微调导出 半小时搞定，收费不变。 开源免费，成本为零。 这就是2026年最典型的AI副业逻辑： 用免费工具做别人不知道能自动化的事， 赚的是信息差的钱。 关键是：这个工具效果真不错。 它不是普通描边， 是AI做矢量路径建模 + 迪士尼动画法则优化。 质量能打。
0:27

发现一个能赚钱的开源工具： pixel2motion — 上传静态Logo → AI自动生成矢量动画 这意味着什么？ 在闲鱼/淘宝搜「Logo动画制作」， 单价200-800元不等。 以前接这种单需要： 会AE + 会矢量设计 + 花2天做一个 现在： 上传图片 → AI生成 → 微调导出 半小时搞定，收费不变。 开源免费，成本为零。 这就是2026年最典型的AI副业逻辑： 用免费工具做别人不知道能自动化的事， 赚的是信息差的钱。 关键是：这个工具效果真不错。 它不是普通描边， 是AI做矢量路径建模 + 迪士尼动画法则优化。 质量能打。

Vincent

34,569 görüntüleme • 3 gün önce

视频制作的范式要被推翻了！😍 Remotion，一个能让你用 React 代码直接生成 MP4 视频的库。 动效、数据可视化、甚至是个性化短视频，都可以用你最熟悉的组件化思维来开发和复用。 在 AI 的加持下，Vibe Video Making 也可以出圈了！😜 源码见评论👇
3:21

视频制作的范式要被推翻了！😍 Remotion，一个能让你用 React 代码直接生成 MP4 视频的库。 动效、数据可视化、甚至是个性化短视频，都可以用你最熟悉的组件化思维来开发和复用。 在 AI 的加持下，Vibe Video Making 也可以出圈了！😜 源码见评论👇

MapleShaw

43,006 görüntüleme • 10 ay önce

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。 通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub： 主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中 通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。
0:55

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。 通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub： 主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中 通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

GitHubDaily

42,801 görüntüleme • 1 yıl önce

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

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

爱丽丝呀！

55,417 görüntüleme • 11 gün önce

🤯 Cursor 编辑器直接召唤 UI！ 21st dev 提供了逆天的 MCP Server，让你能直接在 Cursor (或其他支持的编辑器) 内部，远程召唤其 "Magic" AI 能力！😍 在你的编辑器里输入 ui/+你的诉求，就能返回生产级、风格精美的 UI 组件，让 AI 生成代码丝滑无比！🥳 链接见评论👇
0:58

🤯 Cursor 编辑器直接召唤 UI！ 21st dev 提供了逆天的 MCP Server，让你能直接在 Cursor (或其他支持的编辑器) 内部，远程召唤其 "Magic" AI 能力！😍 在你的编辑器里输入 ui/+你的诉求，就能返回生产级、风格精美的 UI 组件，让 AI 生成代码丝滑无比！🥳 链接见评论👇

MapleShaw

129,789 görüntüleme • 1 yıl önce

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

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

Justin3go

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

重磅！🎙️AI语音巨头ElevenLabs 推出 ElevenLabs UI —— 专为 AI 音频与语音代理打造的开源组件库！ ✅ 22 个组件与示例，覆盖聊天界面、语音转录、音乐等场景 🎨 完全可自定义，轻松集成 🧩 MIT 开源许可，自由使用 AI 开发者的新神器来了！🚀
0:21

重磅！🎙️AI语音巨头ElevenLabs 推出 ElevenLabs UI —— 专为 AI 音频与语音代理打造的开源组件库！ ✅ 22 个组件与示例，覆盖聊天界面、语音转录、音乐等场景 🎨 完全可自定义，轻松集成 🧩 MIT 开源许可，自由使用 AI 开发者的新神器来了！🚀

Truman

23,073 görüntüleme • 9 ay önce

Σ(°ロ°) 卧槽，这个开源 React 动画库也太强了吧😱！ React 社区的生态是真好， 请问有这种质量的 SwiftUI 动画库吗😝？
0:21

Σ(°ロ°) 卧槽，这个开源 React 动画库也太强了吧😱！ React 社区的生态是真好， 请问有这种质量的 SwiftUI 动画库吗😝？

Jimmy Cheung

53,749 görüntüleme • 1 yıl önce

前端开发从未变得如此简单 🤩 借助 分钟开发完一个 React 组件。 步骤： 1. 在 上找到你要「学习」的 UI 2. 截图 -> 复制到 Devv 中实现 Prompt 需要指定输出到同一个 html file 中便于 preview（未来会优化）。 预览没有问题就可以转化成 React 组件 copy 到自己的代码库中了。
1:58

前端开发从未变得如此简单 🤩 借助 分钟开发完一个 React 组件。 步骤： 1. 在 上找到你要「学习」的 UI 2. 截图 -> 复制到 Devv 中实现 Prompt 需要指定输出到同一个 html file 中便于 preview（未来会优化）。 预览没有问题就可以转化成 React 组件 copy 到自己的代码库中了。

Jiayuan (JY) Zhang

41,794 görüntüleme • 1 yıl önce