التصميم والواجهة·مبتدئ
قائمة موبايل احترافية
درج جانبي يفتح من اليمين مع تأثير حجب خفيف.
نصّ البرومبت
أنشئ قائمة تنقّل موبايل عبر مكوّن Sheet من shadcn: - تفتح من اليمين (RTL) بحركة 220ms ease-out. - تحوي روابط رئيسية + قسم أدوات (تبديل الوضع، تسجيل الخروج). - تُغلق عند النقر على أي رابط. - عرض 320px كحدّ أقصى، أو 85vw على الشاشات الأصغر.
وسوم
mobilenav
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
التصميم والواجهة · مبتدئ
هيرو تحريري لصفحة هبوط
هيرو مقسّم 8/4 بدون تدرّجات، بأسلوب Stripe/Linear.
التصميم والواجهة · متوسط
إعداد نظام توكنز تصميم كامل
توكنز OKLCH موحّدة للألوان والمسافات والحواف والحركة.
التصميم والواجهة · مبتدئ
حالات فارغة مقنعة
بديل عن الشاشات الفارغة يشجّع أوّل إجراء.
التصميم والواجهة · متوسط
تدقيق RTL شامل
مراجعة كل الواجهات لدعم العربية بشكل صحيح.