よくある質問ブロック
よくある質問とその回答。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
よくある質問
10 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
カテゴリ分けFAQカラム
トピックボタンで十数個の質問をバランスの取れた2カラムグリッドに絞り込み、すべてのトピックをHTMLに残すFAQ。React and Tailwind製、トピック名を変えるだけで公開できます。
- 02Pro
サポートカード付きFAQ
サポートカードが導入部を支え、開いた質問はブランドカラーで塗りつぶされます。React・Tailwind対応、お問い合わせボタンを配線するだけ。
- 03Pro
注目質問FAQ
最もよくある質問1件が全幅のブランドカードとなり、その下に折りたたまれない4枚のアイコンカードが続きます。React・Tailwind対応、自分のトップ質問を昇格させるだけ。
- 04Pro
フィルター可能なFAQリスト
一体化したセグメントコントロールが、罫線付きの1パネル内にある8行をフィルタリングし、各行はカテゴリタグ付きです。React・Tailwind対応、トピック名を書き換えるだけ。
- 05Pro
ヘルプセンターBentoグリッド
実際に機能する検索フォームの下で、Bentoタイルがその場で回答せずヘルプ記事へ誘導します。React・Tailwind対応、フォームを自分の検索ルートに向けるだけ。
- 06Pro
イラスト付きFAQパネル
反転した連絡パネルとステッカーイラストが、開くとブランドカラーの帯が伸びる6行の横に並びます。React・Tailwind対応、イラストを自分の絵に差し替えるだけ。
- 07Pro
ピル型FAQカラム
2列のピル型の行が円形バッジを囲むように弧を描き、開くと各ピルは角形パネルに変化します。React・Tailwind対応、ランディングページのヒーローの下に配置するだけ。
- 08Pro
検索可能なFAQカテゴリ
検索フィールドが4つのカテゴリカードを絞り込み、2カラムグリッドで質問を表示、該当なしのときは空状態も用意。React・Tailwind対応、質問セットを貼り付けるだけ。
- 09Pro
サイドバーカテゴリFAQ
6カテゴリのサイドバーが横の回答を切り替え、13件すべてをページソースに保持します。React・Tailwind対応、配列にカテゴリを追加するだけ。
- 10Pro
2カラムFAQアコーディオン
クライアントJavaScript不要のネイティブな開閉行4つの横に、CTAが固定表示されます。React・Tailwind対応、ボタンをヘルプセンターにリンクするだけ。