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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Компонент Уведомление Notification

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

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

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

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

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

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

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

Компонент Пагинация Pagination

Нумерация страниц. Создание красивой пагинации для постраничной навигации по страницам сайта. Предыдущая и следующая. Выравнивание. Руководство по использованию.

Компонент Параллакс Parallax

Анимируйте свойства CSS и измените видимое положение объекта относительно удалённого фона в зависимости от положения прокрутки документа.