آماربلاکها
کامپوننتهای نمایش آمار و سنجهها. بلوکهای UI آمادهٔ React با ظاهر نئوبروتالیستی — هیرو، قیمتگذاری، احراز هویت، داشبورد و بیشتر. در هر اندازهٔ صفحه پیشنمایش بگیرید، کد را کپی کنید، یا از طریق ایجنت AI و سرور 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: پرچم هایلایت را جابهجا کنید.