お問い合わせブロック
お問い合わせフォームと情報セクション。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
お問い合わせ
8 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
枠付きコンタクトフォーム
氏名・メール・メッセージを1つの枠付きボックスに収め、その下に住所・電話・メールのタイルを並べる、幅の狭いコンタクトセクション。React and Tailwind製、どのページの下にも置けます。
- 02Pro
コラボレーションコンタクトフォーム
5つの円形ソーシャルボタンとメールアドレス1つが、プロジェクト種別と予算を含む問い合わせフォームと向き合うセクション。React and Tailwind製、アイコンは自分のプロフィールに向けるだけ。
- 03Pro
詳細情報付きコンタクトフォーム
メール・電話・郵便住所が、範囲選択をfieldsetでまとめた6項目のブリーフフォームと同じ幅で並ぶセクション。React and Tailwind製、オフィス情報を掲載できます。
- 04Pro
地図パネル付きコンタクトフォーム
電話と住所のピル付きイラスト地図が、短いフォームやライブチャット・FAQカードと並ぶセクション。React and Tailwind製、単純な問い合わせを事前に減らせます。
- 05Pro
フリーランス案件問い合わせ
落ち着いた帯の半分で送信後の流れを説明し、予算と種別を含む5項目の問い合わせフォームと並ぶセクション。React and Tailwind製、2営業日以内の見積もりを想定。
- 06Pro
ハイライトコンタクトパネル
全幅のブランドカラー帯がページを二分し、イラストと連絡チャネル、6項目のフォームを配置するセクション。React and Tailwind製、色を変えるときは必ずペアで。
- 07Pro
イラスト付きコンタクトカード
切り抜き写真が明るいパネルを印象づけ、3項目のフォームは独自の白いカードに収まるセクション。React and Tailwind製、氏名・メール・一言だけを尋ねます。
- 08Pro
サポートチャネル付きフォーム
ライブチャットとコールセンターのカードを先頭に置き、氏名・メールとメッセージ欄を分けたフォームが続くセクション。React and Tailwind製、残りはチャットに任せられます。