组件
shadcn/ui — 在新标签页打开
可定制的界面组件与区块，可用于自己的项目。
Trivosite / 开源资源
好工具，
助你 动手实现。
为下一个网站寻找开源工具与设计参考。用工具实现想法，或从原始设计目录中研究视觉方向。
工具架
从这里开始。
- 无障碍界面
Radix Primitives — 在新标签页打开
无预设样式的基础界面组件，涵盖对话框、菜单、提示和日常控件。
- 样式
Tailwind CSS — 在新标签页打开
以工具类为主的 CSS 框架，用于布局、排版和响应式界面。
- 动画
Motion — 在新标签页打开
支持过渡、手势、弹簧和滚动联动效果的动画工具。
- 滚动
Lenis — 在新标签页打开
平滑滚动工具，可将页面滚动与网站视觉场景连接起来。
- 动画
Anime.js — 在新标签页打开
用于 CSS 属性、SVG、DOM 属性和时间轴的 JavaScript 动画工具。
- SVG 图标
Lucide — 在新标签页打开
风格统一的线性图标，可调整尺寸、颜色和描边，用于网站与应用。
- SVG 图标
Tabler Icons — 在新标签页打开
提供线性和填充图标，支持 SVG 与常用框架。
- 网页 3D
Three.js — 在新标签页打开
用于创建 3D 场景、材质与交互视觉体验的 JavaScript 库。
- 网站设计
Landbook — 在新标签页打开
通过精选网站案例，比较页面构图、字体排版和区块节奏。
视觉参考 · 须遵循原站使用条款 - 应用界面
Mobbin — 在新标签页打开
研究手机与网页应用界面，规划导航、引导和常见产品状态。
视觉参考 · 须遵循原站使用条款 - 产品流程
Refero — 在新标签页打开
设计后台、注册和账号流程时，可对照真实产品界面与用户路径。
视觉参考 · 须遵循原站使用条款 - 品牌视觉
Brandguidelines.net — 在新标签页打开
浏览精选品牌指南，为页面规划统一的视觉形象。
视觉参考 · 须遵循原站使用条款