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

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

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

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

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

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

Компонент Ярлык : Метка Label

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

Компонент Отточие Leader

Точечный пунктир. Создание оглавления с отточиями. Создавайте оформление, которое выглядит как оглавление в книге, или как меню с ценами (ресторана, кафе). Точечный пунктир для списка свойств / характеристик товара, где варианты и их значения разделены точками.

Компонент Лайтбокс Lightbox

Создайте адаптивную эффектную галерею с использованием красивой анимации. Потрясающий лайтбокс для изображений и видео с широкими возможностями. Использование. Примеры.

Компонент Ссылка Link

Устанавливайте различные стили для ссылок. Использование модификаторов. Сбросить цвет ссылки. Применить стиль ссылки к одному из его дочерних элементов. Руководство. Примеры.

Компонент Список List

Создавайте красивые списки используя разные стили. Добавьте зебра-чередование в список элементов. Стиль «Линия». Модификатор «Large».

Компонент Внешний отступ Margin

Коллекция вспомогательных классов для добавления внешних отступов. Автоматическое добавление отступов в UIkit 3. Разметка. Примеры. Руководство.

Компонент Маркер Marker

Создайте «Маркер», иконку-значок, который может отображаться поверх изображений. Указатель (всплывающая подсказка) при наведении на маркер. Руководство. Примеры.

Компонент Модальное окно Modal

Шикарный компонент для создания модальных диалоговых окон с разными стилями и переходами. Модификаторы. Руководство.

Компонент Навигация списком Nav

Создавайте навигации списком и устанавливайте различные стили для неё. Создание навигации в стиле многоуровнего меню «Аккордеон».

Компонент Панель навигации Navbar

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

Компонент Всплывающее уведомление Notification

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

Компонент Сайдбар вне холста Off-canvas

Создание боковой панели «вне холста». Модификаторы. Анимационные режимы. Панель Off-canvas идеально подходит для мобильных навигаций.

Компонент Наложение Overlay

Эффект наложения. Создайте наложение поверх изображения, применяйте различные стили и позиции. Модификаторы стиля. Иконка в качестве наложения. Руководство по использованию.

Компонент Внутренний отступ Padding

Коллекция вспомогательных классов для добавления промежутков между элементами и их содержимым. Добавление и удаление внутренних отступов. Руководство.