جدولهای قیمتبلاکها
جدولهای قیمت شفاف برای نمایش پلنهایتان. بلوکهای UI آمادهٔ React با ظاهر نئوبروتالیستی — هیرو، قیمتگذاری، احراز هویت، داشبورد و بیشتر. در هر اندازهٔ صفحه پیشنمایش بگیرید، کد را کپی کنید، یا از طریق ایجنت AI و سرور MCP ما نصب کنید. با Radix UI، Base UI و React Aria کار میکند.
- Hero، قیمتگذاری و auth
- پیشنمایش هر نقطه شکست
- منبع را کپی کنید
- MCP آماده نصب
- Radix · Base UI · React Aria
- 158 بلوکهای آماده
- بخشهای صفحهای که ارسال میشوند
- داشبوردها و بازاریابی
- Pro کد را باز میکند
- چیدمانهای آماده
مرور هر چیدمان
جدولهای قیمت
11 بلاک — هر کارت را برای پیشنمایش تمامصفحه، کد و مراحل نصب باز کنید.
- 01Pro
پلنهای قیمت با کدگذاری رنگی
سه پلن که هرکدام نوار رنگی خود را دارند، با کلید ماهانه به سالانه و پنلهای تودرفتهٔ ویژگیها. React و Tailwind — نوارها را رنگ کنید.
- 02Pro
بنتوی قیمت با دریافت ایمیل
نیمی از ردیف به پنل دریافت ایمیلِ دورهٔ آزمایشی میرسد و دو کارت پلن جمعوجور کنارش روی بوم برند. React و Tailwind — فرم را وصل کنید.
- 03Pro
جدول مقایسهٔ ویژگیها
یک جدول HTML واقعی که چهار پلن را در برابر نه ردیف ویژگی میگذارد و هر خانه یک مقدار، تیک یا ضربدر است. React و Tailwind — ردیف اضافه کنید.
- 04Pro
جدول قیمت چهارستونی
چهار پلن که با خطوط داخلی به یک بلوک حاشیهدار واحد میپیوندند و ستون پیشنهادی از لبهٔ بالا بیرون میزند. React و Tailwind — یکی را برجسته کنید.
- 05Pro
انتخابگر پلن دورهٔ آزمایشی
گام بعد از صفحهٔ قیمتگذاری: دو پلن بهصورت گروه رادیویی روی پنل برند، بالای ریزنوشتهٔ صورتحساب. React و Tailwind — در پرداخت بگذارید.
- 06Pro
کارتهای قیمت با تصویرسازی
هر طرح با تصویرسازی عریضی از مخاطبش آغاز میشود و کارت پیشنهادی از ردیف بالاتر میایستد. React و Tailwind؛ تصویرسازی خودتان را جایگزین کنید.
- 07Pro
کارتهای قیمت با ویژگیهای کلیدی
کارتهایی که محدودیتهای طرح را از ویژگیهای کلیدی جدا میکنند، روی نوار تیرهٔ معکوس با کلید کشویی سالانه. React و Tailwind؛ هر دو فیلد قیمت را پر کنید.
- 08Pro
قیمتگذاری با کلید ماهانه و سالانه
یک کلید همهٔ قیمتها را به صورتحساب سالانهٔ دهماهه میبرد، بالای سربرگهای معکوس قیمت و یک روبان مورب. React و Tailwind؛ حسابوکتاب را بررسی کنید.
- 09Pro
قیمتگذاری قالب آماده در برابر سفارشی
خرید یا سفارش، نه انتخاب سطح: کارت قالب آماده با قیمت ثابت کنار ساخت سفارشی با قیمت پایه. React و Tailwind؛ جلسه را رزرو کنید.
- 10Pro
قیمتگذاری سهسطحی با سؤالات متداول
کارت Pro توپر و روباندار در میانه، با پنل چهارسؤالی که زیرش به اعتراضهای قیمتی پاسخ میدهد. React و Tailwind؛ آرایهٔ faqs را ویرایش کنید.
- 11Pro
مقایسهٔ قیمت دو طرح
دقیقاً دو طرح با یک کلید بخشبندیشدهٔ مشترک، کارت pro روی سطح accent تا چشم همانجا بنشیند. React و Tailwind؛ نام سطحها را عوض کنید.