認証ブロック
ログインと新規登録の画面。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
認証
7 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
イラスト付きログインフォーム
イラストをカードの外に置いたログインフォーム。GoogleとAppleの全幅ボタンをその下に積み重ねます。React・Tailwind製、ルートに接続するだけ。
- 02Pro
マジックリンク登録フォーム
パスワード不要の登録。メール欄1つと送信ボタン、利用規約の一文だけで、パスワードを考える必要がありません。React・Tailwind製マークアップ、メール送信に接続するだけ。
- 03Pro
ミニマルサインインカード
フラットカラーのキャンバスに必須フィールド2つとボタン1つ。プロバイダーもクライアントJavaScriptもなし。React・Tailwind製、actionを追加すればすぐ使えます。
- 04Pro
QRコードサインインフォーム
通常のメールとパスワードの横にスキャン可能なQRパネル。スマホですでにサインイン済みならデスクトップを認可できます。React・Tailwind製、更新ボタン付き。
- 05Pro
ソーシャルログイン付きサインインカード
着色ヘッダー帯、remember me、区切り線下のGitHubとGoogleボタンを備えたボックス型サインインカード。どんなコンテナにも収まるReact・Tailwind製。
- 06Pro
パスワードチェックリスト登録フォーム
3つのパスワード条件が入力中にリアルタイムで満たされていく登録フォーム。氏名フィールドと同意も。React・Tailwind製、条件はサーバー側でも必ずミラーしてください。
- 07Pro
スプリットスクリーンサインイン
中央で分割されたサインイン。先にプロバイダー、下にメールとパスワード、右側にフルブリードのアートワーク。React・Tailwind製、写真を差し替えるだけ。