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

Более быстрая разработка с потрясающей коллекцией компонентов UIkit 3. Фреймворк содержит в себе большое количество разных по тематике компонентов для разработки современных веб-проектов.

Компонент Обложка Cover

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

Компонент Список описаний Description list

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

Компонент Разделитель Divider

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

Компонент Точечная навигация Dotnav

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

Компонент Выпадение Drop

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

Компонент Выпадающий список Dropdown

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

Компонент Фильтр Filter

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

Компонент Flex

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

Компонент Форма Form

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

Компонент Сетка Grid

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

Компонент Заголовок Heading

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

Компонент Высота Height

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

Компонент Иконка Icon

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

Компонент Иконочная навигация Iconnav

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

Компонент Изображение Image

Ускоряем время загрузки страницы загружая изображения только когда они входят в область просмотра, уменьшаем трафик. Руководство. Применение. Разметка.

Компонент Инверсия Inverse

Инвертируйте стиль любого компонента, чтобы улучшить видимость объектов на светлом или темном фоне. Примеры. Руководство.