完全自己完結・追加依存ゼロ

ランディングページは、
“組み立てる”時代へ。

880+ / コピペできる本物のLPセクションと、動く3Dパーツ。検索して、選んで、貼るだけ。LPを完成させる部品が、ぜんぶここにある。

見た目:
セクション
0+

セクション

スタイル
0

スタイル

カテゴリ
0

カテゴリ

完全自己完結・追加依存ゼロ全880件テスト済み(エラーゼロ)
  • コピペ
  • npx shadcn add
  • バニラHTML
  • React / TypeScript
  • ダーク / ライト
  • 3Dアニメ
  • 商用OK
  • エラーゼロ品質
  • CSSで動く=SEOに強い3D
使い方

3ステップで、貼るだけ。

迷う余地をなくしました。選んで、取り込んで、貼る。それだけ。

  1. 01
    一覧から選ぶ

    カテゴリ・スタイル・タグで検索。ライブプレビューで動きを確かめてから決められる。

    コピペ
  2. 02
    取り込む

    コピペ、`npx shadcn add`、バニラHTML書き出しの3経路。スタックを問わない。

    npx shadcn add
  3. 03
    貼るだけ

    自己完結なので外部依存も画像URLもなし。貼った瞬間から、もう動いている。

    バニラHTML
ライブ・プレビュー

動く。本物の3D。ぜんぶ一覧から。

下に並んでいるのは、すべてライブラリ内の本物の3Dコンポーネント。このLP自体が、この一覧でできています。

01オービット スフィア 3D
3Dオブジェクト

オービタル・システム

02アンカリング価格3D
価格・オファー

料金プラン

選ぶべきは、ひとつ

スターター

¥0/月
  • 3プロジェクト
  • コミュニティ支援
おすすめ

プロ

¥2,400/月
  • 無制限プロジェクト
  • 高度な解析
  • 優先サポート
  • チーム共有

スケール

¥7,800/月
  • Pro の全機能
  • 専任担当
  • SLA保証
03インタラクティブ製品3D
コマース

ドラッグで回せる

オーロラ/あなた色に

04フューチャー見出し
テキストアニメ

Next Generation

FUTURE
FORWARD

光の粒が言葉になり、言葉がブランドになる。前へ。

05暗号化カード演出
カード演出

エンドツーエンド暗号化

ホバーで解読

06漆椀ターン3D(和風)
和風3D

越前 漆器

蒔絵 · 手磨きの艶

07レビュー・カルーセル3D
社会的証明

選ばれています

リアルな声、確かな成果

導入初日でチームの生産性が体感で倍に。もう手放せません。

佐美

佐藤 美咲

プロダクト責任者

パフォーマンス

速い。軽い。SEOに強い。

CSS中心の設計だから、フレームワーク無しでも動く。中身はHTMLにあるので、そのままクローラブル。

フレームワーク不要で軽い

ランタイム同梱なし。バニラHTMLに書き出せば1ファイルで完結。初期JSを増やさない。

中身がHTML=SEOに強い

見出しも本文も最初からマークアップに存在。クローラがJS実行なしで読める。

ビルド不要でどこでも

React / Astro / WordPress / 素のHTML、どこにでも貼れる。依存ゼロでCore Web Vitalsにも優しい。

重いWebGL / モーションSPA
  • 初期JSが大きい
  • フレームワーク+モーションライブラリ前提
  • 内容がJS生成でSEO不利
  • LCPが遅れがち
CSS-firstのうち
  • 初期JSはほぼゼロ
  • 依存ゼロ・バニラHTMLで書き出せる
  • 内容がHTMLでクローラブル
  • LCP・CLS・INPに有利

※ 動く3DはCSSアニメ中心。canvas等のJS必須パーツも中身はHTMLにあるので“プログレッシブ・エンハンス”。動的バニラ(React再現)は別用途です。

選ばれる理由

なぜ、これを選ぶのか。

速さと品質を両立し、人の「決め手」に寄り添うように作られています。

時間を買う

ゼロから組むはずだった数時間を、検索して貼るだけの数分に。失う時間を、もう失わない。

迷わない

FAQ・導入事例・比較表・統計まで、役割ごとに整理済み。選択のコストを最小化。

売上に効く

心理学・マーケで設計したCTA・価格表・社会的証明で、公開初日から成果を狙える。

唯一無二の和テーマ

漆・和紙・水引——日本独特の世界観の3D。他にはない差別化が、ここにある。

触って選べる

静止画ではなくライブで動く。手で触れて確かめた部品は、もう自分のものに思える。

依存ゼロで安心

新規npm依存も外部画像URLもなし。全880件テスト済み。壊れない安心を、最初から。

スタイル&3D

13の世界観+動く3D。

同じセクションでも、テーマを変えればブランドの空気がまるごと変わる。

  • 和風
  • 洋風
  • ミニマル
  • ブルータリスト
  • グラスモーフィズム
  • レトロ・Y2K
  • ラグジュアリー
  • プレイフル
  • ニューモーフィズム
  • メンフィス
  • ダークテック
  • 北欧
  • ボタニカル
  • 3Dアニメ
評価

AIも、その品質を認めた。

「デザインそのものより、カテゴリ選定がうまい。FAQ・導入事例・比較表・レビュー・統計まで、ちゃんと『LPを完成させる部品』を集めてる。趣味のコンポーネント集ではなく、すでに商品として成立しているレベル。」
ChatGPTOpenAI
「日本のUIコンポーネントサイトとしてトップクラスの量とクオリティ。日本語 × ネオン・レトロ・ポップの需要は日本独特で、競合が少ない。」
GrokxAI
FAQ

よくある質問

ライセンスはどうなっていますか?

MIT ライセンスです。商用・非商用を問わず自由に使えます。改変も再配布も可能で、クレジット表記も不要です(ライセンス文の同梱のみ必要)。

商用プロジェクトで使えますか?

はい。MIT なので、クライアントワークにも自社プロダクトにもそのまま組み込めます。人数やプロジェクト数の制限はありません。

他のリポジトリではどう使いますか?

shadcn 互換のレジストリを配信しているので、`npx shadcn add <url>` で別プロジェクトにセクションを直接取り込めます。コピペが面倒な場合に便利です。

React を使っていなくても利用できますか?

できます。バニラ HTML エクスポートに対応しているため、素の HTML/CSS として書き出して、どんなスタックにも貼り付けられます。

3D は本当に依存ゼロですか?

はい。3Dパーツは WebGL ライブラリ等を使わず、CSS 3D transform と Canvas だけで実装しています。新規npm依存も外部画像もゼロ。そのままコピペで動きます。

解約はいつでもできますか?

いつでも解約できます。解約後も次の請求日まではご利用いただけ、それ以降は自動的に Free プランへ切り替わります。

登録不要・今すぐ

次の LP、今日のうちに公開しよう。

登録不要で、すぐに 880+ のセクションと3Dをライブプレビュー。

LP Section Studio

LP を完成させる、880+ のコピペ可能なセクションと3Dパーツ。

© 2026 LP Section Studio

作った人:X @yoggydevnote

すべてのセクションは自己完結・追加依存ゼロで設計されています。