nank1ro/flutter-shadcn-ui

これは何？

主な機能

• 01ボタン、カード、ダイアログ、フォームなど、shadcn/uiのコンポーネントをFlutterに移植しています。
• 02各ウィジェットで色、サイズ、動作のスタイル設定を変更できます。
• 03日付ピッカー、時刻ピッカー、input OTP、カレンダー、リサイズ可能なレイアウトを備えています。
• 04各コンポーネントのサンプルを含むインタラクティブなドキュメントを提供しています。
• 05pub.devでshadcn_uiパッケージとして配布されています。

ユースケース

• すべてのウィジェットを一からデザインせずに、モダンなshadcn風のUIを備えたFlutterアプリを構築する。
• input、select、checkbox、日付ピッカーの各コンポーネントを使ってフォームを作成する。
• 統一感のあるデザインで、Flutterアプリにトースト、ダイアログ、シートを追加する。

使う前に知っておきたいこと

• !Carousel、Data Table、Navigation Menu、Pagination、Toggle など、まだ移植されていない shadcn/ui コンポーネントがいくつかあります。

収録されている特集

トピック

よくある質問

flutter-shadcn-ui とは？

shadcn/uiをFlutterに移植し、Flutterアプリ向けのカスタマイズ可能なUIコンポーネントを提供します。 Flutter ShadcnUIは、shadcn/uiのデザインシステムをFlutterに導入します。ボタン、カード、ダイアログ、フォーム、日付・時刻ピッカー、タブ、テーブル、トースト、シートなど、shadcnらしいデザインのウィジェットをそろえています。

flutter-shadcn-ui は無料で使えますか？ライセンスは？

flutter-shadcn-ui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

flutter-shadcn-ui は今もメンテナンスされていますか？

活発にメンテナンス中。flutter-shadcn-ui の最終コミットは 2026年11月7日 です。

flutter-shadcn-ui は何に使えますか？

すべてのウィジェットを一からデザインせずに、モダンなshadcn風のUIを備えたFlutterアプリを構築する。 input、select、checkbox、日付ピッカーの各コンポーネントを使ってフォームを作成する。 統一感のあるデザインで、Flutterアプリにトースト、ダイアログ、シートを追加する。

flutter-shadcn-ui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/nank1ro/flutter-shadcn-ui