正在加载视频...

视频加载失败

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

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

Paidax

16,059 subscribers

66,196 次观看 • 1 个月前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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

码农暖爸

208,847 次观看 • 3 天前

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

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

MapleShaw

21,269 次观看 • 1 年前

推荐一下张咋啦的 PPT Skill：frontend-slides。对于我这种不爱做 PPT，但又有演示需求的人来说，实在是太友好了。这个 Skill 的思路是把 PPT 变成网页。并且动画效果比 PowerPoint 好、生成的是单个 HTML 文件、浏览器直接打开。 AI 会生成多个不同风格的预览，每个风格都是定制的，字体、配色、动画都不一样。同时还能直接在浏览器里编辑文字，改完自动保存。如果你有现成的 .pptx 文件，也能直接转成网页版。经常做 PPT 的话，可以试试，链接放评论区。

推荐一下张咋啦的 PPT Skill：frontend-slides。对于我这种不爱做 PPT，但又有演示需求的人来说，实在是太友好了。这个 Skill 的思路是把 PPT 变成网页。并且动画效果比 PowerPoint 好、生成的是单个 HTML 文件、浏览器直接打开。 AI 会生成多个不同风格的预览，每个风格都是定制的，字体、配色、动画都不一样。同时还能直接在浏览器里编辑文字，改完自动保存。如果你有现成的 .pptx 文件，也能直接转成网页版。经常做 PPT 的话，可以试试，链接放评论区。

余温

116,627 次观看 • 5 个月前

卧槽，我终于搞定了！带演示动效的 PPT 生成 Agent ！是我这个 PPT 生成 Skills 的迭代版本。测试了一下，没想到效果还挺好：支持导出完整的视频，以及在网页上可以随意地控制速度去浏览。首页动画为了适应演示的等待时间，做成了无限循环的版本。每一页 PPT 切换的时候都有动效。哈哈，这个应该是目前所有 PPT 生成独一份的，没有产品有，对演示的支持也非常好

卧槽，我终于搞定了！带演示动效的 PPT 生成 Agent ！是我这个 PPT 生成 Skills 的迭代版本。测试了一下，没想到效果还挺好：支持导出完整的视频，以及在网页上可以随意地控制速度去浏览。首页动画为了适应演示的等待时间，做成了无限循环的版本。每一页 PPT 切换的时候都有动效。哈哈，这个应该是目前所有 PPT 生成独一份的，没有产品有，对演示的支持也非常好

歸藏(guizang.ai)

201,365 次观看 • 7 个月前

设计师必备 Design Skill 推荐，整理了我日常高频在用的 5 款实用 Skill，亲测实用性拉满 1、Text to Lottie Skill 上传 SVG + 填写动画描述，快速生成可编辑 Lottie 动画文件。 2、GSAP Skill 一键生成专业网页交互动效，自动输出高性能代码，支持 SVG 动画、鼠标跟随、滚动视差文字等效果。 3、three-scope-map-skill 输入地区即可生成数据大屏 3D 交互地图，多款配色主题，支持缩放、平移、点位、飞线等大屏常用特效，开箱即用。 4、Web to Design md 输入网址一键扒取网页配色、字体、CSS、动效等全套设计规范，输出可被 AI 使用的 design.md 文档。 5、Shadcn/ui Skill 适配前端项目，自动对齐项目配置、统一组件规范、支持多主题，一键生成规整后台页面，省去大量调试工作。

设计师必备 Design Skill 推荐，整理了我日常高频在用的 5 款实用 Skill，亲测实用性拉满 1、Text to Lottie Skill 上传 SVG + 填写动画描述，快速生成可编辑 Lottie 动画文件。 2、GSAP Skill 一键生成专业网页交互动效，自动输出高性能代码，支持 SVG 动画、鼠标跟随、滚动视差文字等效果。 3、three-scope-map-skill 输入地区即可生成数据大屏 3D 交互地图，多款配色主题，支持缩放、平移、点位、飞线等大屏常用特效，开箱即用。 4、Web to Design md 输入网址一键扒取网页配色、字体、CSS、动效等全套设计规范，输出可被 AI 使用的 design.md 文档。 5、Shadcn/ui Skill 适配前端项目，自动对齐项目配置、统一组件规范、支持多主题，一键生成规整后台页面，省去大量调试工作。

Paidax

83,968 次观看 • 2 个月前

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

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

爱丽丝呀！

59,078 次观看 • 1 个月前

我这两天被这个爆火的Flipbook刷屏并被震撼到，现在的UI界面也许会在不久的将来彻底改变。Flipbook是三星工程师(前Open AI)Zain Shah和另外两个伙伴做的一个无限视觉浏览器，根据你的搜索词，实时用像素生成一张类似百科全书里的动态插画，连文字也是像素组成，没有代码，没有HTML，画面上的任何区域你都可以点击，生成这块区域的进一步画面。而且作者们调制的这个画面风格太好看了，我小时候要是有这玩意能玩一整天不吃不喝，完全就是一本无限魔法书。作者直接展示了在这上面搜索巴黎旅游景点，还直接买了巴黎圣母院的票。我自己也用来搜索了清迈，效果惊人，但可惜这两天太火了我一直没能连接上视频动态效果。虽然目前的算力无法实现规模化，作者也说目前只是展示测试阶段，但是我这次是真真切切感受到了AI带来的改革，未来就快来了。

我这两天被这个爆火的Flipbook刷屏并被震撼到，现在的UI界面也许会在不久的将来彻底改变。Flipbook是三星工程师(前Open AI)Zain Shah和另外两个伙伴做的一个无限视觉浏览器，根据你的搜索词，实时用像素生成一张类似百科全书里的动态插画，连文字也是像素组成，没有代码，没有HTML，画面上的任何区域你都可以点击，生成这块区域的进一步画面。而且作者们调制的这个画面风格太好看了，我小时候要是有这玩意能玩一整天不吃不喝，完全就是一本无限魔法书。作者直接展示了在这上面搜索巴黎旅游景点，还直接买了巴黎圣母院的票。我自己也用来搜索了清迈，效果惊人，但可惜这两天太火了我一直没能连接上视频动态效果。虽然目前的算力无法实现规模化，作者也说目前只是展示测试阶段，但是我这次是真真切切感受到了AI带来的改革，未来就快来了。

Jingyuan缘缘

331,428 次观看 • 4 个月前

有人用过这个 MagicUI 没有？是一个全新思路的组件库，主打一个 Landing page 上面的动画视觉效果，完美适配 shadcn/ui ，组件我全都感受了一遍，好喜欢的，如果大家想把页面的颜值上升一个等级，强烈建议试试看。Stars：9.3K 我很喜欢那个 Border Beam 的效果。一点小小的提升让我看了以后爽心悦目。

有人用过这个 MagicUI 没有？是一个全新思路的组件库，主打一个 Landing page 上面的动画视觉效果，完美适配 shadcn/ui ，组件我全都感受了一遍，好喜欢的，如果大家想把页面的颜值上升一个等级，强烈建议试试看。Stars：9.3K 我很喜欢那个 Border Beam 的效果。一点小小的提升让我看了以后爽心悦目。

Viking

131,478 次观看 • 1 年前

兄弟们！这套Skills 你们需要吗？核心功能就是：你直接丢一个文章、视频、音频链接等直接解析后帮你生成PPT！并且PPT可以有16种主题风格生成，可以自定义配图模型和指定的风格！也可以直接使用精美的网页设计的样式生成！支持多种播放动画自动切换和播放！看到这还没完！ 🤔 我还增加了一个可以直接生成一键讲解PPT的讲解视频功能，音画同步，支持详细模式和简单讲解等！最后导出支持html 或者mp4 视频、音频等。点赞过100 ❤️/评论哟哟我就开源！等等我吧（视频是1.0版本）

兄弟们！这套Skills 你们需要吗？核心功能就是：你直接丢一个文章、视频、音频链接等直接解析后帮你生成PPT！并且PPT可以有16种主题风格生成，可以自定义配图模型和指定的风格！也可以直接使用精美的网页设计的样式生成！支持多种播放动画自动切换和播放！看到这还没完！ 🤔 我还增加了一个可以直接生成一键讲解PPT的讲解视频功能，音画同步，支持详细模式和简单讲解等！最后导出支持html 或者mp4 视频、音频等。点赞过100 ❤️/评论哟哟我就开源！等等我吧（视频是1.0版本）

Berryxia.AI

46,560 次观看 • 6 个月前

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

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

艾略特

18,617 次观看 • 1 年前

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

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

MapleShaw

43,246 次观看 • 1 年前

开源一个我的数据可视化动画库，让工作展示+内容制作高级10倍！包含11个高级数据可视化效果，项目的代码+自己的数据丢给AI，直接做出属于你的专业数据可视化动画！项目开源地址：

开源一个我的数据可视化动画库，让工作展示+内容制作高级10倍！包含11个高级数据可视化效果，项目的代码+自己的数据丢给AI，直接做出属于你的专业数据可视化动画！项目开源地址：

木子不写代码

29,938 次观看 • 5 个月前

以前做前端，为了个加载动画，要么到处找 GIF，要么自己写 CSS 写到头秃。最近看到这个 math-curve-loaders 开源库，完全是用数学公式生成的动效。我看了一下，玫瑰曲线、李萨如曲线这些数学图形，动效极其优雅。纯 HTML+CSS 实现，零第三方依赖，体积极小。最爽的是自带可视化调试面板。粒子数、轨迹、速度、颜色，拖拽滑块就能实时预览。调好参数，一键复制完整代码，粘贴到项目里就能跑。以后做项目，你是更喜欢这种数学极客风，还是习惯用现成的 UI 库组件？

以前做前端，为了个加载动画，要么到处找 GIF，要么自己写 CSS 写到头秃。最近看到这个 math-curve-loaders 开源库，完全是用数学公式生成的动效。我看了一下，玫瑰曲线、李萨如曲线这些数学图形，动效极其优雅。纯 HTML+CSS 实现，零第三方依赖，体积极小。最爽的是自带可视化调试面板。粒子数、轨迹、速度、颜色，拖拽滑块就能实时预览。调好参数，一键复制完整代码，粘贴到项目里就能跑。以后做项目，你是更喜欢这种数学极客风，还是习惯用现成的 UI 库组件？

Vincent

71,594 次观看 • 3 个月前

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

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

libapi

13,766 次观看 • 1 个月前

一款可平替v0、Cursor、Cline的AI全栈构建工具：cofounder，通过简单提示即可生成带有界面、前端、后端、数据库的网站支持通过Web仪表盘操作，也可以直接用命令行生成项目，生成后的项目支持实时预览支持快捷键来迭代修改UI组件，可以随时对已生成的内容进行调整和优化支持并发生成，可以调整LLM并发数，支持本地开发环境 github： #AI开发 #AI开发网站

一款可平替v0、Cursor、Cline的AI全栈构建工具：cofounder，通过简单提示即可生成带有界面、前端、后端、数据库的网站支持通过Web仪表盘操作，也可以直接用命令行生成项目，生成后的项目支持实时预览支持快捷键来迭代修改UI组件，可以随时对已生成的内容进行调整和优化支持并发生成，可以调整LLM并发数，支持本地开发环境 github： #AI开发 #AI开发网站

AIGCLINK

40,074 次观看 • 1 年前

想做网站不是一天两天了，最近看了不少网页案例，很喜欢那些丝滑炫酷的动画，一个大神告诉我，新手做网页，做动画最省事的方式，就是找个开源库，选择喜欢的效果，然后自定义修改一下就行。又发现一个，Reactbits，各种动画都分好类的，几行代码就能用上，也太方便了！！

想做网站不是一天两天了，最近看了不少网页案例，很喜欢那些丝滑炫酷的动画，一个大神告诉我，新手做网页，做动画最省事的方式，就是找个开源库，选择喜欢的效果，然后自定义修改一下就行。又发现一个，Reactbits，各种动画都分好类的，几行代码就能用上，也太方便了！！

沐阳

72,652 次观看 • 2 个月前

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

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

开发者Hailey

22,442 次观看 • 7 个月前

看起来 FLUX 3 要发布了。昨天黑森林工作室短暂地上线了一下预告。说是支持图像、视频、音频和动作生成，是一个全模态的生成模型。其中，单条视频支持一次生成 20 秒。按他们正常的逻辑来说，这一般会是开源的。如果真的开源，那整个生态估计又要爽一波了。

看起来 FLUX 3 要发布了。昨天黑森林工作室短暂地上线了一下预告。说是支持图像、视频、音频和动作生成，是一个全模态的生成模型。其中，单条视频支持一次生成 20 秒。按他们正常的逻辑来说，这一般会是开源的。如果真的开源，那整个生态估计又要爽一波了。

歸藏(guizang.ai)

20,219 次观看 • 1 个月前