الإحصائياتبلوكات
مكوّنات لعرض الإحصائيات والمقاييس. كتل واجهة React جاهزة بمظهر نيوبروتالي — هيرو، وتسعير، ومصادقة، ولوحات تحكم والمزيد. عاين كل حجم شاشة، انسخ الكود، أو ثبّت عبر وكيل الذكاء الاصطناعي وخادم MCP لدينا. تعمل مع Radix UI و Base UI و React Aria.
- Hero والتسعير وauth
- معاينة كل نقطة توقف
- انسخ النص الأصلي
- MCP جاهز للتثبيت
- Radix · Base UI · React Aria
- 158 الكتل الجاهزة
- أقسام الصفحة التي يتم تضمينها
- لوحات المعلومات والتسويق
- Pro يفتح الرمز
- تخطيطات قابلة للتعديل
تصفح كل تخطيط
الإحصائيات
9 بلوكات — افتح أي بطاقة لمعاينة بملء الشاشة والكود وخطوات التثبيت.
- 01Pro
إحصاءات بمخطط مساحي
مخطط مساحي لمبيعات وتكاليف سبعة أيام يشارك بطاقة مع الإجمالي المباشر وشارة تغيّره، فوق أربعة أرقام. React وTailwind: استبدل مصفوفة الاتجاه.
- 02Pro
لوحة إحصاءات بنتو
بطاقتا نمو ضيقتان تنتهيان برابطَي تفصيل بجانب بطاقة علامة مزدوجة العرض تحمل الرقم الرئيسي. React وTailwind: وجّه الروابط إلى التقارير.
- 03Pro
صف إحصاءات أيقونات مدمج
أقصر شريط إحصاءات في المجموعة: أربع بطاقات، كل منها بلاطة أيقونة بجانب رقم وتسمية من كلمتين. React وTailwind: ضعه أسفل قسم البطل مباشرة.
- 04Pro
لوحة إحصاءات مقسومة
شريط لوني ممتد كامل العرض تتشارك أرقامه الثلاثة لوحة واحدة مقسومة بخطوط بسماكة بكسلين. React وTailwind: غيّر النص وضعه بين الأقسام.
- 05Pro
إحصاءات بمخطط دائري
دائري رضا برقم مطبوع في ثقبه، محاط بأربع بطاقات تتناوب بين الأسود والأبيض. React وTailwind: غيّر النسبة في مصفوفة واحدة.
- 06Pro
فسيفساء إحصاءات بدعوة عمل
العرض على جانب، الإثبات على الآخر: عنوان وزران بجانب فسيفساء من بلاطات طويلة وقصيرة. React وTailwind: أعد موازنة البلاطات حسب الحاجة.
- 07Pro
إحصاءات بأسهم اتجاه
كل بطاقة تثبّت قرصًا دائريًا لسهم اتجاه وتغيّرًا مكتوبًا منذ العام الماضي على خط أساس مشترك. React وTailwind: اضبط كل اتجاه صعودًا أو هبوطًا.
- 08Pro
لوحة مقاييس المتجر
مبدّل يوم/أسبوع/شهر/سنة يُبدّل أربع بطاقات KPI، فوق توزيع للإيرادات وقائمة لأفضل المنتجات. React وTailwind: اجلب كائن figures.
- 09Pro
بطاقات إحصاءات مُبرَزة
ثلاث بطاقات مقاييس على نسيج ضبابي، بطاقة واحدة فقط مملوءة بلون العلامة، فتلتقط العين فائزًا. React وTailwind: حرّك علم التمييز.