پرش به محتوا

شبکهٔ اتصال یکپارچه‌سازی‌ها

آنبوردینگ · Pro source

مرحلهٔ اختیاری در فرایند ثبت‌نام، جایی که کاربر ابزارهایی را که از قبل استفاده می‌کند وصل می‌کند. نُه کارت یکپارچه‌سازی در شبکه‌ای سه‌ستونی می‌نشینند، هرکدام با دکمهٔ اتصال خودش که تا وقتی دست‌دادن ادامه دارد حالت در انتظار نشان می‌دهد و بعد به نشان Connected می‌رسد. یک شمارنده و یک نوار پیشرفت بالای شبکه امتیاز را نگه می‌دارند، و دکمهٔ Finish این مرحله را تمام می‌کند، چه یک ابزار وصل شده باشد چه هیچ‌کدام.

باز کردن پیش‌نمایش زندهدریافت Neobrutalism Pro
آنبوردینگ
Neobrutalist integrations onboarding grid for React and Tailwind CSS: a Connect your tools heading with a 1 of 9 connected progress bar above nine bordered cards for GitHub, Notion, Slack, Zapier, Google Calendar, Gmail, Google Drive, Analytics and Stripe, the GitHub card showing a yellow Connected badge and the others a black button naming the tool to connect.
شبکهٔ اتصال یکپارچه‌سازی‌ها
  • Hero، قیمت‌گذاری و auth
  • پیش‌نمایش هر نقطه شکست
  • منبع را کپی کنید
  • MCP آماده نصب
  • Radix · Base UI · React Aria
  • 158 بلوک‌های آماده
  • بخش‌های صفحه‌ای که ارسال می‌شوند
  • داشبوردها و بازاریابی
  • Pro کد را باز می‌کند
  • چیدمان‌های آماده
پیش‌نمایشرایگانآن را تمام‌صفحه باز کنید و نقطهٔ شکست یا قالب را تغییر دهید.کدProیک فایل TSX خودکفای واحد. آن را کپی کنید، آن را داشته باشید.نصبProیک فرمان CLI شدسی‌ان — یا درخواست عامل برای Claude Code، Cursor یا هر کلاینت MCP.

ساخته شده با

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

چیدمان‌های بیشتر آنبوردینگ (5)

مشاهدهٔ همه

https://neobrutalism.com/fa/blocks/onboarding/connect-integrations-onboarding-grid

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

  • اتفاقی به 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%--:--:--