بخشهای heroبلاکها
بخشهای hero چشمگیر برای صفحههای فرود. بلوکهای UI آمادهٔ React با ظاهر نئوبروتالیستی — هیرو، قیمتگذاری، احراز هویت، داشبورد و بیشتر. در هر اندازهٔ صفحه پیشنمایش بگیرید، کد را کپی کنید، یا از طریق ایجنت AI و سرور MCP ما نصب کنید. با Radix UI، Base UI و React Aria کار میکند.
- Hero، قیمتگذاری و auth
- پیشنمایش هر نقطه شکست
- منبع را کپی کنید
- MCP آماده نصب
- Radix · Base UI · React Aria
- 158 بلوکهای آماده
- بخشهای صفحهای که ارسال میشوند
- داشبوردها و بازاریابی
- Pro کد را باز میکند
- چیدمانهای آماده
مرور هر چیدمان
بخشهای hero
8 بلاک — هر کارت را برای پیشنمایش تمامصفحه، کد و مراحل نصب باز کنید.
- 01Pro
هیرو آژانس با پرترهٔ برشخورده
نام برندی بزرگ با آفست رنگی سخت این پنل تیرهٔ React و Tailwind را پیش میبرد، بالای یک ردیف آواتار و یک برشخورده در گوشه. استودیو را بفروشید.
- 02Pro
هیرو اعلان
شبکهٔ کاغذ میلیمتری ماسکشده پشت یک عنوان لانچ مرکزچین، یک زیرخط موجی و دو دکمهٔ React و Tailwind است. چیزی را بدون اسکرینشات اعلام کنید.
- 03Pro
هیرو نمونهکار مرکزچین
پرترهای عریض و برشخورده مستقیم داخل خط پایینی میرود، زیر احوالپرسی مرکزچین، یک کلمهٔ عنوان کجشده و یک دکمهٔ React و Tailwind. دید اول را مال خود کنید.
- 04Pro
هیرو طراح با اثبات
پرترهای برشخورده پنل را پیش میبرد و شمار مشتری یک ردیف با دکمه به اشتراک میگذارد، در یک هیروی اولشخص React و Tailwind. یک فرد بفروشید، نه یک لوگو.
- 05Pro
هیرو ایمیل خبرنامه
یک فیلد ایمیل برچسبدار تکی و دکمهٔ Subscribe تنها عمل هستند، کنار اثبات مشترکان و یک هواپیمای کاغذی، در React و Tailwind. فهرست را رشد دهید.
- 06Pro
هیرو لانچ محصول
یک بلوک حاشیهدار چرخیده پشت عکس محصول مثل یک استیکر مینشیند، کنار یک نشان و دکمههای خرید بهعلاوهٔ دمو، در React و Tailwind. یک شیء بفروشید.
- 07Pro
هیرو نمونهکار دوبخشی
متن و یک عکس برشخورده کنار هم مینشینند پس کار بالای خط دید میماند، با یک کلمهٔ کجشده و یک دکمهٔ React و Tailwind تکی. یک چیز بخواهید.
- 08Pro
هیرو SaaS دوبخشی
لاگ build چهار مرحلهای با زمانبندی بهجای اسکرینشات پنل را پر میکند، کنار یک نشان لانچ و دو دکمهٔ React و Tailwind. پایپلاین را نشان دهید.