DesignLayer 公式

ローンチの画面を、 コピペで今日出す。

動きのあるセクションをプレビューして、TSX のまま Cursor や Claude に渡せます。

  • コピーしてすぐ使える TSX
  • Motion・Three.js 対応のセクション
  • Cursor / Claude / MCP 向けの導入文つき

ローンチ動画の提供を開始しました。 動画を見る

視聴と提出は無料 · コピー1日3回 · Free と Pro · テンプレート

68 個のコンポーネントを公開中

Designlayer

ローンチの画面

ライブラリから、公開する画面を組む。

見て、選んで、ページに置く。スタートアップのLPも、デザイナーの画面も同じ場所です。

  1. 01

    探す

    ローンチに合うセクションをライブラリから選びます。

  2. 02

    見る

    動きと余白を、公開前の画面として確認します。

  3. 03

    渡す

    選んだセクションを、実装する相手に渡せます。無料は1日3回です。

  4. 04

    出す

    ランディングに置いて、ローンチの画面にします。

DesignLayer(公式)| スタートアップとWebデザイナーのUIライブラリ