Компоненты UIkit 3

Охватив весь контейнер, разверните изображения, видео или фреймы, и разместите сверху свой собственный контент. Растянуть блок на всю видимую высоту экрана.

Создавайте красивые списки определений (описаний). Список определений состоит из термина и его описания. Дополнительный класс-модификатор позволяет добавить горизонтальную линию между элементами списка.

Разделители для разделения частей контента c использованием различных стилей. Создание разделителя с отступами до и после, горизонтальный или вертикальный.

Создание точечной навигации для работы со слайд-шоу или для прокрутки к различным разделам страницы. Как сделать навигацию точками. Позиция точечной навигации сверху, как наложение на элементе.

«Капля». Отображение содержимого по типу выпадения. Расположите любой элемент в связке с другим, заранее невидимым. Отображение в виде выпадения при наведении на вызываемый элемент; появление при клике.

Создайте переключаемый раздел полной ширины с анимацией при появлении, называемый dropbar-панель.

Выпадающий список содержащий меню навигации Dropdown (дропдаун). Размещение сетки Grid и любого контента в выпадающем списке. Различные позиции при отображении раскрывающегося списка. Анимация и раскрывающийся список. Использование.

Выпадающее меню. Создание выпадающего меню для любой навигации.

Фильтруйте или сортируйте элементы используя метаданные. Любой элемент может быть отфильтрован или отсортирован независимо от того как элементы расположены. Разметка. Примеры.

Используйте огромные возможности flexbox при создании потрясающих отзывчивых макетов. Как создать разметку. Документация. Примеры.

Создание красивых форм с различными стилями. Модификаторы. Создание вертикальной и горизонтальной форм. Как вставить иконку в input. Использование, разметка и примеры.

Создайте полностью отзывчивый, плавающий, резиновый макет модульной сетки с возможностью иметь непостоянную ширину и растягиваться в зависимости от ширины окна браузера (разрешения экрана монитора). Модификаторы. Grid Masonry. Эффект параллакса.

Устанавливайте различные стили для своих заголовков. Модификаторы. Заголовок с разделителем. Разметка. Примеры.

Устанавливайте высоту элементов в зависимости от области просмотра или примените высоту другого элемента. Руководство. Применение.

Размещайте масштабируемые векторные иконки в любом месте вашего контента. Масштабируем любое изображение до размера иконки. Модификаторы. Руководство.

Горизонтальная и вертикальная иконочная навигация. Создание навигации, состоящей из иконок, значков.