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

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

Компонент Заполнитель Placeholder

Создайте область заполнителя, которую можно использовать для загрузки файлов с помощью перетаскивания (drag and drop). Руководство по использованию.

Компонент Позиция Position

Коллекция вспомогательных классов для позиционирования элементов, контента. Наложение элемента поверх другого. Размещения элементов снаружи контейнера. Модификаторы. Руководство.

Компонент Печать Print

Оптимизируйте свои страницы для удобочитаемой и экономичной печати

Компонент Индикатор выполнения Progress

Индикатор прогресса или процесса (Progress, progress bar) - элемент интерфейса, который визуально отображает процесс работы, ход выполнения текущей задачи.

Компонент Плавная прокрутка Scroll

Режим плавной прокрутки. Плавная прокрутка на страницах сайта при переходе к различным разделам.

Компонент Отслеживание скролла Scrollspy

Запускайте события и анимацию при прокрутке вашей страницы. Отслеживание скролла прослушивает (отслеживает) прокрутку страницы и инициирует события на основе позиции прокрутки.

Компонент Поиск Search

Создание поиска. Кликабельная иконка поиска внутри панели навигации; открытие с использованием наложения или в модальном окне. Модификаторы.

Компонент Раздел Section

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

Компонент Slidenav

Навигация с кнопками "Предыдущий" и "Следующий" для переключения слайдера или слайд-шоу. Контейнер навигации. Позиция как наложение.

Компонент Слайдер Slider

Многофункциональная карусель. Создайте отзывчивый слайдер. Добавление параллакс-эффектов. Переключение элементов сразу комплектами. Размещение любого контента с навигацией вне карусели.

Компонент Слайд-шоу Slideshow

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

Компонент Сортируемые элементы Sortable

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

Компонент Спиннер Spinner

Загрузчик «Спиннер». Создайте анимированный загрузчик «Спиннер». Изменить размер загрузчика поможет параметр «ratio».

Компонент Липкие элементы Sticky

Создавайте прилипающие элементы при прокручивании страницы. Заставьте элемент оставаться в верхней части окна просмотра. Липкое поведение с задержкой. Анимация при появлении. Липкий при прокрутке вверх.

Компонент Суб-навигация Subnav

Определяет разные стили для суб-навигации. Пункты меню с вертикальными линиями. Суб-навигация с выпадающим списком меню. Документация. Примеры

Компонент Масштабируемая векторная графика SVG

Вставляйте встроенные изображения SVG в разметку веб-страницы и стилизуйте их с помощью CSS. SVG-спрайты. Анимация линий SVG. Документация.