nolly-studio/cult-ui

これは何？

主な機能

• 01shadcn/uiプロジェクトに導入できる、150種類以上のアニメーション付きコンポーネント
• 02shadcn CLIでインストールすると、ソースコードがプロジェクトにコピーされる
• 03Tailwind CSS v4とshadcnのテーマトークンを使用
• 04大半のコンポーネントのアニメーションにMotionを使用
• 05コーディングエージェント向けに、llms.txt形式とページごとのMarkdown形式でドキュメントを提供
• 06エディターからコンポーネントを検索・インストールできるMCPサーバー

ユースケース

• Next.jsのランディングページに、カード、地球儀、ダッシュボードなど、洗練されたアニメーション付きセクションを追加する
• アニメーションコードを一から書かずに、shadcn/uiアプリのインターフェースの動きを試作する
• MCPサーバーを通じて、AIコーディングアシスタントにUIコンポーネントを検索・インストールさせる

クイックスタート

1. 1

   registry URL を指定して shadcn CLI でコンポーネントをインストールします

   npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json
2. 2

   または components.json に @cult-ui 名前空間を登録してから、名前を指定してインストールします

   npx shadcn@latest add @cult-ui/shift-card

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

• !コンポーネントは Tailwind CSS v4 を使用する shadcn/ui プロジェクト向けに設計されており、そのほとんどで Motion ライブラリを使用します。

トピック

よくある質問

cult-ui とは？

shadcn/uiプロジェクトへの導入を想定した、Tailwind CSSとMotion製のMITライセンスのReactアニメーションコンポーネント集。 Cult UIは、shadcn/uiを使うReactプロジェクト向けに、150種類以上のアニメーション付きUIコンポーネントを提供します。各コンポーネントはshadcn/uiのレジストリアイテムとして公開されており、shadcn CLIでソースコードをプロジェクトにコピーするため、コードを直接所有して編集できます。

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

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

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

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

cult-ui は何に使えますか？

Next.jsのランディングページに、カード、地球儀、ダッシュボードなど、洗練されたアニメーション付きセクションを追加する アニメーションコードを一から書かずに、shadcn/uiアプリのインターフェースの動きを試作する MCPサーバーを通じて、AIコーディングアシスタントにUIコンポーネントを検索・インストールさせる

cult-ui のインストール方法は？

registry URL を指定して shadcn CLI でコンポーネントをインストールします: npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json または components.json に @cult-ui 名前空間を登録してから、名前を指定してインストールします: npx shadcn@latest add @cult-ui/shift-card

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

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