[
  {
    "name": "inside-pov-carousel",
    "type": "registry:component",
    "title": "InsidePovCarousel",
    "description": "内側視点のリングカルーセル — 中心に立って、周囲を回るカードを見渡します。純粋な CSS 3D、ドラッグ慣性、奥行きの陰影。"
  },
  {
    "name": "glass-bottom-tab-bar",
    "type": "registry:component",
    "title": "GlassBottomTabBar",
    "description": "iOS アプリ風の浮遊ガラスボトムタブバー — すりガラスとパステルの発光、スプリングで移動するアクティブピル、SVG マスクでくり抜いたアイコン。モバイル幅専用。"
  },
  {
    "name": "glass-bottom-sheet",
    "type": "registry:component",
    "title": "GlassBottomSheet",
    "description": "GlassBottomTabBar と同じトンマナのモバイル用ボトムシートモーダル — すりガラスとパステルの発光、スプリングでせり上がり、下スワイプ・背景タップ・Escape で閉じる。フォーカストラップ付き。"
  },
  {
    "name": "glass-toast",
    "type": "registry:component",
    "title": "GlassToast",
    "description": "GlassBottomTabBar と同じトンマナの Dynamic Island 風トースト通知 — すりガラスのカプセルが上からスプリングで降り、時間経過・上スワイプ・× で閉じる。ホバー中は自動クローズを一時停止。"
  },
  {
    "name": "glass-segmented-control",
    "type": "registry:component",
    "title": "GlassSegmentedControl",
    "description": "GlassBottomTabBar と同じトンマナのセグメントコントロール — すりガラスのカプセルに、スプリングで移動するレンズのピル。radiogroup として矢印キーで選択でき、アイコンも付けられます。"
  },
  {
    "name": "glass-switch",
    "type": "registry:component",
    "title": "GlassSwitch",
    "description": "iOS サイズのガラストグル — すりガラスのトラックがオンでピンク→ラベンダーに発光し、白いガラスの玉がスプリングで移動、押している間は iOS のように伸びる。ラベル付きで設定行レイアウトにも。"
  },
  {
    "name": "glass-slider",
    "type": "registry:component",
    "title": "GlassSlider",
    "description": "iOS コントロールセンター風のガラススライダー — 太いすりガラスのカプセルにピンク → ラベンダーに光る塗り、レンズのつまみ、トラック内アイコン。どこからでもドラッグでき、押下中はふにっとつぶれる。キーボード操作対応。"
  },
  {
    "name": "glass-fab-menu",
    "type": "registry:component",
    "title": "GlassFabMenu",
    "description": "GlassBottomTabBar と同じトンマナの浮遊ガラス FAB メニュー — ＋ が × に回転し、背景を暗くぼかしてアクションを縦積みのピルか扇形にスプリングで展開。矢印キー・Escape 対応の menu ボタン。"
  },
  {
    "name": "glass-top-bar",
    "type": "registry:component",
    "title": "GlassTopBar",
    "description": "GlassBottomTabBar と対になる iOS 風の浮遊ガラストップバー — 戻るボタン・中央タイトル・右のアクション。最上部では透明で、スクロールに合わせてすりガラスとパステルの発光が現れる。下スクロールで隠すことも可能。"
  },
  {
    "name": "aurora-background",
    "type": "registry:component",
    "title": "AuroraBackground",
    "description": "ゆっくり漂うオーロラ / メッシュグラデーションの背景 — ぼかした光のブロブをスクリーン合成、フィルムグレインと周辺フェード付き。ヒーローセクションの中身を上に重ねられる純粋な CSS。"
  },
  {
    "name": "text-scramble",
    "type": "registry:component",
    "title": "TextScramble",
    "description": "文字がランダムなグリフを経て左から順に確定する「デコード」テキスト。表示時・ホバー・フレーズのループに対応し、日本語もガタつかずに組めます。"
  },
  {
    "name": "spotlight-card",
    "type": "registry:component",
    "title": "SpotlightCard",
    "description": "Linear / Vercel 風のスポットライトカード — ポインターを追う放射状の光が 1px の枠線と面を照らします。SpotlightGrid で包むと、近づいた隣のカードの枠線まで光ります。純粋な CSS + rAF。"
  },
  {
    "name": "tilt-card",
    "type": "registry:component",
    "title": "TiltCard",
    "description": "Apple TV のポスターやホロカードのような 3D パララックスカード — ポインターに向かってスプリングで傾き、反対側へ流れるグレア、虹色のホログラム箔、translateZ で浮き出るレイヤー。待機中はゆっくり揺れます。"
  },
  {
    "name": "magnetic-button",
    "type": "registry:component",
    "title": "MagneticButton",
    "description": "アワードサイト風のマグネティック CTA — ポインターが近づくとスプリングで引き寄せられ、ラベルは枠より大きく動く視差つき。ホバーで入った点から色が円形に広がり文字色が反転する。"
  },
  {
    "name": "border-beam",
    "type": "registry:component",
    "title": "BorderBeam",
    "description": "ボーダーを光のビームが一周する、流行りのフレーム。ボタン・リンク・告知チップ・カードや入力欄を包むラッパーで、ビーム / レインボー / パルスの 3 種とグロー・シマーを備えた純 CSS 実装。"
  },
  {
    "name": "magnify-dock",
    "type": "registry:component",
    "title": "MagnifyDock",
    "description": "macOS 風の拡大ドック — ポインタに近いタイルほどスプリングで大きくなり、ラベルが上にポップ。キーボードフォーカスでも拡大し、タッチではタップ縮小に切り替わります。"
  },
  {
    "name": "infinite-marquee",
    "type": "registry:component",
    "title": "InfiniteMarquee",
    "description": "継ぎ目なく流れ続けるマーキー — ロゴウォール、レビューの帯、傾いた色帯のキネティックテキスト。中身を測って px/s 一定で流し、端は mask でフェード。純粋な CSS アニメーション。"
  },
  {
    "name": "bento-grid",
    "type": "registry:component",
    "title": "BentoGrid",
    "description": "Apple / Linear 風のベントーグリッド — サイズの異なる角丸タイルを敷き詰めた機能紹介。タイルごとのアクセント色、ホバーで浮き上がる光、スクロールで順に出現。コンテナクエリで 4 → 2 → 1 列。純粋な CSS。"
  },
  {
    "name": "text-reveal",
    "type": "registry:component",
    "title": "TextReveal",
    "description": "見出しを単語（英語）・文字（日本語）に分けて、ブラー・フェード・スライド・マスクで時間差に浮かび上がらせるテキスト。表示時・ループ・スクロール連動（Apple 風の段落ハイライト）に対応。"
  },
  {
    "name": "shiny-text",
    "type": "registry:component",
    "title": "ShinyText",
    "description": "光の帯が走るシマー、色が流れるグラデーション、発光するオーロラ、クロムのメタリック。background-clip: text だけで動く、流行りのグラデーションテキスト。"
  },
  {
    "name": "number-ticker",
    "type": "registry:component",
    "title": "NumberTicker",
    "description": "LP の実績数値をアニメーションで見せる数字コンポーネント。滑らかなカウントアップと、桁ごとに数字が回る空港の発着案内板風オドメーターの 2 スタイル。スクロールで表示されたときに開始し、値の変更にも追従します。"
  },
  {
    "name": "dot-grid-background",
    "type": "registry:component",
    "title": "DotGridBackground",
    "description": "ポインターに反応するドットマトリクス背景 — 近くのドットがふくらみ、アクセント色に光り、ばねで押しのけられる。流れるウェーブとクリックの波紋付き。Canvas 2D で描画し、画面外や静止中は停止。"
  },
  {
    "name": "orbiting-icons",
    "type": "registry:component",
    "title": "OrbitingIcons",
    "description": "「連携サービス」ヒーロー用の軌道ビジュアル — 中央のロゴの周りを、ガラスのアイコンチップが同心円の軌道に沿って回ります。アイコンは常に正立、ときどき中央へ光のビームが走る。純粋な CSS アニメーション。"
  },
  {
    "name": "hover-nav",
    "type": "registry:component",
    "title": "HoverNav",
    "description": "Vercel / Linear 風のトップナビ — ホバーやキーボードフォーカスに合わせて柔らかなハイライトがスプリングで滑り、現在のページにはドット / 下線が残ります。フローティングのピルとフラットの 2 スタイル。"
  },
  {
    "name": "swipe-card-stack",
    "type": "registry:component",
    "title": "SwipeCardStack",
    "description": "重なったカードを左右にスワイプして送るカードスタック — お客様の声・オンボーディング・マッチングアプリ風。ドラッグの方向に傾き、LIKE / NOPE スタンプが浮かび、後ろのカードがバネでせり上がります。ボタンと ← / → キーでも同じ動き。framer-motion。"
  },
  {
    "name": "spinning-box",
    "type": "registry:component",
    "title": "SpinningBox",
    "description": "最小構成の react-three-fiber シーン — standard マテリアルの回転する立方体。WebGL 描画経路の動作確認用。"
  }
]
