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

Карточка

23 компонента

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

    Карточка материала (Content Card)

    • card
    • content
    • link

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

    Карточка показателя (Metric Card)

    • card
    • metric
    • dashboard

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

    Карточка человека (Person Card)

    • card
    • person
    • team

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

    Карточка товара (Product Card)

    • card
    • product
    • commerce

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

    Карточки выбора (Choice Cards)

    • card
    • radio
    • pricing

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

    Карточка задачи (Task Card)

    • card
    • task
    • progress

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

    Карточка уведомления (Notification Card)

    • card
    • notification
    • inbox

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

    Карточка добавления (Add Card)

    • card
    • empty
    • add

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

    Карточка с подробностями (Details Card)

    • card
    • details
    • order

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

    Скелетон карточки (Card Skeleton)

    • card
    • skeleton
    • loading

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

    Карточка закладки (Bookmark Card)

    • card
    • link
    • bookmark

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

    Карточка с кадром (Ratio Media Card)

    • card
    • media
    • aspect-ratio

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

    Карточка с адаптивной раскладкой (Adaptive Layout Card)

    • card
    • container-query
    • responsive

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

    Плитка с изменением (Delta Tile)

    • card
    • metric
    • delta

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

    Карточка-чеклист (Checklist Card)

    • card
    • checklist
    • progress

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

    Карточка файла (File Row Card)

    • card
    • file
    • list

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

    Карточка с цитатой (Quote Card)

    • card
    • testimonial
    • quote

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

    Карточка выделенного тарифа (Featured Plan Card)

    • card
    • pricing
    • plan

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

    Карточка пустого состояния (Empty State Card)

    • card
    • empty-state
    • onboarding

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

    Карточка со сроком (Timed Alert Card)

    • card
    • notification
    • alert

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

    Скелетон ленты (Feed Skeleton)

    • card
    • skeleton
    • loading

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

    Карточка события (Event Card)

    • card
    • event
    • calendar

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

    Карточка с оборотом (Flip Card)

    • card
    • flip
    • 3d