Shadcn UIはFlutterに移植されました。 FlutterのUIコンポーネントは素晴らしいです。完全にカスタマイズ可能です。

ドキュメント

コンポーネントとやり取りし、コードを確認できるドキュメントを参照してください。

エージェント・スキルズ

このプロジェクトには以下でエージェントスキルをインストールできます:

進歩

進捗をX(Twitter)でフォローしてください

• [x] アコーディオン
• [x] 警報
• [x] パンくず
• [x] 対話
• [x] アバター
• [x] バッジ
• [x] ボタン
• [x] アイコンボタン
• [x] カレンダー
• [x] カード
• [ ] カルーセル
• [x] チェックボックス
• [ ] 折りたたみ式
• [x] コンボボックス
• [ ] 指揮
• [x] コンテキストメニュー
• [ ] データテーブル
• [x] デート・ピッカー
• [ ] 引き出し
• [x] ドロップダウンメニュー 代わりにコンテキストメニューを使おう
• [x] 形式
• [x] ホバーカードを代わりにポップオーバーを使う
• [x] 入力
• [x] 入力OTP
• [x] ラベル 代わりにテキストを使う
• [x] メニューバー
• [ ] ナビゲーションメニュー
• [ ] ページ分け
• [x] ポップオーバー
• [x] 進捗
• [x] ラジオグループ
• [x] サイズ調整可能
• [x] スクロールエリア 代わりにSingleScrollView、ListViewなどを使用してください
• [x] 選択
• [x] セパレーター
• [x] シート
• [ ] 骸骨
• [x] スライダー
• [x] ソナー
• [x] スイッチ
• [x] 表
• [x] タブ
• [x] テキストエリア
• [x] タイムピッカー
• [x] 乾杯
• [ ] トグル
• [ ] トグルグループ
• [x] ツールチップ

よくある質問

shadcn_flutterと何が違うの

Flutter ShadcnUI

Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.

Documentation

See the documentation to interact with the components and see the code.

Agent Skills

You can install the Agent Skills for this project with:

npx skills add nank1ro/flutter-shadcn-ui

Progress

Follow the progress on X (Twitter)

• [x] Accordion
• [x] Alert
• [x] Breadcrumb
• [x] Dialog
• [x] Avatar
• [x] Badge
• [x] Button
• [x] IconButton
• [x] Calendar
• [x] Card
• [ ] Carousel
• [x] Checkbox
• [ ] Collapsible