ヒーローセクションブロック
目を引くランディングページのヒーローセクション。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
ヒーローセクション
8 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
切り抜き写真のエージェンシーヒーロー
大きく配置したブランド名にハードなカラーオフセットを添えたダークパネル。アバター列と隅の切り抜き写真を配し、React・Tailwind製。スタジオを売り込む。
- 02Pro
告知ヒーロー
マスク処理された方眼紙グリッドを背景に、中央寄せのローンチ見出し、波線の下線、React・Tailwind製の2つのボタンを配置。スクリーンショットがまだない告知向け。
- 03Pro
中央寄せポートフォリオヒーロー
中央寄せの挨拶文と傾けた見出しの1語、React・Tailwind製ボタン1つの下に、幅広くトリミングしたポートレートが下辺の罫線までぴったりと続く。ファーストビューを制する。
- 04Pro
実績付きデザイナーヒーロー
切り抜きポートレートがパネルを主導し、クライアント数はボタンと同じ行に並ぶ一人称のReact・Tailwind製ヒーロー。ロゴではなく人を売り込む。
- 05Pro
ニュースレターメールヒーロー
ラベル付きのメール欄1つとSubscribeボタンだけがアクション。購読者数の実績と紙飛行機のイラストを添えたReact・Tailwind製。リストを育てる。
- 06Pro
プロダクトローンチヒーロー
回転させた枠付きブロックが商品写真の背後にステッカーのように配置され、バッジと購入・デモボタンを添えたReact・Tailwind製。1つのモノを売る。
- 07Pro
分割ポートフォリオヒーロー
コピーと切り抜き写真を横並びにし、作品をファーストビュー内に保つ。傾けた1語とReact・Tailwind製ボタン1つ。求めることは1つだけ。
- 08Pro
分割SaaSヒーロー
スクリーンショットの代わりに4ステップと所要時間のビルドログをパネルに表示。ローンチバッジとReact・Tailwind製ボタン2つを添える。パイプラインを見せる。