Таблицы тарифовблоки
Понятные таблицы тарифов для ваших планов. Готовые 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-таблица: 4 тарифа и 9 строк функций, в каждой ячейке — значение, галочка или крестик. 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 — отредактируйте faqs.
- 11Pro
Сравнение двух тарифов
Два тарифа с общим переключателем биллинга; карточка Pro на акцентной поверхности притягивает взгляд. React и Tailwind — переименуйте уровни.