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

Красивый адаптивный аккордеон для сайта с анимацией при развертывании. Горизонтальный выпадающий список аккордеон для раскрытия блоков с необходимой информацией внутри.

Уведомления. Диалоговое окно. Отображение успешного или положительного сообщения с анимацией. Сообщения об ошибках и предупреждениях. Взаимодействие с пользователем. Модификаторы.

Управляйте выравниванием встроенных элементов в зависимости от размера области просмотра вместе с фреймворком UIkit 3. Адаптивные классы при выравнивании элементов.

Потрясающая коллекция плавных CSS-анимаций для использования на веб-странице. Создание анимации. Эффект Кена Бернса. Применение. Модификаторы. Разметка. Примеры.

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

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

Создавайте красивые уведомительные значки. Стилизованный «значок» с текстовой информацией можно использовать как часть ссылки или кнопки, в качестве счетчика.

Основные элементы HTML. Компонент предоставляет стили по умолчанию для всех элементов HTML. Используются стили знаменитого Normalize.css.

Создавайте «хлебные крошки» на сайте, чтобы показать пользователям их местоположение на веб-сайте. Дублирующее меню (Breadcrumbs) - один из видов навигации по сайту, играет важную роль для SEO. Обзор, разметка, пример.

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

С компонентом «Карточка» («Карта») можно создавать потрясающие макеты с разными стилями и эффектами. Различные модификаторы. Разметка. Примеры.

Создайте значок закрытия, который можно комбинировать с различными компонентами фреймворка UIkit 3. Значок «Закрыть» в оповещениях. Кнопка закрытия в модальном окне.

Контент в нескольких текстовых колонках. Универсальный вариант для отображения контента в нескольких текстовых колонках. Многоколоночный текст. Адаптивное поведение.

Создавайте и стилизуйте блоки с комментариями на сайте, например, для раздела блога на вашем сайте. Компонент по умолчанию включает в себя стили для комментариев.

Компонент «Контейнер» позволяет выравнивать и центрировать содержимое страницы. Обычно в контейнер обернут основной контент сайта.

Создание таймера обратного отсчета с использованием удивительного фреймворка UIkit 3. Таймер показывает, сколько времени осталось до заданного момента.

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

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