LP Generator

モダンなランディングページを作成

カラーテーマ

セクションを追加

Hero 8

Features 7

コンテンツ 8

社会的証明 8

料金・比較 5

CTA・アクション 6

フォーム・登録 7

統計・実績 3

チーム・採用 2

FAQ・サポート 2

その他 5

レイアウト設定

フルワイドレイアウトアニメーションガラスモーフィズム

デザインカスタマイズ

フォント

フォントサイズ

余白スケール

角丸

カスタムカラー

プライマリ

セカンダリ

アクセント

SEO設定

ページタイトル 60文字以内推奨

ディスクリプション 160文字以内推奨

キーワード

OGP画像URL 1200×630px推奨

Canonical URL

言語

Twitter Card を含める Schema.org マークアップ

プロジェクト管理

CSSフレームワーク

カスタムCSS 完全なスタイル定義

Tailwind CSS ユーティリティクラス

エクスポート形式

HTML/CSS インラインCSS埋め込み HTML + 外部CSS CSS外部ファイル参照 CSS Only CSSファイルのみ Tailwind CSS Tailwindユーティリティ shadcn/ui React + shadcn MUI React + Material UI

エクスポート

ランディングページを作成しましょう

左側からカラーテーマを選択し、セクションを追加してください

クイックヘルプ

基本操作

左サイドバーからセクションを追加
セクションをドラッグ&ドロップで並べ替え
テキストをダブルクリックで編集
画像をクリックで変更

エクスポート形式

HTML/CSS - そのまま使えるHTML
Tailwind - Tailwind CSS対応
shadcn/ui - React + shadcnコンポーネント

ショートカット

Ctrl+Z 元に戻す
Ctrl+Shift+Z やり直す
Esc モーダルを閉じる

ランディングページを作成しましょう

クイックヘルプ

基本操作

エクスポート形式

ショートカット

LP Generator へようこそ

テーマを選択

セクションを追加

コンテンツを編集

エクスポート