オンボーディングブロック
ユーザーのオンボーディングフローとウェルカム画面。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
Pro ソース
6 個のブロック
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
オンボーディング
6 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
ビジネスプロフィール設定フォーム
その場でファイルをプレビューするロゴのドロップ欄と、名前・ウェブサイト・説明の入力欄を備えたオンボーディングステップ。React・Tailwind製、multipartで送信。
- 02Pro
連携接続グリッド
9枚の連携カード。接続ボタンは回転した後Connectedバッジに落ち着く。上部にはカウンター表示。React・Tailwind製、スタブを実際のOAuthに差し替えて使用。
- 03Pro
4ステップ設定ウィザード
番号付きのステップレールとBack・Nextボタン。非表示のステップの回答もhidden inputで送信される。React・Tailwind製、初回セットアップ向け。
- 04Pro
チームメンバー招待パネル
招待の一連の流れをカバーするパネル。バリデーション付きメールフォーム、再送・キャンセル可能な保留リスト、メンバー一覧。React・Tailwind製、ローカル状態接続済み。
- 05Pro
個人プロフィール設定フォーム
タップ可能なチップで構成されたプロフィールステップ。役職と経験レベルは本物のラジオ、興味関心は8つのチェックボックス。React・Tailwind製、キーボード操作対応。
- 06Pro
縦型オンボーディングステップ
先を読めるようその場で展開する4つの積み重なった行。チェックマークと、次のステップ名を含むContinueボタン。React・Tailwind製のオンボーディングチェックリスト。