Scrolltide

Scrolltideとは何ですか？

Scrolltideは、スクロール連動型のWebサイトテンプレートやプロンプトを提供するキュレーションライブラリです。React、Next.jsなどの主要フレームワークに対応した素材をAIツールに貼り付けて使用することで、開発者やデザイナーが独自の動きのあるサイトを構築できます。利用にはログインが必要で、詳細な機能制限については明記されていません。

Scrolltideの特徴は何ですか？

• テンプレートとセクション

  140件のフルページテンプレートや22件のセクションなど、多様なレイアウトを提供し、既存のプロジェクトに追加可能。
• コンポーネント

  ボタンやカードなど74件のUI要素を個別のプロンプトとして提供し、細部への調整が可能。
• シェーダー

  GPUで動作するアニメーション背景（グラデーションや炎など）をMP4やコンポーネント形式で提供。
• AI互換性

  Claude、Cursor、v0向けに構造化されたプロンプトを提供し、Next.jsでの本番稼働を想定。

Scrolltideの使用例は何ですか？

• ポートフォリオサイト作成

  「The Long Light」などの3D Websiteテンプレートを活用し、視覚的に動くポートフォリオを迅速に立ち上げる。
• ECサイトの一部改修

  「Commerce Analytics」などのUIスクリーンや「Tier Cards」などのセクションを利用し、既存のECサイトに分析画面や価格表を追加する。
• ヒーローセクションの強化

  「Odaline」や「Marea」などのHero Sectionテンプレートを使用し、ランディングページの入り口に印象的なアニメーションを導入する。

Scrolltideの使い方は？

1. プロンプト選択

   ライブラリからカテゴリやフレームワークで絞り込み、希望するテンプレートやコンポーネントを選択。
2. AIへ貼り付け

   選択したプロンプトをClaude、Cursor、またはv0などのAIコーディングツールにコピーして貼り付ける。
3. 出力確認

   Next.jsベースの本番用コードを受け取り、必要に応じてテキスト内容を微調整する。

Scrolltideの価格情報：

• Lifetime access

  $299の一回払い料金で、すべてのテンプレートとプロンプトへのアクセスを提供。