احراز هویتبلاکها
صفحههای ورود و ثبتنام. بلوکهای UI آمادهٔ React با ظاهر نئوبروتالیستی — هیرو، قیمتگذاری، احراز هویت، داشبورد و بیشتر. در هر اندازهٔ صفحه پیشنمایش بگیرید، کد را کپی کنید، یا از طریق ایجنت AI و سرور MCP ما نصب کنید. با Radix UI، Base UI و React Aria کار میکند.
- Hero، قیمتگذاری و auth
- پیشنمایش هر نقطه شکست
- منبع را کپی کنید
- MCP آماده نصب
- Radix · Base UI · React Aria
- 158 بلوکهای آماده
- بخشهای صفحهای که ارسال میشوند
- داشبوردها و بازاریابی
- Pro کد را باز میکند
- چیدمانهای آماده
مرور هر چیدمان
احراز هویت
7 بلاک — هر کارت را برای پیشنمایش تمامصفحه، کد و مراحل نصب باز کنید.
- 01Pro
فرم ورود تصویرسازیشده
فرم ورودی که تصویرسازیاش را بیرون از کارت نگه میدارد و دکمههای تمامعرض Google و Apple را زیرش میچیند. React و Tailwind، آن را به مسیر خودتان وصل کنید.
- 02Pro
فرم ثبتنام با Magic Link
ثبتنام بدون رمز عبور: یک فیلد ایمیل، یک دکمهٔ ارسال و خط شرایط، بدون رمزی که باید اختراع شود. مارکآپ React و Tailwind، آن را به سرویس ایمیل خود وصل کنید.
- 03Pro
کارت ورود مینیمال
دو فیلد اجباری و یک دکمه روی بوم رنگ تخت، بدون ارائهدهنده و بدون جاوااسکریپت کلاینت. React و Tailwind؛ action خودتان را اضافه کنید و منتشر کنید.
- 04Pro
فرم ورود با کد QR
پنل QR قابلاسکن کنار ایمیل و رمز عبور معمول، تا موبایلی که از قبل وارد شده دسکتاپ را مجاز کند. React و Tailwind، دکمهٔ رفرش هم دارد.
- 05Pro
کارت ورود با ورود اجتماعی
کارت ورود محصور با نوار هدر رنگی، remember me، و دکمههای GitHub و Google زیر خط جداکننده. React و Tailwind که در هر کانتینری جا میشود.
- 06Pro
ثبتنام با چکلیست رمز عبور
فرم ثبتنامی که سه قانون رمز عبورش با تایپ زنده تیک میخورند، بهعلاوهٔ فیلدهای نام و رضایت. React و Tailwind؛ قوانین را در سرور هم منعکس کنید.
- 07Pro
فرم ورود صفحهدوبخشی
ورودی که وسطش بریده شده: ارائهدهندهها اول، ایمیل و رمز عبور زیرشان، اثر هنری تمامعرض سمت راست. React و Tailwind، عکس خودتان را جایگزین کنید.