Sonner

组件与交互 · Emil Kowalski打开网站 ↗

Sonner 首屏截图
截于 2026 年 10 月,1440 宽

值得学的地方

  1. 标题背后叠着几层浅色卡片,本身就在演示轻提示是怎么叠起来的。
  2. 一黑一白两个按钮并排,黑色那个是主操作:点了就弹出一条轻提示。
  3. 安装命令和用法代码紧跟在首屏下面,灰底等宽字,复制就能用。

这一页里的界面词

想让 AI 做出这种感觉,可以这样说

给一个 React 组件做介绍页:白底,居中一个很大的粗体组件名,下面一句说明。标题背后叠三层浅色圆角卡片,暗示组件效果。下面一黑一白两个按钮并排,黑色按钮点了会真的弹出一条轻提示。再往下是灰底等宽字的安装命令和用法代码块,右上角有复制按钮。

⌘K搜索知识库

最近收录

正在载入知识索引…