プロフィールブロック
アカウントのプロフィールと設定画面。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
プロフィール
9 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
アカウント設定プロフィール
自分自身のプロフィールを本人だけが見る画面: about・skillsパネル、アクティビティフィード、ラベル付き設定スイッチ。React・Tailwind製、トグルを接続する。
- 02Pro
開発者プロフィールダッシュボード
1年分の貢献を52週のヒートマップとして描き、その下に習熟度バーとアクティビティフィード。React・Tailwind製、自分のコミットデータを入力するだけ。
- 03Pro
斜めカバープロフィールカード
カバー画像を斜めに切り取り、四角いアバターがその切れ目から突き出る。下に3つの数値。React・Tailwind製、カバーアートを差し替えるだけ。
- 04Pro
従業員記録カード
名前より先に役職を示すカード。塗りつぶしパネルに契約情報、下に4つの数値タイル。React・Tailwind製、社員名簿を構築する。
- 05Pro
ポートフォリオヒーロー
2行の大きな名前とhire-meボタン、フル高さの肖像を持つページ冒頭のヒーロー。React・Tailwind製、右側の列に自分の写真を入れるだけ。
- 06Pro
ソーシャルリンクプロフィール
本体は4つの正方形アイコンリンク。ブランドカラーの輪で囲んだ肖像を持つ2トーンカード。React・Tailwind製、各アカウントにリンクを張るだけ。
- 07Pro
ソーシャルプロフィールヘッダー
模様入りのカバーバナーから円形アバターが飛び出すヘッダーカード。Followボタンとフォロワー数。React・Tailwind製、プロフィールルートに置くだけ。
- 08Pro
星評価プロフィールカード
1つの数値から生成される5段階中4つの星の行。bio と3つの数値を持つブランド塗りつぶしカード。React・Tailwind製、ratingの値を編集するだけ。
- 09Pro
横長肖像プロフィールカード
縦長の肖像が隣のコピーに合わせて伸びる横長カード。役職、3つの指標、FollowとConnect。React・Tailwind製、チームグリッドに並べるだけ。