Sonner 的替代品
和 Sonner 干同一件事的 8 个站,摆在一起比。都是人工挑选、带真代码的单项组件。
对比对象Sonner
Emil Kowalski 的 toast 组件，堆叠展开交互成了行业标准，shadcn 的 toast 用的就是它。
打开详情 →| 站点 | 拿代码 | 价格 | 收藏 |
|---|---|---|---|
| Sonner本站 | npm | 免费 | |
 c15tReact, Next.js, Vanilla JS | npm | 免费 | |
 DayFlowReact, Vue, Angular, Svelte | npm | 免费 | |
 SileoReact | npm | 免费 | |
 FrimousseReact, shadcn/ui | npm | 免费 | |
 Billing SDKReact, shadcn/ui | 注册表 | 免费 | |
 Shadcn Form BuilderReact, shadcn/ui, React Hook Form, Zod | 注册表 | 免费 | |
 SilkReact | npm | 有付费版 | |
 LifelineReact, shadcn/ui | 注册表 | 免费 |
关于组件类组件库
组件库覆盖界面里最日常的部分:按钮、输入框、对话框、菜单。较新的库让你把源码直接复制进项目,而不是装一个包,所以哪里都能改。选定之前,先看它是否建立在 Radix 这类无障碍底层组件之上。
适合用来
- 快速开一个新应用
- 表单、对话框和菜单
- 复制过来的代码归你所有
