前端开发
「gsap-skills」官方 GSAP AI 技能包:让 Codex、Claude Code 和 Cursor 更稳地生成复杂网页动画
GSAP 官方把自己的动画知识整理成了一组面向 AI coding agents 的 Skill:gsap-skills。它不是又一个动画库封装,而是把 GSAP 的核心 API、…
「Base UI」来自 Radix、Floating UI 和 MUI 团队的无样式组件库:用来搭可访问设计系统
Base UI 是 MUI 旗下的新一代无样式 React 组件库,定位很清楚:给开发者一套可访问、可组合、但不绑定视觉风格的底层组件。它来自 Radix、Floating UI …
「Animal-Island-UI」动森风 React 组件库:给个人项目快速做出岛屿感界面
Animal-Island-UI 是一个 React + TypeScript 组件库,视觉灵感来自《集合啦!动物森友会》那种柔软、圆润、带一点岛屿生活感的界面语言。它不是严肃后台…
「Pretext」不用 DOM reflow 也能测量多行文本:面向 Canvas、SVG 和复杂 UI 的开源排版库
前端里有一类问题看起来很普通,但真做起来会非常磨人:一段多语言文本放进某个宽度后到底会换成几行、占多高、最宽的那一行有多宽?最直接的做法是把内容塞进 DOM,再读 getBound…
「Cult UI」给 shadcn/ui 加一层表现力:75+ 动画组件、区块和模板
Cult UI 是一个面向 shadcn/ui 生态的开源组件库,重点不是再做一套基础按钮和表单,而是把更接近真实产品页面的动画组件、营销区块、Hero、卡片交互和模板整理成可以复…
「awesome-design-skills」67 个给 Codex、Cursor、Claude Code 用的设计技能文件
awesome-design-skills 是一个面向 AI Agent 工具的设计技能注册表,收录了 67 个 DESIGN.md 和 SKILL.md 设计系统技能文件。它适合…
「DESIGN.md」Google Labs 提出的设计系统说明格式:让 Coding Agent 读懂品牌视觉和设计约束
DESIGN.md 是 google-labs-code 提出的一个格式规范,用来向 coding agents 描述视觉识别和设计系统。它的目标很明确:给 Agent 一个持久、…
「OpenUI」面向生成式 UI 的开源标准:让模型流式生成可控 React 界面
OpenUI 是一个面向 Generative UI 的开源全栈框架,目标是让模型不只输出文本,而是能够流式生成结构化、可渲染、可约束的界面。 它的核心是 OpenUI Lang:…
「Anime.js」68k Star 的轻量 JavaScript 动画引擎,V4 继续进化
Anime.js 是前端社区非常知名的 JavaScript 动画库,主打轻量、快速、多用途和简单但强大的 API。它可以驱动 CSS 属性、SVG、DOM attributes …
「boneyard」自动从真实 UI 生成像素级 Skeleton Loading
boneyard 是一个自动生成 skeleton loading 的开源框架,目标是解决手写骨架屏最麻烦的问题:手动量尺寸、调位置、改布局后还要同步更新占位效果。 它会从你的真实…
「Pretext」纯 JS/TS 多行文本测量与排版库:不碰 DOM 也能算高度
Pretext 是 chenglou 开源的纯 JavaScript/TypeScript 文本测量与排版库,主打快速、准确、覆盖多语言场景。它可以在不触发 DOM layout …
「Navbar Gallery」专门收集导航栏设计灵感:下拉、Mega Menu、侧边栏都有
Navbar Gallery 是一个非常垂直的设计灵感库,专门收集网站导航栏案例。它的定位不是泛泛的网页截图站,而是聚焦在 navbar 这个高频组件上,适合设计师、前端、独立开发…
「landing.love」收录 2000+ 动画网站的设计灵感库:带全页视频录屏
landing.love 是一个专门收集优秀动画网站的设计灵感库,目前首页显示已收录 2038 个案例。和普通截图站不同,它主打 full-page video recording…