ちょこっとDrop。
世界が咲く。

Drop a little, bloom a lot.

インストール不要・30秒で体験
手元の画像・動画・3Dモデルを配置。アカウントや生成サービスの設定は不要です

🎮 今すぐ試す

ブラウザで、今すぐ触れる

全画面で開く →
キーボード: @で起動 / Tabでフォーカス移動 / Enterで実行

手元の素材で、はじめよう

  1. デモを開く
  2. 「Import」で画像・動画・GLBを選ぶ
  3. 自動でシーンに配置される
ローカル起動・Codex・Claude Code連携の手順 →

生成した素材も、普段のツールから保存して使えます。

🎮

デモで触って感覚をつかむ

インストール不要でブラウザで体験。
ブックマークレットで既存サイトにも。
まずは触って、雰囲気を感じてみよう。

🔧

気に入ったらプロジェクトに導入

npm install で自分のThree.jsプロジェクトに。
SDK組み込みで本格的に活用。
開発環境に合わせて柔軟に対応。

いつもの制作ツールとつなぐ

お好きなAI・MCP・CLIで作った素材を配置。
Codex・Claude Codeから呼べるローカルMCPも。
接続方法を見る →

🍫 ブックマークレットで試す

ローカルdaemonを起動して、Three.jsのサンプルサイトで今すぐ試せます。

📖 ブックマークレット登録ページへ

⚠️ 制限: 対象サイトの構成によって利用できない場合があります。まずは上のBasicデモでファイル配置をお試しください。

開発者向けドキュメント

npm install chocodrop で、あなたのプロジェクトにも導入できます。

📚 README 📖 Docs 📦 npm