Финтех и банк

Калькулятор экономии на комиссиях с ползунком оборота

Стеклянная панель с одним ползунком оборота в месяц и кнопками типовых значений; справа крупная цифра «на комиссиях сэкономите N ₽ в год», которая докручивается до нового значения, и три полосы — наш тариф и два условных банка. Полосы масштабируются через transform:scaleX. Модель: обслуживание × 12 + процент с оборота × 12; экономия считается от самого дешёвого из конкурентов.

Что можно поменять

  • eyebrow, title, lede, note, currency; подписи: turnoverLabel, savingLabel, savingNote, perMonthLabel, perYearLabel, units
  • banks: name, fixed, percent, ours
  • minTurnover, maxTurnover, step, defaultTurnover

Ссылка для ИИ-агента: в ней превью, код и инструкция.

Превью

1440pxТема страницы

Использовать с ИИ

  1. 1. Скопируйте ссылку.
  2. 2. Напишите агенту своими словами и вставьте её в предложение.
  3. 3. Агент откроет ссылку и поставит компонент из реестра.
AI
1Выбрали здесь

добавь это на главную первым экраном:

https://vibeui.ru/c/fintech-002?theme=dark

2Вставили в чат агента
3Получили в проекте

Не знаете, куда вставить? Пошаговый гайд

Показать полную инструкцию

То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.

Загружается…

Для разработчика

Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.

Теги

  • fintech
  • calculator
  • savings
  • fees
  • slider
  • range
  • comparison
  • bars
  • counter
  • bank
Исходник компонента

Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.

Загружается…