Repolode
投稿する
unovue

unovue/shadcn-vue

shadcn/uiをVue 3に移植した、Reka UIベースのコピー＆ペースト可能なカスタマイズ向けUIコンポーネント集。

GitHub で見る公式サイト
スター
10,785
フォーク
687
未解決の Issue
154
最終コミット
5 日前

これは何？

shadcn-vueは、shadcn/uiのコンポーネントアプローチをVueに取り入れたプロジェクトです。クローズドなパッケージをインストールするのではなく、コンポーネントのソースコードを自分のプロジェクトに追加し、必要に応じて変更できます。コンポーネントはカスタマイズや拡張を前提に設計されており、自分のコンポーネントライブラリの基盤としても利用できます。

shadcn/uiをVueに移植したプロジェクトで、アクセシブルかつスタイルを持たないプリミティブにはReka UI（旧 radix-vue）を使用しています。ドキュメントはshadcn-vue.comで公開されており、リポジトリはドキュメントアプリを含むモノレポです。

統一感とアクセシビリティを備え、自分で所有して自由にスタイルを変更できるUIの構成要素を求めるVueやNuxtの開発者に適しています。

主な機能

  • 01コピーして直接編集できる、自分で所有するコンポーネントのソースコード。
  • 02アクセシビリティを支えるReka UIのプリミティブをベースに構築。
  • 03Tailwind CSSをベースにしたカスタマイズに対応。
  • 04独自のコンポーネントライブラリを構築するための基盤として設計。

ユースケース

  • アクセシブルなUIコンポーネントを統一して、VueやNuxtのアプリを開発する。
  • shadcnスタイルのコンポーネントを基盤に、社内デザインシステムを構築する。
  • クローズドなライブラリに制約されず、コンポーネントのスタイルや動作をカスタマイズする。

トピック

#vue#component-library#ui-kit#accessible#tailwind-css#typescript#design-system#radix-vue#reka-ui#shadcn

よくある質問

shadcn-vue とは？
shadcn/uiをVue 3に移植した、Reka UIベースのコピー＆ペースト可能なカスタマイズ向けUIコンポーネント集。 shadcn-vueは、shadcn/uiのコンポーネントアプローチをVueに取り入れたプロジェクトです。クローズドなパッケージをインストールするのではなく、コンポーネントのソースコードを自分のプロジェクトに追加し、必要に応じて変更できます。コンポーネントはカスタマイズや拡張を前提に設計されており、自分のコンポーネントライブラリの基盤としても利用できます。
shadcn-vue は無料で使えますか？ライセンスは？
shadcn-vue は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
shadcn-vue は今もメンテナンスされていますか？
活発にメンテナンス中。shadcn-vue の最終コミットは 2026年11月3日 です。
shadcn-vue は何に使えますか？
アクセシブルなUIコンポーネントを統一して、VueやNuxtのアプリを開発する。 shadcnスタイルのコンポーネントを基盤に、社内デザインシステムを構築する。 クローズドなライブラリに制約されず、コンポーネントのスタイルや動作をカスタマイズする。
shadcn-vue はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/unovue/shadcn-vue

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト