资源
精选开源素材与参考实现的目录，也是相关网站的来源导航：每条资源都标明原站与 license，只外链、不打包。
全部为外部链接引用：本站不打包、不再分发这些资源，权利归各自权利方。许可标注以各项目仓库的 LICENSE 原文为准。
- 001 Component libraries & asset libraries Ant Design（蚂蚁） ↗ 国内中后台的事实标准：表格、表单、列表都是行业参照物。 MIT · Ant Group · 免费（MIT）
- 002 Component libraries & asset libraries ArkUI（鸿蒙） ↗ HarmonyOS 的官方 UI 框架底座（开源部分）：做鸿蒙界面先看它，声明式写法与 ArkTS 配套。 Apache-2.0 · OpenHarmony · 免费（Apache-2.0）
- 003 Component libraries & asset libraries Carbon（IBM） ↗ IBM 的设计系统：Token 体系与数据密集型界面的标杆，后台产品必读参考。 Apache-2.0 · IBM · 免费（Apache-2.0）
- 004 Component libraries & asset libraries Chakra UI ↗ 以可访问性为底线的 React 组件库：样式用 props 写，上手快。 MIT · Chakra UI · 免费（MIT）
- 005 Component libraries & asset libraries dotLottie 运行时 ↗ Lottie 的现代运行时：一个 .lottie 文件打包动画与资源，各端播放一致。 MIT · LottieFiles · 免费（MIT）
- 006 Component libraries & asset libraries flutter-shadcn-ui ↗ 把 shadcn/ui 的组件语言搬进 Flutter：同一套设计，两端落地。 MIT · flutter-shadcn-ui · 免费（MIT）
- 007 Component libraries & asset libraries Forui（Flutter） ↗ 给 Flutter 用的极简风组件库，气质接近 shadcn，桌面与移动通吃。 MIT · Forui · 免费（MIT）
- 008 Component libraries & asset libraries GetWidget（Flutter） ↗ Flutter 老牌组件库，组件数量多、文档全，列表与卡片是强项。 MIT · GetWidget · 免费（官网标注 MIT，未复核）
- 009 Component libraries & asset libraries gluestack-ui ↗ 可复制源码的跨端组件库（React Native / Web），思路与 shadcn 相近。 MIT · gluestack · 免费（MIT）
- 010 Component libraries & asset libraries Google Fonts 字体库 ↗ 1,900+ 开源字体家族在线试排：按分类、语言与可变字体筛选，中英文字体搭配先来这里试。 NOASSERTION · Google · 免费 · 仅参考外链 · 不打包
- 011 Component libraries & asset libraries Inter 字体 ↗ 为屏幕而生的西文字体：界面里的英文和数字用它基本不会错，本站正文字体。 OFL-1.1 · Rasmus Andersson · 免费（OFL-1.1）
- 012 Component libraries & asset libraries JetBrains Mono 等宽字体 ↗ 代码与数字的等宽字体：本站代码字体，数字滚动时不跳宽靠它。 OFL-1.1 · JetBrains · 免费（OFL-1.1）
- 013 Component libraries & asset libraries LottieFiles 免费动画库 ↗ 最大的 Lottie 动画集市：免费库可商用，下载 JSON 就能在 App 和网页里播。 NOASSERTION · LottieFiles · 免费库可用（Lottie 简单许可）
- 014 Component libraries & asset libraries Lucide 图标 ↗ 最干净的一套线性图标：线宽统一、风格克制，Web 与 App 都能用，本站图标首选参照。 ISC · Lucide · 免费（ISC）
- 015 Component libraries & asset libraries Magic UI 动效组件 ↗ React + Tailwind 的动效组件集：跑马灯、光晕、数字滚动都有，本站效果库的重要参考生态。 MIT · Magic UI · 免费（MIT）
- 016 Component libraries & asset libraries Mantine ↗ React 组件与 hooks 大礼包：100+ 组件，连日期选择这种难啃的都有。 MIT · Mantine · 免费（MIT）
- 017 Component libraries & asset libraries Material Symbols 图标 ↗ Google 的可变图标字体：粗细、填充可调，Android 与 Material 体系项目的默认图标。 Apache-2.0 · Google · 免费（Apache-2.0）
- 018 Component libraries & asset libraries Motion 动画引擎 ↗ 现代 Web 动画引擎（Framer Motion 的延续）：声明式动画、滚动驱动、手势都拿手。本站动效只用这类 MIT 引擎，不用 GSAP。 MIT · Motion · 免费（MIT）
- 019 Component libraries & asset libraries MUI（Material UI） ↗ React 生态最老牌的 Material 组件库：组件全、文档厚、AI 生成命中率最高之一。 MIT · MUI · 免费（MIT，核心）
- 020 Component libraries & asset libraries NativeWind ↗ 让 React Native 用上 Tailwind 的写法：类名写样式，原生端终于和 Web 端一个心智。 MIT · NativeWind · 免费（MIT）
- 021 Component libraries & asset libraries Open Doodles 插画 ↗ 手绘风免费插画：涂鸦人物与场景，空状态和引导页的常用粮草。 CC0-1.0 · Pablo Stanley · 免费（CC0）
- 022 Component libraries & asset libraries Open Peeps 人物插画 ↗ 可拼装的人物插画系统：脸、发型、姿势自由组合，人物一致性难题的现成解。 CC0-1.0 · Pablo Stanley · 免费（CC0）
- 023 Component libraries & asset libraries Paper Shaders 着色器 ↗ 现成的 WebGL 着色器背景：网格渐变、波纹、光晕，不写 GLSL 也能用高级背景。 Apache-2.0 · Paper · 免费（Apache-2.0）
- 024 Component libraries & asset libraries Primer（GitHub） ↗ GitHub 自家设计系统：克制、工程化，面包屑与数据展示值得抄作业。 MIT · GitHub · 免费（MIT）
- 025 Component libraries & asset libraries Radix UI（无样式原语） ↗ 只管行为不管长相的组件原语：弹层、菜单、开关的键盘与焦点处理都替你做好了。 MIT · WorkOS · 免费（MIT）
- 026 Component libraries & asset libraries shadcn/ui 组件库 ↗ 不是装进项目的库，而是把组件源码复制进你自己的仓库——改起来毫无阻力，AI 也最熟它。 MIT · shadcn · 免费（MIT）
- 027 Component libraries & asset libraries Simple Icons 品牌图标 ↗ 各大品牌 logo 的单色 SVG 合集：放「支持的平台/合作方」时用它，别自己描品牌 logo。 CC0-1.0 · Simple Icons · 免费（CC0）
- 028 Component libraries & asset libraries 思源黑体 Source Han Sans ↗ 中日韩统一黑体：中文界面字体的稳妥选择，字重齐全，开源可商用。 OFL-1.1 · Adobe & Google · 免费（OFL-1.1）
- 029 Component libraries & asset libraries SwiftUIX ↗ 给 SwiftUI 补齐缺失的系统级组件，iOS 原生开发的常用扩展库。 MIT · SwiftUIX · 免费（MIT）
- 030 Component libraries & asset libraries Tabler Icons 图标 ↗ 4000+ 线性图标，数量与质量兼备，后台产品用它基本不用再找第二套。 MIT · Tabler · 免费（MIT）
- 031 Component libraries & asset libraries Tamagui ↗ 一套代码同时跑 Web 和 React Native，样式在编译期优化，跨端项目的种子主力。 MIT · Tamagui · 免费（MIT）
- 032 Component libraries & asset libraries TDesign（腾讯） ↗ 腾讯出品的全栈设计系统：Web、移动、小程序、桌面都有，国内生态最完整的一套。 MIT · Tencent · 免费（MIT）
- 033 Component libraries & asset libraries tsParticles 粒子引擎 ↗ 老牌粒子背景引擎：星空、雪花、连线网络，配置即生成，性能可控。 MIT · tsParticles · 免费（MIT）
- 034 Component libraries & asset libraries Uiverse 社区效果库 ↗ 社区共创的 CSS 效果大集市：按钮、加载、卡片效果数千个，找灵感和看实现都方便。 MIT · Uiverse · 免费（MIT，逐条以页面标注为准）
- 035 Templates AdminLTE 后台模板 ↗ Bootstrap 系后台模板的常青树：稳重、齐全，企业内部系统常用。 MIT · AdminLTE · 免费（MIT）
- 036 Templates Astro Paper 博客模板 ↗ 极简博客模板的范本：排版干净、性能满分，写博客直接开用。 MIT · satnaing · 免费（MIT）
- 037 Templates AstroWind 落地页模板 ↗ Astro + Tailwind 的落地页与博客范式：Hero、特性、定价、FAQ 一应俱全。 MIT · onWidget · 免费（MIT）
- 038 Templates Figma 免费模板精选 ↗ UI Kit、线框 kit、图标集与设计系统起步文件的精选清单，标注每个文件的确切获取位置。 NOASSERTION · UI Guides · 免费为主 · 仅参考外链 · 不打包
- 039 Templates React Native 模板（Obytes） ↗ Expo 移动 App 的生产级脚手架：导航、状态、表单、测试都预置好，移动模板的分层标杆。 MIT · Obytes · 免费（MIT）
- 040 Templates Penpot 官方模板文件库 ↗ 少有的原生设计文件批量来源：能直接下 .penpot 文件拆解学习，模板入库的种子。 CC-BY-4.0 · Penpot · 免费（CC BY 4.0）
- 041 Templates shadcn-admin 后台模板 ↗ shadcn/ui 拼出的完整后台：仪表盘、设置、聊天页都有，拆开就是现成的页面范式。 MIT · satnaing · 免费（MIT）
- 042 Templates shadcn 落地页模板 ↗ shadcn/ui 拼的标准落地页：区块拆分清楚，照着区块清单就能拼自己的营销页。 MIT · leoMirandaa · 免费（MIT）
- 043 Templates Tabler 后台模板 ↗ 老牌免费后台模板：页面量级大、完成度高，后台项目可以直接站在它肩膀上。 MIT · Tabler · 免费（MIT）
- 044 Design specifications Apple 人机界面指南 HIG（仅参考） ↗ iOS 设计的官方规范：只读、只参考。本站绝不打包 Apple 官方套件与 SF Pro 字体。 NOASSERTION · Apple · 免费查阅（仅参考） · 仅参考外链 · 不打包
- 045 Design specifications Fluent 2（微软） ↗ 微软的设计语言：桌面与办公场景的规范参照，Token 与主题做法值得学。 MIT · Microsoft · 免费（MIT） · 仅参考外链 · 不打包
- 046 Design specifications Gestalt（Pinterest） ↗ Pinterest 的设计系统：瀑布流 Masonry 的出处，图片型产品的排布参照。 Apache-2.0 · Pinterest · 免费（Apache-2.0） · 仅参考外链 · 不打包
- 047 Design specifications HarmonyOS 设计指南（仅参考） ↗ 鸿蒙官方设计指南：只读、只参考。官方资源在取得书面许可前不打包，本站鸿蒙条目为自绘示意 + 规范要点。 NOASSERTION · Huawei · 免费查阅（仅参考） · 仅参考外链 · 不打包
- 048 Design specifications Material Design 3 规范 ↗ Google 的设计语言全文：Android 与跨端项目的规范源头，Token 体系的参照系。 Apache-2.0 · Google · 免费（代码 Apache-2.0） · 仅参考外链 · 不打包
- 049 Design specifications Material Design 入门导览 ↗ Google Material 体系的导读：主题、色彩角色、组件与动效规范，配实现提示，适合快速建立框架。 NOASSERTION · CodePath Guides · 免费 · 仅参考外链 · 不打包
- 050 Design specifications WCAG 2.2 无障碍规范 ↗ 无障碍的国际标准原文：对比度、焦点、目标尺寸的数字都出自这里。 NOASSERTION · W3C · 免费查阅（W3C 文档许可） · 仅参考外链 · 不打包
- 051 Design specifications WCAG 无障碍标准 ↗ 对比度、焦点、目标尺寸的国际标准入口：做无障碍别靠感觉，条文在这里可查可引。 NOASSERTION · W3C WAI · 免费 · 仅参考外链 · 不打包
- 052 Tools Animista 动画预设 ↗ CSS 动画预设原型站：点选预设、调参数、复制代码，入场/强调动画的灵感库。 NOASSERTION · Animista · 免费使用（站内许可）
- 053 Tools Coolors 配色生成器 ↗ 空格连打生成配色的国民工具：锁定主色再迭代，导出色板给设计与开发共用。 NOASSERTION · Coolors · 免费为主 · 仅参考外链 · 不打包
- 054 Tools CSS Loaders 加载动画集 ↗ 纯 CSS 加载动画合集：600+ 个 spinner 与 loader，复制一段 CSS 就能用。 MIT · CSS Loaders · 免费（MIT）
- 055 Tools Easings 缓动速查 ↗ 30 种缓动函数的可视化对照：点开任意一条看曲线、动画预览与 CSS / 代码实现。 NOASSERTION · easings.net · 免费 · 仅参考外链 · 不打包
- 056 Tools Iconify 图标检索底座 ↗ 把上百套图标集统一成一个检索与调用接口：工作台找图标的中枢。 MIT · Iconify · 免费（MIT 框架，各图标集许可独立）
- 057 Reference only bolt.diy（开源 AI 建站） ↗ 开源 AI 建站工具：它的系统提示词（prompts.ts）是学「怎么让 AI 写界面」的最佳范本。 MIT · StackBlitz Labs · 免费（MIT） · 仅参考外链 · 不打包
- 058 Reference only Figma 入门学习资源 ↗ 从官方 Playground 文件到系统课程的路径整理，按「练什么技能」而不是按热度排。 NOASSERTION · UI Guides · 免费为主 · 仅参考外链 · 不打包
- 059 Reference only LangGPT 提示词结构 ↗ 像写代码一样写提示词的结构框架：角色、规则、工作流分节——本站七段式与它同源同理。 Apache-2.0 · LangGPT · 免费（目录标注 Apache-2.0，未复核） · 仅参考外链 · 不打包
- 060 Reference only Laws of UX 定律索引 ↗ 定律官网的全量索引：30 条原则逐条链接到定义、要点与延伸阅读，查一条只要十秒。 NOASSERTION · Jon Yablonski · 免费 · 仅参考外链 · 不打包
- 061 Reference only Laws of UX 全解 ↗ 28 条定律的图文讲解版：每条给定义、来源与网页设计中的实际例子，适合系统补课。 NOASSERTION · Nulab Learn · 免费 · 仅参考外链 · 不打包
- 062 Reference only Mobbin 模式库导览 ↗ 真实上线产品的界面模式库如何用：按屏、按元素、按流程检索，找参考别再翻截图文件夹。 NOASSERTION · Liuhuo Stack · 免费导览 · 仅参考外链 · 不打包
- 063 Reference only NN/g 文章库 ↗ 可用性研究的源头：十大原则、用户研究方法、眼动与表单研究，评审时引依据来这里。 NOASSERTION · Nielsen Norman Group · 免费 · 仅参考外链 · 不打包
- 064 Reference only Open Lovable ↗ 开源版 AI 建站流程：从一句话到可预览网站的全链路，学流程拆解看它。 MIT · Firecrawl · 免费（MIT） · 仅参考外链 · 不打包
- 065 Reference only unDraw 插画（仅外链） ↗ 最知名的开源风插画站：本站仅外链参考，不打包、不再分发其文件。 NOASSERTION · unDraw · 免费使用（站内条款，不可再分发） · 仅参考外链 · 不打包
- 066 Reference only UX 定律实例讲义 ↗ 10 条核心定律的极简版讲义，每条都落到可执行的检查动作，适合评审前速览。 NOASSERTION · UXfolio Blog · 免费 · 仅参考外链 · 不打包
- 067 Reference only 站酷设计导航 ↗ 国内设计师的精选导航：作品、课程、赛事与资源入口，找中文语境的灵感与同行作品。 NOASSERTION · 站酷 ZCOOL · 免费 · 仅参考外链 · 不打包