シンプル操作
ボタンやトグルなど、ユーザーが直感的に操作できるシンプルなUIコンポーネントの比較
ボタン（Button）
詳細を見る →クリックで操作を実行するボタンUIの実装比較。バリアント・サイズ・ローディング状態などの違いをインタラクティブに確認
Primary
Outline
Default
Small
Medium
Large
Disabled
Loading
MantineAnt Designshadcn/uiCSS / Tailwind
ドロップダウン（Dropdown / Select）
詳細を見る →クリックで開くアクションメニュー・単一選択・複数選択UIの実装比較。グループ化・検索・クリック外閉じなど実践的なパターンをインタラクティブに確認
操作メニュー▾
ファイル操作
📄 新規作成
💾 保存
🗑️ 削除
React▾
MantineAnt Designshadcn/uiCSS カスタム
チェックボックス・ラジオボタン（Checkbox / Radio）
詳細を見る →複数選択・単一選択・トグルスイッチUIの実装比較。グループ化・indeterminate・Radio.Button など実践的なパターンをインタラクティブに確認
React
Vue
Svelte
月
週
日
ダークモード
通知
MantineAnt Designshadcn/uiCSS カスタム