پرش به محتوا

فرم ورود صفحه‌دوبخشی

احراز هویت · Pro source

یک صفحهٔ ورود تمام‌ارتفاع ساخته‌شده به‌صورت یک کارت حاشیه‌دار که وسطش بریده شده. نیمهٔ چپ با دکمه‌های ارائه‌دهنده شروع می‌شود، زیرشان یک خط OR می‌اندازد و ایمیل، رمز عبور و ردیف remember را زیرش می‌گذارد، با این فرض که بیشتر افراد مسیر یک‌کلیکی را می‌روند. نیمهٔ راست یک پنل اثر هنری تمام‌عرض است که فقط از breakpoint md به بالا ظاهر می‌شود، پس چیزی در موبایل برش نمی‌خورد. هیچ منطق auth با آن ارسال نمی‌شود — فرم عمداً وصل‌نشده رها شده.

باز کردن پیش‌نمایش زندهدریافت Neobrutalism Pro
احراز هویت
Neobrutalist split screen sign in page for React and Tailwind CSS: on the left a SIGN IN heading, Google and GitHub buttons, an OR rule, email and password fields with an eye toggle, a Remember me checkbox and a Sign In button; on the right a full height panel of symmetrical flat artwork with a black pupil inside a yellow starburst eye.
فرم ورود صفحه‌دوبخشی
  • Hero، قیمت‌گذاری و auth
  • پیش‌نمایش هر نقطه شکست
  • منبع را کپی کنید
  • MCP آماده نصب
  • Radix · Base UI · React Aria
  • 158 بلوک‌های آماده
  • بخش‌های صفحه‌ای که ارسال می‌شوند
  • داشبوردها و بازاریابی
  • Pro کد را باز می‌کند
  • چیدمان‌های آماده
پیش‌نمایشرایگانآن را تمام‌صفحه باز کنید و نقطهٔ شکست یا قالب را تغییر دهید.کدProیک فایل TSX خودکفای واحد. آن را کپی کنید، آن را داشته باشید.نصبProیک فرمان CLI شدسی‌ان — یا درخواست عامل برای Claude Code، Cursor یا هر کلاینت MCP.

ساخته شده با

به علاوه آیکون‌های lucide-react و Tailwind CSS — بدون هیچ وابستگی زمان اجرای دیگر.

چیدمان‌های بیشتر احراز هویت (6)

مشاهدهٔ همه

https://neobrutalism.com/fa/blocks/authentication/split-screen-sign-in-form

محبوبِ توسعه‌دهندگان، طراحان
و سازندگان

  • اتفاقی به UI kit شما برخوردم و بی‌درنگ برش داشتم. نو است، فعالانه نگه‌داری می‌شود و مدام بهتر می‌شود — کار فوق‌العاده! 🤘

    Ziv Reich, توسعه‌دهندهٔ نرم‌افزار

  • فقط خواستم بگویم: کارِ عالی روی neobrutalism.com. واقعاً دوستش دارم. من در طراحی افتضاحم، برای همین این یک نجات بود. توی سایت شخصی‌ام استفاده‌اش کردم.

    Paul Bratslavsky, سازندهٔ Coding With Paul

  • بالاخره سایت شخصی‌ام را با Neobrutalism.com از نو ساختم — کتابخانهٔ سرگرم‌کننده و شروعش خیلی آسان!

    Cameron Blackwood, سازندهٔ محتوا

  • Neobrutalism.com یکی از کتابخانه‌های محبوبم برای کامپوننت‌های UI با سبک رترو است — کامپوننت‌هایی که واقعاً می‌شود ship کرد.

    Zhengyang Hou, هکر مستقل

  • یکی از کتابخانه‌های ui محبوبم برای وب. کارِ عالی — امیدوارم خیلی جلوتر برود.

    Taseen Tanvir, بنیان‌گذار و طراح

  • Neobrutalism.com Pro را امتحان کردم — UI kit که شبیه بقیه نیست. بلاک‌های نئوبروتالیستی 🔥 پروتوتایپ چیدمان‌های عجیب را خیلی سریع‌تر کردند.

    Nitesh Padghan, نویسندهٔ سایه

  • طراحی لندینگ‌پیج زیبا با تعادل و جریان کامل. پالت رنگی همراه با انیمیشن‌ها تجربهٔ کاربری استثنایی می‌سازد.

    Alan Obeng-Peprah, طراح ارشد @ NativeXAI

  • از طراحی‌ای که تحویل دادند واقعاً تحت‌تأثیرم. محصول نهایی دقیقاً همان چیزی بود که تصور می‌کردم.

    Desmond, هم‌بنیان‌گذار @ VectorlabsVentures

  • به‌عنوان صاحب آژانس معمولاً هفته‌ها صرف پالایش لی‌اوت لندینگ مشتری‌ها می‌کنم. با Neobrutalism.com قالب را می‌گذارم، کپی را تنظیم می‌کنم و آماده‌ام برای انتشار.

    Duke Opoku Amankwah, بنیان‌گذار @ Midas

  • قالب‌ها فقط از نظر بصری خیره‌کننده نیستند؛ ساختارشان هم فوق‌العاده است. هفته‌ها زمان توسعه برایمان صرفه‌جویی کرد.

    Abiola Braimah, توسعه‌دهنده @ Studio IX

  • کیفیت برجسته و دقت در جزئیات. طراحی واکنش‌گرا روی همهٔ دستگاه‌ها بی‌نقص کار می‌کند.

    Acromond X., هم‌بنیان‌گذار @ VectorlabsVentures

  • یکپارچه‌سازی این قالب‌ها در گردش‌کارمان چرخهٔ توسعه را به‌طور چشمگیری کوتاه کرد. کار عالی.

    Raquib S., توسعه‌دهندهٔ بک‌اند

  • این قالب‌ها منبع اصلی ما شده‌اند. کد تمیز، مستندسازی‌شده و به‌راحتی قابل شخصی‌سازی است.

    Hallic M., توسعه‌دهنده @ AtlasLabs

  • قالب‌های Neobrutalism.com تعادل کامل بین زیبایی و کارکرد را برقرار می‌کنند. واقعاً نقطهٔ عطفی برای پروژه‌های ما.

    Ibrahim S., لید فرانت‌اند @ ScaleUp

  • پشتیبانی عالی و قالب‌های باکیفیت premium. ROI این قالب‌ها شگفت‌انگیز است.

    Kevin K., CEO @ WebCraft

  • قالب‌های Neobrutalism.com کاملاً رویکرد ما به پروژه‌های مشتری را عوض کردند. کیفیت کد استثنایی است و طراحی‌ها واقعاً در سطح جهانی‌اند.

    Danny G., بنیان‌گذار DevStack

  • کتابخانه‌های قالب زیادی استفاده کرده‌ام، اما Neobrutalism.com به‌خاطر توجه به بهینه‌سازی عملکرد و معماری کد تمیز متمایز است.

    Ian D., CTO در Wavelength

  • انیمیشن‌ها و ریزتعامل‌های این قالب‌ها مطلقاً خیره‌کننده‌اند. بهترین سرمایه‌گذاری برای تیم طراحی ما.

    Ben S., لید دیزاینر در PixelPerfect

  • به‌عنوان بنیان‌گذار غیرفنی، قالب‌های Neobrutalism.com کمک کردند MVP را در زمانی رکوردی بدون قربانی‌کردن کیفیت طراحی لانچ کنیم. سرمایه‌گذارانمان شگفت‌زده شدند.

    Matthew I., بنیان‌گذار استارتاپ

  • از ماژولار بودن و مستندسازی خوب این کامپوننت‌ها قدردانی می‌کنم. توانستیم تکه‌هایی از قالب‌های مختلف را بی‌اصطکاک ترکیب کنیم.

    Garrett P., لید فرانت‌اند در TechFusion

  • ROI قالب‌های Neobrutalism.com باورنکردنی است. زمان توسعه را به‌شدت کم کردیم و همزمان سایت‌های باکیفیت‌تری به مشتری‌ها تحویل می‌دهیم.

    Xavier C., صاحب آژانس

سؤالات
پرتکرار

نحوهٔ ساختٔ بلاک فرم ورود صفحه‌دوبخشی، آنچه می‌توانید تغییر دهید، و زمانی که آن را به جای سایر چیدمان‌ها در اینجا استفاده کنید.

مشکل دسترسی؟ ایمیل[email protected]
Get Pro — Save 33%--:--:--