Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

前端终于有高级感的加载动画了！ 告别普通 spinner！ 分享一个超赞的 GitHub 开源项目 —— math-curve-loaders 专为追求极致美观与轻量前端项目而生，它把数学曲线变成极致优雅的加载动画！ 玫瑰曲线、李萨茹曲线、心形线…… 纯 HTML + CSS + JS 实现，零依赖、超轻量。 每个动画都附带数学公式 + 可实时调整参数 + 一键复制代码，直接抄走就能用！ 数学之美 × 前端动效，视觉党与代码党都爱了 ❤️ 地址：

BTCqzy1's profile picture

爱丽丝呀！

22,645 subscribers

140,365 görüntüleme • 3 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

34 Yorum

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

github地址：

BlockchainDan 🔗 profil fotoğrafı
BlockchainDan 🔗3 ay önce

This is cool, appreciate the share!

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

thanks bro

Crypto 阿飞 profil fotoğrafı
Crypto 阿飞3 ay önce

Nice呀

小赵|🕊️| 🎒 profil fotoğrafı
小赵|🕊️| 🎒3 ay önce

这个看起来更高端了。

- 大洋 profil fotoğrafı
- 大洋3 ay önce

哈哈哈哈，这个有点好玩，我待会试试去

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

嗯嗯 可以的 大洋老师，安装也很简单的

易佳欣🦊 | Gate打金狗0Gas费 profil fotoğrafı
易佳欣🦊 | Gate打金狗0Gas费3 ay önce

可以的

Miya | Gate Card刷遍全球 profil fotoğrafı
Miya | Gate Card刷遍全球3 ay önce

这个视频看着好丝滑

狙神Trader profil fotoğrafı
狙神Trader3 ay önce

好久不见

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

哈哈 是的～

YuChen 大王 profil fotoğrafı
YuChen 大王3 ay önce

这项目绝了，数学公式都能玩出花来！

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

高手啊，确实厉害，都是数学公式做出来的～

张张布丁盘 profil fotoğrafı
张张布丁盘3 ay önce

收藏了！！

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

嗯嗯 这个很酷的哈～

方鸣🔶BNB profil fotoğrafı
方鸣🔶BNB3 ay önce

感谢分享

Miqi*📈 profil fotoğrafı
Miqi*📈3 ay önce

动画好丝滑，运行流畅度可以

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

嗯嗯 主要应用场景是前端的一些加载的动画～比较轻量，复制就能用

撸毛吃猪脚饭| 美股合约首选Gate profil fotoğrafı
撸毛吃猪脚饭| 美股合约首选Gate3 ay önce

这个动态效果 看起来很炫酷

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

嗯嗯 是的 主要是一些加载动画～

Jealousy 尼卡 profil fotoğrafı
Jealousy 尼卡3 ay önce

我去，这个太酷了啊

爱丽丝呀！ profil fotoğrafı
爱丽丝呀！3 ay önce

嗯嗯 我也觉得很酷，分享给大家～

Crio Songo profil fotoğrafı
Crio Songo3 ay önce

这个点子确实挺巧的，把数学曲线做成加载动画既有高级感又不笨重，还支持实时调参数一键拿代码，拿来做个人项目或者产品主页的加载，体验比千篇一律的普通spinner好太多了，回头我要去试试。

阿台🕊️ profil fotoğrafı
阿台🕊️3 ay önce

这个加载动画也太有数学美学了吧！

小薯条🕊️ profil fotoğrafı
小薯条🕊️3 ay önce

数学曲线做加载动画，这个创意太绝了

Eli profil fotoğrafı
Eli3 ay önce

好酷

Votan profil fotoğrafı
Votan3 ay önce

太有创意了❤️

拳头👊🕊️ profil fotoğrafı
拳头👊🕊️3 ay önce

心形线加载效果很惊艳，优化一下就能直接上线

包爽得 profil fotoğrafı
包爽得3 ay önce

牛逼，数学艺术

辣条味奶糖 profil fotoğrafı
辣条味奶糖3 ay önce

这个看着好酷

LetMeCook profil fotoğrafı
LetMeCook3 ay önce

学习了老师！!!

jadhvank profil fotoğrafı
jadhvank3 ay önce

Looks awesome!

Bole Chen profil fotoğrafı
Bole Chen3 ay önce

爱了，有人能帮忙做成组件吗？感觉特别适合我这边佛经项目

Jesn profil fotoğrafı
Jesn3 ay önce

作者：@xin_pai88825

Benzer Videolar

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

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

Vincent

72,334 görüntüleme • 4 ay ö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秒直接搬进你的项目，让你的网页瞬间充满百万级的高级创意感！ 地址：

爱丽丝呀！

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

前端logo动画终于有专业级AI工具了！ 设计师终于可以告别手动描矢量、调曲线、做生硬动画的痛苦过程！ 分享一个超赞的 GitHub 开源项目 —— pixel2motion 一秒把像素logo（PNG/JPG/WebP/截图）转化为丝滑SVG动画！ 它能自动生成干净的矢量SVG + 语义化元素（mark、dot、wordmark），直接输出带交互的HTML demo、GIF/视频预览。 ✅核心亮点： AI辅助矢量拟合 + IoU优化，确保专业级平滑度和精准度 语义化SVG结构，方便直接写CSS/JS动画 一站式交付：静态SVG + motion.css + 交互HTML + motion_spec.md 完美适合品牌logo reveal、前端动效落地！ 感兴趣的可以看看哦～dyor 地址：
0:39

前端logo动画终于有专业级AI工具了！ 设计师终于可以告别手动描矢量、调曲线、做生硬动画的痛苦过程！ 分享一个超赞的 GitHub 开源项目 —— pixel2motion 一秒把像素logo（PNG/JPG/WebP/截图）转化为丝滑SVG动画！ 它能自动生成干净的矢量SVG + 语义化元素（mark、dot、wordmark），直接输出带交互的HTML demo、GIF/视频预览。 ✅核心亮点： AI辅助矢量拟合 + IoU优化，确保专业级平滑度和精准度 语义化SVG结构，方便直接写CSS/JS动画 一站式交付：静态SVG + motion.css + 交互HTML + motion_spec.md 完美适合品牌logo reveal、前端动效落地！ 感兴趣的可以看看哦～dyor 地址：

爱丽丝呀！

44,115 görüntüleme • 3 ay ö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

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

这护盾效果太牛了，可实时交互的 WebGL 能量护盾特效项目，用 React Three Fiber、Three.js 和手写 GLSL shader 做出来的。 带了完整的 3D Playground，可以实时调 hex grid、hitimpact、生命值系统、显隐动画、bloom 等参数。 对于做创意前端、游戏 VFX、WebGL视觉实验的人来说，这种“效果做出来了，还把可调参数和结构一起开源”的项目，观感会比普通 shader demo 高一个档次。
0:26

这护盾效果太牛了，可实时交互的 WebGL 能量护盾特效项目，用 React Three Fiber、Three.js 和手写 GLSL shader 做出来的。 带了完整的 3D Playground，可以实时调 hex grid、hitimpact、生命值系统、显隐动画、bloom 等参数。 对于做创意前端、游戏 VFX、WebGL视觉实验的人来说，这种“效果做出来了，还把可调参数和结构一起开源”的项目，观感会比普通 shader demo 高一个档次。

Geek Lite

20,560 görüntüleme • 6 ay önce

给前端同学安利一个轻量级网站验证码开源库：Cap，可作为传统 CAPTCHA 的开源替代方案。 它基于 SHA-256 的工作量证明机制，彻底告别拼图/图片识别那套，仅 20kb，几乎不影响加载，不做任何跟踪，也不收集数据。 GitHub： 展示形态也很灵活：可见、隐形、浮动等都支持，前后端样式和校验逻辑都能按需改。 兼容任意 JS 运行时、零依赖，亦可用 Docker 一键部署。
0:21

给前端同学安利一个轻量级网站验证码开源库：Cap，可作为传统 CAPTCHA 的开源替代方案。 它基于 SHA-256 的工作量证明机制，彻底告别拼图/图片识别那套，仅 20kb，几乎不影响加载，不做任何跟踪，也不收集数据。 GitHub： 展示形态也很灵活：可见、隐形、浮动等都支持，前后端样式和校验逻辑都能按需改。 兼容任意 JS 运行时、零依赖，亦可用 Docker 一键部署。

Joruno

50,536 görüntüleme • 5 ay önce

发现个前端圈公认的动画神器，68K stars 真的不是吹的！ anime.js —— 一个轻量级但功能极其强大的 JavaScript 动画引擎。 前端兄弟们又来享福了，这玩意儿简直是“动画师的瑞士军刀”： 🎨 全能型选手 不管是 CSS 属性、SVG、DOM 属性，还是 JavaScript 对象，它都能让你动起来。想搞顺滑的光标特效、复杂的滚动视差、还是丝滑的 UI 过渡，它全包了。 API 直观且轻量 代码写起来非常优雅，像写时间线一样简单。支持模块化引入，你只需要引入你需要的部分，保持 bundle 体积超小，性能拉满。 🛠️ 开箱即用 官网（ Demo，每个动画都直接配好了代码，一键复制就能用，拿去二次创作简直不要太方便。 看它那个相机拆解的动画演示，流畅度真的绝了。搞前端开发、做交互设计的，这个库必须收藏在工具箱里。 项目地址放评论区了👇
0:21

发现个前端圈公认的动画神器，68K stars 真的不是吹的！ anime.js —— 一个轻量级但功能极其强大的 JavaScript 动画引擎。 前端兄弟们又来享福了，这玩意儿简直是“动画师的瑞士军刀”： 🎨 全能型选手 不管是 CSS 属性、SVG、DOM 属性，还是 JavaScript 对象，它都能让你动起来。想搞顺滑的光标特效、复杂的滚动视差、还是丝滑的 UI 过渡，它全包了。 API 直观且轻量 代码写起来非常优雅，像写时间线一样简单。支持模块化引入，你只需要引入你需要的部分，保持 bundle 体积超小，性能拉满。 🛠️ 开箱即用 官网（ Demo，每个动画都直接配好了代码，一键复制就能用，拿去二次创作简直不要太方便。 看它那个相机拆解的动画演示，流畅度真的绝了。搞前端开发、做交互设计的，这个库必须收藏在工具箱里。 项目地址放评论区了👇

Vincent

62,396 görüntüleme • 4 ay önce

Pixel2Motion，一个能把静态 logo 直接变成矢量动画的开源工具 丢一张 PNG 或 JPG 进去，它先用 AI 把像素图转成矢量路径，然后自动生成动画效果，输出无损的 SVG 有几个细节挺讲究的： -转矢量的时候会跟原图做叠拼误差校验，反复迭代直到还原度够高 -动画生成遵循迪士尼动画12法则，所以动起来的节奏感不像是随便加的 -输出格式支持 SVG、HTML代码、GIF、视频 它本身是一个开源的 Codex 和 Claude 技能，也兼容其他多模态 Agent 以前给 logo 加动画要在 After Effects 里一帧帧调，现在一个命令就出来了 GitHub 地址放在评论区了 做设计或者前端的可以看看，尤其是经常被甲方要求"logo能不能动一下"的
0:29

Pixel2Motion，一个能把静态 logo 直接变成矢量动画的开源工具 丢一张 PNG 或 JPG 进去，它先用 AI 把像素图转成矢量路径，然后自动生成动画效果，输出无损的 SVG 有几个细节挺讲究的： -转矢量的时候会跟原图做叠拼误差校验，反复迭代直到还原度够高 -动画生成遵循迪士尼动画12法则，所以动起来的节奏感不像是随便加的 -输出格式支持 SVG、HTML代码、GIF、视频 它本身是一个开源的 Codex 和 Claude 技能，也兼容其他多模态 Agent 以前给 logo 加动画要在 After Effects 里一帧帧调，现在一个命令就出来了 GitHub 地址放在评论区了 做设计或者前端的可以看看，尤其是经常被甲方要求"logo能不能动一下"的

Vincent

22,632 görüntüleme • 3 ay önce

不用写一行代码也能做管理系统？这套AI开发流程让程序员都慌了 1.你打开ChatGPT，输入提示词："帮我生成一个学生管理系统的Spring Boot项目代码" 2.你用Cursor打开生成的项目，自动修复报错，导入MySQL数据库 3.你启动前后端，测试增删改查功能 你按这个流程操作，1小时内就能看到自己的管理系统上线。
3:49

不用写一行代码也能做管理系统？这套AI开发流程让程序员都慌了 1.你打开ChatGPT，输入提示词："帮我生成一个学生管理系统的Spring Boot项目代码" 2.你用Cursor打开生成的项目，自动修复报错，导入MySQL数据库 3.你启动前后端，测试增删改查功能 你按这个流程操作，1小时内就能看到自己的管理系统上线。

Vincent

25,831 görüntüleme • 5 ay önce

量化必看：用梯度下降自动生成最优支撑阻力线 强烈推荐给想把支撑阻力线真正自动化的朋友。 这支 neurotrader 仅 6 分钟的硬核视频，专门解决传统技术分析手工画线因人而异、无法自动化的痛点。 视频展示了一个非常优雅的数学算法：如何用 Python 自动计算并绘制满足约束条件的最优趋势线（Support & Resistance Trend Lines） 核心三步走： 1️⃣ 先用最小二乘（OLS）做初拟合 2️⃣ 找到偏离最远的极值支点（Pivot） 3️⃣ 再用带约束的梯度下降，微调斜率，让趋势线完全包住所有价格且残差最小 最终结论很明确：这个算法只有一个参数（Lookback 窗口长度），解决了「主观画线」问题，为后续趋势线突破策略和通道交易打下了坚实的数学基础。 建议收藏，配合代码一起看。看完就能掌握一套可直接落地的自动化趋势线方法。
5:48

量化必看：用梯度下降自动生成最优支撑阻力线 强烈推荐给想把支撑阻力线真正自动化的朋友。 这支 neurotrader 仅 6 分钟的硬核视频，专门解决传统技术分析手工画线因人而异、无法自动化的痛点。 视频展示了一个非常优雅的数学算法：如何用 Python 自动计算并绘制满足约束条件的最优趋势线（Support & Resistance Trend Lines） 核心三步走： 1️⃣ 先用最小二乘（OLS）做初拟合 2️⃣ 找到偏离最远的极值支点（Pivot） 3️⃣ 再用带约束的梯度下降，微调斜率，让趋势线完全包住所有价格且残差最小 最终结论很明确：这个算法只有一个参数（Lookback 窗口长度），解决了「主观画线」问题，为后续趋势线突破策略和通道交易打下了坚实的数学基础。 建议收藏，配合代码一起看。看完就能掌握一套可直接落地的自动化趋势线方法。

爱吃折耳根的Ace

43,424 görüntüleme • 1 ay önce

以前想要制作数学和物理教学这类交互动画，需要用到 Manim 这些专业工具，还得搞清楚 LaTeX 公式渲染和相机运动等。 现在用 Math-To-Manim 这个开源 AI 工具，只需要一句话简单描述就能自动生成完整的交互动画。 从分析概念逐步构建到目标主题，自动生成包含详细 LaTeX 公式和镜头设计，全流程自动化完成。 GitHub： 同时输出动画代码和完整的 LaTeX 学习笔记文档，并提供了 55+ 个涵盖物理、数学、计算机科学等领域的示例动画。 通过克隆代码到本地，安装相关依赖，并配置好模型 API Key，即可在可视化操作界面输入描述生成动画。
0:20

以前想要制作数学和物理教学这类交互动画，需要用到 Manim 这些专业工具，还得搞清楚 LaTeX 公式渲染和相机运动等。 现在用 Math-To-Manim 这个开源 AI 工具，只需要一句话简单描述就能自动生成完整的交互动画。 从分析概念逐步构建到目标主题，自动生成包含详细 LaTeX 公式和镜头设计，全流程自动化完成。 GitHub： 同时输出动画代码和完整的 LaTeX 学习笔记文档，并提供了 55+ 个涵盖物理、数学、计算机科学等领域的示例动画。 通过克隆代码到本地，安装相关依赖，并配置好模型 API Key，即可在可视化操作界面输入描述生成动画。

GitHubDaily

40,345 görüntüleme • 11 ay önce

🔥 前端动画界的老大 GSAP，又扔出了一颗炸弹：gsap-skills！ 90% 的网页动效只是乏味的淡入淡出，但 Apple 风滚动、数据可视化动画、沉浸式产品页背后的秘密，全在 GSAP。 GSAP 官方直接放出 gsap-skills： 支持 Cursor、Claude Code、Copilot、Google Antigravity、Windsurf 等几乎所有主流 Agent，自动识别。 神亮点： - 25+ 高级动画实战案例，一键学会 Timeline、ScrollTrigger、Ease 等核心技能 - 让 AI 或开发者都能瞬间生成丝滑、专业、高级感爆棚的动效 - 免费开源，商业项目直接用 - 性能极致流畅，复杂动画也不卡顿 - 跨框架支持：React、Vue、Svelte、原生 JS 全覆盖 - 官方教程 + 实战案例 = 动效学习最快捷径 GSAP 本身已全部免费（原 Club 高级插件全部白送），现在再加上这套官方 skill，装完直接甩需求给 AI，感受 Apple 级动效秒出的爽感！
0:52

🔥 前端动画界的老大 GSAP，又扔出了一颗炸弹：gsap-skills！ 90% 的网页动效只是乏味的淡入淡出，但 Apple 风滚动、数据可视化动画、沉浸式产品页背后的秘密，全在 GSAP。 GSAP 官方直接放出 gsap-skills： 支持 Cursor、Claude Code、Copilot、Google Antigravity、Windsurf 等几乎所有主流 Agent，自动识别。 神亮点： - 25+ 高级动画实战案例，一键学会 Timeline、ScrollTrigger、Ease 等核心技能 - 让 AI 或开发者都能瞬间生成丝滑、专业、高级感爆棚的动效 - 免费开源，商业项目直接用 - 性能极致流畅，复杂动画也不卡顿 - 跨框架支持：React、Vue、Svelte、原生 JS 全覆盖 - 官方教程 + 实战案例 = 动效学习最快捷径 GSAP 本身已全部免费（原 Club 高级插件全部白送），现在再加上这套官方 skill，装完直接甩需求给 AI，感受 Apple 级动效秒出的爽感！

开发者Hailey

133,156 görüntüleme • 4 ay önce

AI前端救星来了！告别土味界面🔥 AI现在代码写得飞快，但界面老是千篇一律、又丑又普通？ 这个项目直接解决痛点：Taste-Skill — 给AI注入高级审美的反slop前端框架。 它是一套可移植的Agent Skills，专治AI生成的平庸布局、丑陋排版、僵硬动效。 - 强力反slop：强制高阶排版、间距、层级、GSAP动效，杜绝模板感 - 三档可调旋钮（VARIANCE/MOTION/DENSITY）：1-10轻松控制实验性、动效强度、视觉密度 - 多场景技能包：通用v2、GPT专版、极简/高级/brutalist风格、重构现有项目、image-to-code全流程 - 图像生成技能：直接出高端web/mobile/brandkit参考图，喂给Cursor/Claude/Codex就能完美还原 - 框架无关，支持React/Vue/Svelte，复制SKILL.md就能用 目前57k+ stars，实打实让AI前端从能用进化到好看。想让你的AI产品瞬间高级感拉满，赶紧去试！
0:22

AI前端救星来了！告别土味界面🔥 AI现在代码写得飞快，但界面老是千篇一律、又丑又普通？ 这个项目直接解决痛点：Taste-Skill — 给AI注入高级审美的反slop前端框架。 它是一套可移植的Agent Skills，专治AI生成的平庸布局、丑陋排版、僵硬动效。 - 强力反slop：强制高阶排版、间距、层级、GSAP动效，杜绝模板感 - 三档可调旋钮（VARIANCE/MOTION/DENSITY）：1-10轻松控制实验性、动效强度、视觉密度 - 多场景技能包：通用v2、GPT专版、极简/高级/brutalist风格、重构现有项目、image-to-code全流程 - 图像生成技能：直接出高端web/mobile/brandkit参考图，喂给Cursor/Claude/Codex就能完美还原 - 框架无关，支持React/Vue/Svelte，复制SKILL.md就能用 目前57k+ stars，实打实让AI前端从能用进化到好看。想让你的AI产品瞬间高级感拉满，赶紧去试！

开发者Hailey

19,296 görüntüleme • 3 ay önce

超开心！我们用 Codex 完成了一个参数化小猫的生成工具！ 现在已经发布并且开源啦~！ 你可以通过参数化的方法，调整小猫身体的所有部分，甚至可以让小猫动起来噢🐱 ▶ 在线试玩： ▶ GitHub 项目地址： 期待大家的返图 (*^▽^*) created by Simon Lee and me!
1:59

超开心！我们用 Codex 完成了一个参数化小猫的生成工具！ 现在已经发布并且开源啦~！ 你可以通过参数化的方法，调整小猫身体的所有部分，甚至可以让小猫动起来噢🐱 ▶ 在线试玩： ▶ GitHub 项目地址： 期待大家的返图 (*^▽^*) created by Simon Lee and me!

Ring Hyacinth

35,236 görüntüleme • 2 ay önce

这个太漂亮了： Strange Attractors 是一个使用 Three.js 实现的动态系统可视化工具，它通过简单的数学方程展示了混沌系统的复杂美感。 通过观察不同参数下的 Thomas Attractor，用户可以直观地体验到‘蝴蝶效应’，即微小的变化如何导致完全不同的结果。 这个工具不仅展示了混沌理论的奇妙之处，还让普通人也能感受到数学之美。左侧可以修改不同的方程，右边还可以调整参数。 我对混沌系统并没有什么了解，但是画面太美了，涌现宇宙之美，情不自禁的呆呆的看了很久，从混沌中涌现秩序，也许是美学的极致。
0:35

这个太漂亮了： Strange Attractors 是一个使用 Three.js 实现的动态系统可视化工具，它通过简单的数学方程展示了混沌系统的复杂美感。 通过观察不同参数下的 Thomas Attractor，用户可以直观地体验到‘蝴蝶效应’，即微小的变化如何导致完全不同的结果。 这个工具不仅展示了混沌理论的奇妙之处，还让普通人也能感受到数学之美。左侧可以修改不同的方程，右边还可以调整参数。 我对混沌系统并没有什么了解，但是画面太美了，涌现宇宙之美，情不自禁的呆呆的看了很久，从混沌中涌现秩序，也许是美学的极致。

Viking

28,949 görüntüleme • 11 ay önce

又挖到一个自媒体神器，我直接 fork 了！🔥 ReClip —一个极致轻量、自托管的视频/音频下载工具，用完直接上头！ 神亮点： - 支持 YouTube、TikTok、Instagram、Twitter/X、Bilibili 等 1000+ 主流网站 - 一键下载 MP4 视频 或 MP3 音频 - 支持批量粘贴多个链接，自动去重 - 可自由选择画质、分辨率、音频比特率 - 纯前端设计（单个 HTML + 原生 JS），后端只有 150 行 Python - Docker 一键部署，资源占用极低 没有 React 那种臃肿构建，没有复杂框架，就是极简、高效、极客风的完美典范！ 相比那些广告横飞的在线下载网站，ReClip 的优势太明显了： 隐私安全 + 可完全自控 + 永久可用 + 不用担心跑路。
0:24

又挖到一个自媒体神器，我直接 fork 了！🔥 ReClip —一个极致轻量、自托管的视频/音频下载工具，用完直接上头！ 神亮点： - 支持 YouTube、TikTok、Instagram、Twitter/X、Bilibili 等 1000+ 主流网站 - 一键下载 MP4 视频 或 MP3 音频 - 支持批量粘贴多个链接，自动去重 - 可自由选择画质、分辨率、音频比特率 - 纯前端设计（单个 HTML + 原生 JS），后端只有 150 行 Python - Docker 一键部署，资源占用极低 没有 React 那种臃肿构建，没有复杂框架，就是极简、高效、极客风的完美典范！ 相比那些广告横飞的在线下载网站，ReClip 的优势太明显了： 隐私安全 + 可完全自控 + 永久可用 + 不用担心跑路。

开发者Hailey

52,652 görüntüleme • 4 ay önce

Gemini Pro 3已经上线了，绝对的新王，不管懂不懂代码都可以用它写出极具美感的网页，每个人都值得一试。例如生成会转的电风扇SVG、画手机、画MacBook、漂亮交互的天气卡片。 我视频里效果的提示词：画一个极具现代设计美学的时装秀的网站，要求有奢华的交互，前卫的设计 除了官方Gemini渠道外，我推荐Zenmux，目前免费（每天限量）且国内直连可用，可以在线使用或API调用。黑五期间充值有优惠，额外送20%金额，价格比OpenRouter低。 现在就已经能用，地址：
0:24

Gemini Pro 3已经上线了，绝对的新王，不管懂不懂代码都可以用它写出极具美感的网页，每个人都值得一试。例如生成会转的电风扇SVG、画手机、画MacBook、漂亮交互的天气卡片。 我视频里效果的提示词：画一个极具现代设计美学的时装秀的网站，要求有奢华的交互，前卫的设计 除了官方Gemini渠道外，我推荐Zenmux，目前免费（每天限量）且国内直连可用，可以在线使用或API调用。黑五期间充值有优惠，额外送20%金额，价格比OpenRouter低。 现在就已经能用，地址：

Gorden Sun

59,035 görüntüleme • 10 ay önce

王炸🤣😂 Google AI Studio 正式推出了全新全栈 vibe coding 体验，通过 Antigravity 编码代理 + Firebase 原生后端集成，前端和后端终于无缝连接在一起了。 感动到了，AI Studio终于告别了不只是前端那么简单了。 我体验了下，项目启动前会先分配一定的空间用来存储后台服务相关的数据。 以后只要你有想法，从前端UI到后端服务，纯粹一条龙服务了。
0:25

王炸🤣😂 Google AI Studio 正式推出了全新全栈 vibe coding 体验，通过 Antigravity 编码代理 + Firebase 原生后端集成，前端和后端终于无缝连接在一起了。 感动到了，AI Studio终于告别了不只是前端那么简单了。 我体验了下，项目启动前会先分配一定的空间用来存储后台服务相关的数据。 以后只要你有想法，从前端UI到后端服务，纯粹一条龙服务了。

比特币橙子Trader

107,143 görüntüleme • 6 ay önce

🚀 香港大学刚开源了一个宝藏项目—— CLI-Anything，star 数直接飙到 3 w 它可以扫描任意软件的源代码，自动生成 AI agent 可以直接调用的 CLI 接口。 像GIMP、Blender、Audacity 这类没有 API 的桌面软件，Agent 现在可以直接操控了。 软件以前是给人用的，现在是给 Agent 用的
0:20

🚀 香港大学刚开源了一个宝藏项目—— CLI-Anything，star 数直接飙到 3 w 它可以扫描任意软件的源代码，自动生成 AI agent 可以直接调用的 CLI 接口。 像GIMP、Blender、Audacity 这类没有 API 的桌面软件，Agent 现在可以直接操控了。 软件以前是给人用的，现在是给 Agent 用的

阿西_出海

169,597 görüntüleme • 4 ay önce

参加数学建模竞赛，熬夜分析问题、写代码、做实验、写论文，3 天比赛下来身心俱疲。 有位开发者正有如此经历，便开源了一个专为数学建模设计的 AI Agent：MathModelAgent。 自动化完成整个数学建模流程：从问题分析、建立模型、编写代码到撰写论文，最终生成一份可以获奖级别的建模论文。 GitHub： 主要功能： - 自动分析问题并建立数学模型，无需手动梳理复杂逻辑 - 集成代码执行环境，支持本地 Jupyter 和云端代码执行 - 多智能体协作：建模手、代码手、论文手分工合作 - 支持主流 AI 模型，每个智能体可配置最适合的模型 - 自动生成格式规范的完整论文，包含正确的文献引用 - 轻量化架构设计，成本低且部署简单 提供 Docker、本地部署和自动脚本三种安装方式，有需要的同学可以看一下。
1:08

参加数学建模竞赛，熬夜分析问题、写代码、做实验、写论文，3 天比赛下来身心俱疲。 有位开发者正有如此经历，便开源了一个专为数学建模设计的 AI Agent：MathModelAgent。 自动化完成整个数学建模流程：从问题分析、建立模型、编写代码到撰写论文，最终生成一份可以获奖级别的建模论文。 GitHub： 主要功能： - 自动分析问题并建立数学模型，无需手动梳理复杂逻辑 - 集成代码执行环境，支持本地 Jupyter 和云端代码执行 - 多智能体协作：建模手、代码手、论文手分工合作 - 支持主流 AI 模型，每个智能体可配置最适合的模型 - 自动生成格式规范的完整论文，包含正确的文献引用 - 轻量化架构设计，成本低且部署简单 提供 Docker、本地部署和自动脚本三种安装方式，有需要的同学可以看一下。

GitHubDaily

37,444 görüntüleme • 1 yıl önce