Sonner の代替サイト
Sonner と同じことができる 8 サイトを並べて比較。すべて手作業で選んだ、コード付きの単機能コンポーネント。
比較の基準Sonner
Emil Kowalski によるトースト。重なって広がる動きは定番になり、shadcn のトーストにも採用。
詳細を開く →| サイト | コード | 料金 | 保存数 |
|---|---|---|---|
| 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 のようなアクセシブルな土台の上に作られているか確認しましょう。
向いている用途
- 新しいアプリを素早く始める
- フォーム・ダイアログ・メニュー
- コピーしたコードを自分のものにする
