Таблиці тарифівблоки
Зрозумілі таблиці тарифів для ваших планів. Готові UI-блоки на React у стилі необруталізму — hero, pricing, auth, dashboards та інше. Дивіться прев’ю на будь-якому екрані, копіюйте код або ставте через AI-агента та наш MCP-сервер. Працюють з Radix UI, Base UI і React Aria.
- Hero, ціни та auth
- Перегляд кожної точки зупину
- Скопіювати вихідний код
- MCP готовий до встановлення
- Radix · Base UI · React Aria
- 158 готові блоки
- Розділи сторінки, що відправляються
- Інформаційні панелі та маркетинг
- Pro розблоковує код
- Компоновки з можливістю вільного розміщення
Переглядайте кожен макет
Таблиці тарифів
11 блоків — відкрийте будь-яку карточку для повноекранного прев'ю, коду та кроків установки.
- 01Pro
Тарифи з кольоровим кодуванням
Три тарифи, кожен зі своєю кольоровою смугою, перемикач місяць-рік і вкладені панелі можливостей. React і Tailwind — перефарбуйте смуги.
- 02Pro
Бенто-тарифи зі збором email
Половину ряду займає панель збору email для пробного періоду, поруч — дві компактні картки планів на фірмовому тлі. 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
Три тарифи з FAQ
Залита картка Pro зі стрічкою посередині та панель FAQ із чотирьох питань, що знімають заперечення щодо ціни. React і Tailwind.
- 11Pro
Порівняння двох тарифів
Рівно два тарифи з одним сегментованим перемикачем оплати, картка pro на акцентній поверхні притягує погляд. React і Tailwind.