स्टैट्सब्लॉक्स
आँकड़े और मेट्रिक्स दिखाने वाले कंपोनेंट्स. नियोब्रूटलिस्ट लुक वाले रेडीमेड React UI ब्लॉक्स — हीरो, प्राइसिंग, ऑथ, डैशबोर्ड और भी बहुत कुछ। हर स्क्रीन साइज़ में प्रीव्यू करें, कोड कॉपी करें, या हमारे MCP सर्वर से AI एजेंट के ज़रिए इंस्टॉल करें। Radix UI, Base UI और React Aria के साथ चलते हैं।
- Hero, प्राइसिंग और auth
- हर ब्रेकपॉइंट का पूर्वावलोकन करें
- स्रोत की प्रतिलिपि बनाएँ
- MCP स्थापित करने के लिए तैयार
- Radix · Base UI · React Aria
- 158 तैयार-निर्मित ब्लॉक
- पृष्ठ के शिपिंग वाले खंड
- डैशबोर्ड और विपणन
- Pro कोड अनलॉक करता है
- ड्रॉप-इन लेआउट
हर लेआउट ब्राउज़ करें
स्टैट्स
9 ब्लॉक्स — पूर्ण स्क्रीन प्रीव्यू, कोड और इंस्टॉल स्टेप्स के लिए किसी भी कार्ड को खोलें।
- 01Pro

एरिया चार्ट स्टैट्स
सात-दिन सेल्स और कॉस्ट एरिया चार्ट एक कार्ड में रनिंग टोटल और डेल्टा बैज के साथ, नीचे चार आँकड़े। React और Tailwind: trend array बदलें।
- 02Pro

बेंटो स्टैट्स बोर्ड
दो संकरे ग्रोथ कार्ड ड्रिल-डाउन लिंक के साथ, बगल में डबल-विड्थ ब्रांड कार्ड हेडलाइन आँकड़े के साथ। React और Tailwind: लिंक रिपोर्ट पर।
- 03Pro

कॉम्पैक्ट आइकन स्टैट रो
सेट की सबसे छोटी स्टैट्स स्ट्रिप: चार कार्ड, हर एक में आइकन टाइल, आँकड़ा और दो-शब्द लेबल। React और Tailwind: हीरो के नीचे स्लाइड करें।
- 04Pro

डिवाइडेड स्टैट्स पैनल
फ़ुल-ब्लीड रंगीन बैंड जिसमें तीन आँकड़े एक पैनल में दो-पिक्सेल रूल से बँटे हैं। React और Tailwind: कॉपी बदलकर सेक्शनों के बीच डालें।
- 05Pro

डोनट चार्ट स्टैट्स
संतुष्टि डोनट, छेद में स्कोर, चार काले-सफ़ेद कार्ड के बीच। React और Tailwind: अनुपात एक array में बदलें।
- 06Pro

CTA वाला स्टैट्स मोज़ेक
एक तरफ़ पिच, दूसरी तरफ़ सबूत: हेडलाइन और दो बटन के बगल ऊँचे-नीचे टाइल का मोज़ेक। React और Tailwind: टाइल रीबैलेंस करें।
- 07Pro

ट्रेंड ऐरो वाले स्टैट्स
हर कार्ड एक सर्कुलर ट्रेंड ऐरो और पिछले साल से बदलाव एक साझा बेसलाइन पर पिन करता है। React और Tailwind: ट्रेंड up या down।
- 08Pro

स्टोर मेट्रिक्स डैशबोर्ड
दिन, सप्ताह, महीना, साल स्विचर चार KPI कार्ड बदलता है, नीचे रेवेन्यू स्प्लिट और टॉप प्रोडक्ट्स। React और Tailwind: figures ऑब्जेक्ट फ़ेच करें।
- 09Pro

हाइलाइटेड स्टैट कार्ड
धुँधली टेक्सचर पर तीन मेट्रिक कार्ड, ठीक एक ब्रांड रंग से भरा, ताकि नज़र विजेता चुन ले। React और Tailwind: highlight फ़्लैग हिलाएँ।