DesignLayer 公式
Cursor に貼れる、 モーション React セクション
プレビューを見て TSX をコピー。Cursor や Claude に渡せば、LP向けの動きのあるUIをすぐ実装できます。shadcn/ui の隣に置くカタログです。
旧・店舗向けAIサイト生成は終了しました。いまは開発者向けのモーションReactコンポーネントカタログです。 サービス刷新のお知らせ
プレビュー無料 · コピー1日3回 · Free と Pro · テンプレート
コンポーネントで使っている技術
コンポーネント
Component workflow
未来のワークフローのように、UI を組む。
見て、コピーして、出す。アイデアから実装可能な UI まで、ひとつの流れです。
- 01
探す
カタログから使いたいコンポーネントを選びます。
- 02
プレビュー
ライブで動き・組版・余白を確認します。
- 03
コピー
実装の指示と TSX を Cursor / Claude に貼ります。無料は1日3回です。
- 04
シップ
エージェントがプロジェクトにファイルを置きます。