プリセットギャラリーベータ版
ベストプレビュー
各プリセットは実際のDraftlyユーザーからインスピレーションを得ています
コミュニティより
プリセットでリリースしたビルダー
実在の人々、リアルなローンチ
"
🇮🇹 Italy
Our e-commerce store needed a landing page fast. Draftly nailed the brand feel. Sales converted from day one.
Isabella Rossi
Founder, Lumina Co.
"
🇮🇳 India
Draftly replaced a $4,000 agency quote with a 15-minute session. The result was honestly better.
Arjun Mehta
Startup Founder
"
🇮🇳 India
I built my restaurant's full site in under 10 minutes. Customers keep asking who designed it — I just say Draftly.
Priya Sharma
Restaurant Owner
drag
"
🇩🇪 Germany
Launched my SaaS landing page before the weekend was over. No agency, no templates, no HTML — just a prompt.
Lukas Becker
Indie Developer
"
🇬🇭 Ghana
My clients think I hired a design agency. I used a Draftly preset and swapped the copy. Done in an afternoon.
Amara Osei
Freelance Consultant
Drag to explore · auto-advances
3D Scroll Templates
Immersive scroll-reactive websites
Seven cinematic 3D scroll starters — AI generates motion, extracts frames, and builds a scroll-synced site. Click Use This to open the builder with prompts pre-loaded.
Premium / Scroll
Meridian — Cinematic scroll
utility-scroll.draftly.space
Scroll theatreValues deckTexture
Click card to preview prompts
Mobile App
TripVault — Travel App
tripvault.draftly.space
TravelSaaSBlue Sky
Click card to preview prompts
Ecommerce
Shopnest — Ecommerce
shopnest.draftly.space
EcommercePastel3D Objects
Click card to preview prompts
SaaS / CRM
OrbitCRM — Agency CRM
orbitcrm.draftly.space
AgencyGlass UINature BG
Click card to preview prompts
Productivity
SyncBase — Team Collaboration
syncbase.draftly.space
ProductivityKanbanLight UI
Click card to preview prompts
Developer Tool
StackForge — Dev Platform
stackforge.draftly.space
Dev ToolsDarkGrid World
Click card to preview prompts
AI Platform
VisionForge — AI Video
visionforge.draftly.space
AIVideoCinematic
Click card to preview prompts
Open 3D Website Builder
Use any template above — both prompts auto-load in the builder chat
パイプライン
プロンプトから 本番環境へ
描写するだけ。AIが構築するのを見ているだけ。すべてのスクロールフレームがプロンプトから生成されます — コード不要、テンプレート不要、デザインスキル不要。
01
プリセットを選択
本番環境対応のUIから開始 — コピーとメディアを数分でカスタマイズ。
02
説明
欲しいビジュアルの雰囲気を教えてください。
03
生成
AIが映画的なキーフレームを作成します。
04
アニメーション
画像が滑らかな8秒の動画になります。
05
構築
AIが3Dスクロール用のフレームを抽出します。
06
デプロイ
HTML、CSS、JS入りのZIPをダウンロード。
ノーコードあなたの動画が
あなたの動画が
スクロール体験に変わる
AIが映画のような動画を生成し、数百のフレームを抽出します。訪問者がスクロールすると、フレームが順番に再生され、映画のような3Dパラックス効果が生まれます。
WebGLもThree.jsもコードも不要 — なめらかなフレーム補間を備えた純粋なブラウザスクロールだけ。あらゆるデバイスとブラウザで完璧に動作します。
スクロールしてアニメーション
フレームを抽出中400 / 400
プロツール
本格的なウェブサイトのために 設計された機能
動画を連結し、商品画像をアップロードし、すべての要素をカスタマイズして、本番対応のコードをダウンロード。
マルチビデオ連続再生
複数の動画をエンドツーエンドで連結し、長いスクロールアニメーションを実現。各動画の最初のフレームが前の動画からシームレスにつながります。
フルスタックエクスポート
フロントエンド+バックエンドスターター入りのZIPをダウンロード。Express APIを含みます。
チャットによる反復編集
AIとチャットしてコピーを変更、セクションを移動、色を調整 — リアルタイムで。
商品注入
商品写真をアップロードして、3D空間のどこに配置するかをAIに直接指示。
可変FPS
10〜40 FPSの間でスライドして、フレーム密度とスクロール速度をコントロール。