Onboardingبلوكات
تدفّقات Onboarding وشاشات ترحيب للمستخدمين. كتل واجهة React جاهزة بمظهر نيوبروتالي — هيرو، وتسعير، ومصادقة، ولوحات تحكم والمزيد. عاين كل حجم شاشة، انسخ الكود، أو ثبّت عبر وكيل الذكاء الاصطناعي وخادم MCP لدينا. تعمل مع Radix UI و Base UI و React Aria.
- Hero والتسعير وauth
- معاينة كل نقطة توقف
- انسخ النص الأصلي
- MCP جاهز للتثبيت
- Radix · Base UI · React Aria
- 158 الكتل الجاهزة
- أقسام الصفحة التي يتم تضمينها
- لوحات المعلومات والتسويق
- Pro يفتح الرمز
- تخطيطات قابلة للتعديل
تصفح كل تخطيط
Onboarding
6 بلوكات — افتح أي بطاقة لمعاينة بملء الشاشة والكود وخطوات التثبيت.
- 01Pro
نموذج إعداد ملف الأعمال
خطوة تأهيل بمُسقِط شعار يعاين الملف في مكانه، إلى جانب حقول الاسم والموقع والوصف. React وTailwind، يُرسل multipart.
- 02Pro
شبكة ربط تكاملات
تسع بطاقات تكامل تدور أزرار الربط فيها ثم تستقر كشارة Connected، مع عدّاد أعلاها. React وTailwind؛ استبدل النموذج الوهمي بـ OAuth حقيقي.
- 03Pro
معالج إعداد بأربع خطوات
شريط خطوات مرقّم بزرَي Back وNext، وحقول مخفية كي تُرسَل الإجابات من خطوات خارج الشاشة. مبني بـ React وTailwind لإعداد أول تشغيل.
- 04Pro
لوحة دعوة أعضاء الفريق
لوحة دعوة تغطي الحلقة كاملة: نموذج بريد إلكتروني مُتحقَّق منه، وقائمة انتظار بإعادة إرسال وإلغاء، وقائمة أعضاء. React وTailwind بحالة محلية مربوطة.
- 05Pro
نموذج إعداد الملف الشخصي
خطوة ملف شخصي مبنية من رقائق قابلة للنقر، وأزرار راديو حقيقية للدور والخبرة، وثماني مربعات اهتمام. React وTailwind، سلوك لوحة المفاتيح مضمَّن.
- 06Pro
خطوات تأهيل عمودية
أربعة صفوف مكدّسة تتوسّع في مكانها كي تقرأ مسبقًا، بعلامات صح وزر Continue يسمّي الخطوة التالية. قائمة تأهيل React وTailwind.