لوحة التحكّم·مبتدئ
بطاقات إحصائيّة بأسلوب Vercel
أربع بطاقات KPI مع مقارنة الفترة السابقة.
نصّ البرومبت
أنشئ StatsGrid يحوي أربع بطاقات: - كل بطاقة: عنوان صغير، رقم كبير (36px)، مقارنة (+12٪ عن الأسبوع الماضي) بلون أخضر/أحمر. - أيقونة صغيرة top-right. - بلا ظلال، فقط border ناعمة. - responsive: 4 أعمدة → 2 → 1.
وسوم
KPIcards
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
لوحة التحكّم · متوسط
قالب لوحة تحكّم كامل
Sidebar + Topbar + main content بـ shadcn.
لوحة التحكّم · متقدّم
جدول بيانات كامل الميّزات
TanStack Table + shadcn: بحث، فرز، صفحات.
لوحة التحكّم · متوسط
مخطّطات تحليلات بـ Recharts
خط + عمود + دائري بألوان النظام.
لوحة التحكّم · متوسط
صفحة إعدادات بتبويبات
الحساب، الفريق، الفوترة، التنبيهات، الأمان.