huntabyte/shadcn-svelte

これは何？

主な機能

• 01ブラックボックスのパッケージをインストールするのではなく、コンポーネントのソースコードをコピーして使えます。
• 02アクセシビリティとカスタマイズ性を考慮して設計されたコンポーネントです。
• 03SvelteKitとSvelte 5のプロジェクト向けです。
• 04Tailwind CSSでスタイリングされています。
• 05独自のコンポーネントライブラリを構築するための土台として使えます。

ユースケース

• すぐに使えて編集もできるコンポーネントを使い、SvelteKitアプリケーションのUIを構築する。
• Svelteをベースに、社内デザインシステムやコンポーネントライブラリを作成する。
• ダイアログ、フォーム、メニューを一から実装せずに追加する。

クイックスタート

1. 1

   まずドキュメントサイトにアクセスしてください

2. 2

   ドキュメントでインストールガイドをお読みください

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

• !非公式のコミュニティ移植版であり、shadcn/ui とは関係ありません。
• !コンポーネントはバージョン管理されたパッケージとしてインストールするのではなく、プロジェクトにコピーします。

トピック

よくある質問

shadcn-svelte とは？

shadcn/uiをSvelteに移植した非公式プロジェクト。アクセシブルでカスタマイズ可能なコンポーネントを自分のアプリにコピーして使えます。 shadcn-svelteは、shadcn/uiのアプローチをSvelteに取り入れたプロジェクトです。コンポーネントパッケージをインストールするのではなく、コンポーネントのソースコードをプロジェクトにコピーし、必要に応じて変更できます。コンポーネントはアクセシビリティとカスタマイズ性を考慮して作られており、自分でコンポーネントライブラリを構築するための土台として位置づけられています。

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

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

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

活発にメンテナンス中。shadcn-svelte の最終コミットは 2026年10月20日 です。

shadcn-svelte は何に使えますか？

すぐに使えて編集もできるコンポーネントを使い、SvelteKitアプリケーションのUIを構築する。 Svelteをベースに、社内デザインシステムやコンポーネントライブラリを作成する。 ダイアログ、フォーム、メニューを一から実装せずに追加する。

shadcn-svelte のインストール方法は？

まずドキュメントサイトにアクセスしてください ドキュメントでインストールガイドをお読みください

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

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