VibeUI
РусEng
Войти
Всё1182Кнопка75Поле ввода32Список выбора33Карточка23Таблица21Диалог14Вкладки14Плашка25Аватар32Всплывающее сообщение25Автодополнение15Аккордеон14Баннер15Блок кода31Ввод кода11Ввод тегов10Всплывающая панель14Выбор даты13Выдвижная панель11Выпадающее меню22График29Группа кнопок57Группа переключателей19Группа полей40Дерево11Диалог подтверждения14Диапазон7Загрузка файлов8Индикатор ожидания13Индикатор прогресса9Календарь30Календарь событий5Карточка по наведению8Карусель19Каскадный выбор20Клавиша6Кнопка-переключатель15Командное меню15Контекстное меню10Лента событий13Меню навигации7Мокап устройства9Навигация по прокрутке7Нативный список7Оценка9Переключатели20Переключатель16Перетаскивание8Плитка с иконкой17Подпись поля13Подсказка17Поле с подсказками27Поле суммы7Поле телефона9Поле формы12Ползунок12Постраничная навигация16Пропорции кадра8Пустое состояние20Разделитель6Сворачиваемый блок9Скелетон загрузки10Спарклайн5Стопка иконок6Строка списка12Уведомление20Фильтры12Флажок23Хлебные крошки15Числовое поле9Шаги16

Кнопка

75 компонентов

  • Что не так с компонентом?

    Кнопка действия (Action Button)

    • button
    • action
    • inline

  • Что не так с компонентом?

    Кнопка с раздельным меню (Split Action Button)

    • button
    • split
    • action

  • Что не так с компонентом?

    Притягивающаяся кнопка (Magnetic CTA Button)

    • button
    • cta
    • gradient

  • Что не так с компонентом?

    Тихая второстепенная кнопка (Quiet Secondary Button)

    • button
    • secondary
    • ghost

  • Что не так с компонентом?

    Кнопка подтверждения (Confirm Button)

    • button
    • confirm
    • destructive

  • Что не так с компонентом?

    Кнопка опасного действия (Danger Action Button)

    • button
    • danger
    • destructive

  • Что не так с компонентом?

    Кнопка с социальным доводом (Social Proof Button)

    • button
    • cta
    • social-proof

  • Что не так с компонентом?

    Командная кнопка (Command Button)

    • button
    • command
    • shortcut

  • Что не так с компонентом?

    Кнопка-пилюля (Pill Toggle Button)

    • button
    • toggle
    • switch

  • Что не так с компонентом?

    Кнопка скачивания (Download Button)

    • button
    • download
    • progress

  • Что не так с компонентом?

    Кнопка-ссылка без оформления (Minimal Link Button)

    • button
    • link
    • minimal

  • Что не так с компонентом?

    Кнопка-иконка (Icon Button)

    • button
    • icon
    • compact

  • Что не так с компонентом?

    Сегментированный переключатель (Segmented Control)

    • button
    • segmented
    • radio

  • Что не так с компонентом?

    Раскрывающаяся плавающая кнопка (Expanding FAB)

    • button
    • fab
    • hover

  • Что не так с компонентом?

    Кнопка копирования (Copy Button)

    • button
    • copy
    • clipboard

  • Что не так с компонентом?

    Кнопка-ссылка (Link Button)

    • button
    • link
    • external

  • Что не так с компонентом?

    Отправка один раз (Submit Once)

    • button
    • submit
    • async

  • Что не так с компонентом?

    Счётчик количества (Quantity Stepper)

    • button
    • stepper
    • quantity

  • Что не так с компонентом?

    Кнопка реакции (Reaction Button)

    • button
    • reaction
    • toggle

  • Что не так с компонентом?

    Полоса оформления на телефоне (Mobile Checkout Bar)

    • button
    • mobile
    • checkout

  • Что не так с компонентом?

    Кнопка повтора (Retry Action Button)

    • button
    • async
    • retry

  • Что не так с компонентом?

    Подтверждение удержанием (Hold To Confirm)

    • button
    • confirm
    • hold

  • Что не так с компонентом?

    Поле с секретом (Secret Copy Field)

    • button
    • copy
    • clipboard

  • Что не так с компонентом?

    Выбор из трёх состояний (Tri-State Select)

    • button
    • toggle
    • mixed

  • Что не так с компонентом?

    Кнопка с горячей клавишей (Hotkey Bound Button)

    • button
    • hotkey
    • keyboard

  • Что не так с компонентом?

    Ссылка на файл (File Download Link)

    • button
    • download
    • link

  • Что не так с компонентом?

    Повтор с отсчётом (Resend Countdown)

    • button
    • countdown
    • resend

  • Что не так с компонентом?

    Кнопка-иконка с подсказкой (Tooltip Icon Button)

    • button
    • icon
    • tooltip

  • Что не так с компонентом?

    Действия в подвале формы (Form Footer Actions)

    • button
    • form
    • mobile

  • Что не так с компонентом?

    Кнопка со счётчиком (Notification Badge)

    • button
    • badge
    • counter

  • Что не так с компонентом?

    Кнопка выбора файла (File Picker Button)

    • button
    • upload
    • file

  • Что не так с компонентом?

    Кнопка меню действий (Overflow Menu Button)

    • button
    • menu
    • popover

  • Что не так с компонентом?

    Призрачная кнопка (Ghost Button)

    • button
    • ghost
    • secondary

  • Что не так с компонентом?

    Контурная кнопка (Outline Button)

    • button
    • outline
    • secondary

  • Что не так с компонентом?

    Ссылка внутри текста (Inline Link Button)

    • button
    • link
    • inline

  • Что не так с компонентом?

    Кнопка с двумя иконками (Dual Icon Button)

    • button
    • icon
    • leading

  • Что не так с компонентом?

    Плавающая кнопка с веером (Speed Dial FAB)

    • button
    • fab
    • speed-dial

  • Что не так с компонентом?

    Кнопка с переносом подписи (Wrapping Label Button)

    • button
    • wrap
    • multiline

  • Что не так с компонентом?

    Шкала размеров кнопки (Scale Ramp Button)

    • button
    • size
    • scale

  • Что не так с компонентом?

    Кнопка во всю ширину (Full Width Button)

    • button
    • full-width
    • form

  • Что не так с компонентом?

    Кнопка с градиентной рамкой (Gradient Border Button)

    • button
    • gradient
    • border

  • Что не так с компонентом?

    Кнопка со срезанным углом (Beveled Corner Button)

    • button
    • bevel
    • clip-path

  • Что не так с компонентом?

    Кнопка с подъёмом (Lift Shadow Button)

    • button
    • shadow
    • hover

  • Что не так с компонентом?

    Кнопка с бегущей рамкой (Running Border Button)

    • button
    • border
    • animated

  • Что не так с компонентом?

    Кнопка с глубоким нажатием (Deep Press Button)

    • button
    • press
    • 3d

  • Что не так с компонентом?

    Кнопка «наверх» (Back To Top Button)

    • button
    • scroll
    • progress

  • Что не так с компонентом?

    Кнопка внешней ссылки (External Link Button)

    • link
    • external
    • navigation

  • Что не так с компонентом?

    Вход через сервис (Provider Sign In)

    • button
    • auth
    • oauth

  • Что не так с компонентом?

    Кнопка «в корзину» (Add To Cart Button)

    • button
    • cart
    • commerce

  • Что не так с компонентом?

    Кнопка «в избранное» (Favorite Toggle)

    • button
    • favorite
    • toggle

  • Что не так с компонентом?

    Кнопка подписки (Follow Button)

    • button
    • follow
    • subscribe

  • Что не так с компонентом?

    Кнопка печати (Print Button)

    • button
    • print
    • document

  • Что не так с компонентом?

    Кнопка «поделиться» (Native Share Button)

    • button
    • share
    • clipboard

  • Что не так с компонентом?

    Кнопка с модификатором (Modifier Guard Button)

    • button
    • danger
    • guard

  • Что не так с компонентом?

    Кнопка выбора языка (Language Picker Button)

    • button
    • language
    • select

  • Что не так с компонентом?

    Кнопка со счётчиком просмотров (View Count Button)

    • button
    • stats
    • counter

  • Что не так с компонентом?

    Кнопка показа пароля (Reveal Password Button)

    • input
    • password
    • toggle

  • Что не так с компонентом?

    Отправка после проверки (Validity Gated Submit)

    • button
    • submit
    • form

  • Что не так с компонентом?

    Кнопка-чип фильтра (Filter Chip Button)

    • button
    • filter
    • chip

  • Что не так с компонентом?

    Отмена с таймером (Cancel With Elapsed)

    • button
    • cancel
    • progress

  • Что не так с компонентом?

    Кнопка генерации (Generate Button)

    • button
    • ai
    • generate

  • Что не так с компонентом?

    Отправка в композере (Composer Send)

    • button
    • composer
    • chat

  • Что не так с компонентом?

    Платёжная кнопка (Pay Button)

    • button
    • pay
    • checkout

  • Что не так с компонентом?

    Загрузка файла с отменой (Upload With Cancel)

    • button
    • upload
    • progress

  • Что не так с компонентом?

    Кнопка записи голоса (Voice Record Button)

    • button
    • voice
    • record

  • Что не так с компонентом?

    Показать ещё (Load More)

    • button
    • pagination
    • load-more

  • Что не так с компонентом?

    Сохранение со статусом (Save With Status)

    • button
    • save
    • status

  • Что не так с компонентом?

    Уведомить меня (Notify Me)

    • button
    • notify
    • reminder

  • Что не так с компонентом?

    Подписка с отпиской (Follow With Unfollow)

    • button
    • follow
    • unfollow
  • PRO

    Что не так с компонентом?

    Магнитная кнопка (Magnetic Button)

    • button
    • magnetic
    • pointer

  • Что не так с компонентом?

    Кнопка с уведомлением (Toast Overshoot Button)

    • button
    • toast
    • notification

  • Что не так с компонентом?

    Кнопка с удержанием (Hold to Confirm)

    • button
    • hold
    • confirm

  • Что не так с компонентом?

    Кнопка копирования (Copy Button)

    • button
    • copy
    • clipboard
  • PRO

    Что не так с компонентом?

    Плавающая кнопка действий (Speed-Dial FAB)

    • button
    • fab
    • speed-dial
  • PRO

    Что не так с компонентом?

    Кнопка-желе (Jelly Button)

    • button
    • jelly
    • squash