Кнопка с подсказкой

Этот компонент содержит текстовую подсказку, появляющуюся при наведении на кнопку

Превью для поля

Данный компонент позволяет подгружать превью для поля "файл", работает только с картинками!
Изменения:
- Полностью переделан код, теперь он меньше в 2 раза
- Добавлена функция активации поля через превью
- Дополнительные настройки
- Исправление багов

Фишки (Choice chips)

"Фишки (Choice chips)" - это удобный инструмент, который добавит интересный и стильный вид вашей форме. Забудьте о скучных галочках и списках - теперь вы можете использовать стильные кнопки для выбора опций.
Этот компонент обладает широким набором настроек внешнего вида, включая анимацию, и прекрасно взаимодействует как с галочками, так и со списком вариантов. Вы сможете легко редактировать размеры и отступы на различных устройствах, а также настраивать индивидуальный стиль для активных и наведенных элементов.
Не забудьте добавить иконку в заголовок и настроить ее под свой вкус.
"Фишки (Choice chips)" - ваш способ сделать формы уникальными и привлекательными. Попробуйте уже сегодня и оцените разницу!

Крайнее обновление:
Компонент был переименован, ранее он назывался "Список вариантов / галочек в виде кнопок"
Переписан код, теперь фишки работают с помощью flex
Пересмотрено положение и отступы элементов
Обновлены и добавлены настройки: обводки, состояния, заголовка и др...

Плашки с привязкой к БД

Данный компонент позволит стилизовать скучную информацию, прямиком из БД.
Огромное количество настроек стилизации

Боковое меню снизу

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

Интерактивное нижнее модальное окно

Modal bottom sheets - это поверхность, содержащая дополнительный контент, который прикреплён к нижней части экрана и легко скрываются от просмотра пользователем, с ним можно взаимодействовать, открывать на пол / весь экран, при помощи touchscreen или мыши.
Так же его можно вызывать разными способами: формой, кнопкой, событием или utm меткой, т.е. - использовать как родное модальное окно Creatium!

В этой версии:
Полностью переписан код;
Появилась адаптивность под все устройства;
Добавилось множество настроек кнопки;
Предзагрузка модального окна до его открытия;
Кол-во таких окон не ограничено на странице;
Плавность и оптимизация под разные системы и устройства;
Большое кол-во настроек оформления и работы окна;
Изменено поведения окна;
Теперь можно обращаться к окну с помощью API CREATIUM;
Настройка размытие фона, новая драг полоса с анимацией и многое другое.

Кнопка с появлением иконки

В кнопке при наведении появляется иконка;

Кнопка с заменой текста

В кнопке при наведении меняется текст;
Добавлена анимация для текста;
Полностью настраиваемая анимация;
Переделан эффект "поднятия".

Кнопка с эффектом появления текста

При наведении на кнопку появляется текст;
Добавлена анимация для текста;
Переделан эффект "поднятия".

Слайдер drag scrolling

Данный компонент позволяет скролить слайдер мышкой;
Полностью настраиваемый компонент, с анимацией при прокрутке.

Выделения текста другим цветом

Этот компонент может стилизовать выделения текста, вашими цветами

Кнопка с shake эффектом при наведении

При наведении кнопка красиво двигается;
Есть подробные настройки для эффекта.

Captcha для формы

Captcha предлагает вам выполнить задание, которое сложно выполнить программе, но легко вам. Таким образом, она подтверждает вашу подлинность как человека и защитит Ваш сайт от спам-рассылок и автоматизированных действий.
Она имеет привязку к форме и не позволяет отправить её, до правильного ввода капчи;
Все поля и кнопки в капче можно легко трансформировать под ваш дизайн;
Так же с лёгкостью можно изменить текст и прочие атрибуты в ней;
Без подключения сторонних плагинов, написан на чистом js.

Резиновые блоки с открывашками

При нажатии на блок он открывает скрытый контент и плавно растягивается, все блоки внутри идут друг за другом

UPD:
Доработан код;
Добавлена функция аккардиона (Другие открывашки будут закрыватся при активации);
Появилась возможность добавить иконку;
Все возможные настройки визуализации;
Положение аккордеон и многое другие.

Слайдер drag scrolling v2

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

Исправлены ошибки:
- Теперь на странице может находится до 10-ти слайдеров;
- Исправлены ошибки со скролом колёсика;
- Исправлены ошибки с высотой;
- Переделан код;
- Кнопки работают для каждого слайдера отдельно;
- На редакторе 4.4. работает исправно.

Кнопка с эффектом появления иконок

В этой кнопке, при наведении появляются иконки в разных направлениях;
Подробная настройки тени: статичной, при наведении, иконок;
Полная настройка как иконок, так и кнопки;
Оптимизирован код.

Кнопка с анимацией градиента

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

Блок с hover эффектом

Этот блок позволяет подробно настроить hover эффект под разные девайсы и под любой дизайн;
Добавлена анимация для текста;
Оптимизирован код.

Кнопка с hover эффектом

При наведении на кнопку, она красиво окрашивается в ваши цвета.
Большое кол-во настроек для этого эффекта, вам не придётся лезть в код, всё уже удобно упаковано в компонент!

Корзина с кол-вом товаров и итоговой стоимостью

Огромное количество настроек как для стилизации кнопки, так и для бейджика;
Есть разные эффекты;
Может выводить общую стоимость товара;
Подтягивает данные из корзины!

Секция с анимацией SVG элементов

Этот компонент представляет собой секцию с элементами SVG, которые отличаются цветом, размером и положением. Он адаптируется под все типы экранов, обладает легким весом в 3КБ и не нагружает устройства. Данный компонент идеально подходит для создания ярких лендингов и других визуально привлекательных страниц!

Блок с hover эффектом курсора

Этот блок имеет эффектные и полностью настраиваемые hover-переходы с плавным появлением при наведении курсора. Курсор так же участвует в интерактивности благодаря эффектам, которые могут быть применены к нему. Блок может быть ссылкой. Этот компонент адаптивный, и предлагает множество вариантов эффектов и настроек.

Мега мобильное меню

Мобильное меню в котором есть возможность показа любого контента сразу на нём, множество настроек как внешнего вида, так и функционала, адаптировать так же можно на любое устройства. Компонент может показывать / скрывать контент, открывать pop-up скрывая себя, фиксироваться в конце страницы на прозрачном фоне, менять иконки и тень в активном положении.

Версия 1.1 UPD:
Обновлен и оптимизирован код;
Добавлена функция закрытия контейнера при тапе по свободной области;
Кнопки (показывающие контейнер) теперь можно дублировать;
И другие мелкие изменения.

Sidebar боковая панель

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

В версии 2.0:
Подменю первого уровня,
Контейнер с боку,
В кнопках возможность поставить свои иконки,
Оптимизация кода (очень крупная),
Мелочные доработки,
И дополнительные настройки.

File Downloader в виде плашек

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

Можно подключить как одно поле с файлами так и несколько полей;

Название файла:
- Автоматическое, в зависимости от расширения файла,
- Последние символы, с выбором кол-во символов,
- Ручной ввод с индексом.

Изображение:
- Возможность открыть в новой вкладке;
- Показывает превью;
- Расположение и настройки внешнего вида превью;

Архивирование:
- Все файлы помещаются в архив и скачиваются;
- 3 состояния кнопки легко редактируются в настройках;
- Кнопка идёт самой последней в списке;
- Название для архива можно поменять либо взять с БД;

Плашки обзавелись настройками на все случаи жизни;
Текст в них так же не исключения.

Уникализация списка

Компонент обновляет выпадающий список, фильтруя и уникализируя данные, в случае необходимости — выполняя их сортировку.
Работает так же и с БД, удаляет пустые данные.
Хорошо подойдёт для фильтров, так как в нём будут только уникальные и не пустые данные для фильтрации.

Фишки (Choice chips) PRO

PRO версия компонента "Фишки (Choice chips)" предлагает новые возможности для управления вашими элементами выбора. Теперь вы можете воспользоваться функцией поиска, легко скрывать и отображать фишки по нажатию кнопки, а также полностью настраивать их вид. Дополнительно добавлена функция перемещения фишек в начало по нажатию. Эти функции делают PRO версию идеальным выбором для тех, кто ищет более широкие возможности настройки и удобства в работе с формами.

Скрытый набор кнопок

Этот компонент позволит спрятать кнопки в блок, по наведению на который появятся кнопки с красивой анимацией;
Так же внутри кнопок есть возможность поставить свои иконки.
Отлично подойдёт для соц. сетей или контактов, есть адаптация под все устройства

Страница 404, бумажечка

При загрузке страницы бумажка анимируется (рвется) при наведении восстанавливается.

Этот компонент импортируется в секцию, много настроек и есть адаптация под все устройства.

AIR BAR (Плавающая панель)

Эта панель, которая закрепляется на одной из сторон страницы, занимая минимум места. При наведении она элегантно раскрывается, показывая весь свой контент, а затем так же изящно сворачивается обратно.

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

Такая панель прекрасно подойдёт для использования в навигации как для лендингов, так и для многостраничных крупных проектов
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Что бы логотип появился при наведении укажите ему класс "logoairactive" (через капельку), а что бы старый исчез — укажите "logoair"

DRAG & DROP IMAGES UPLOAD - МУЛЬТИЗАГРУЗКА ИЗОБРАЖЕНИЙ

Компонент является полем для форм.
Он может принимать больше одного изображения одновременно, имеется функция переноса в dropzon и последующая загрузка.

Основные функции компонента включают:

- Автоматическое формирование массива из загруженных изображений;
- Удаление повторяющихся изображений;
- Предзаполнение поля;
- Отображение миниатюр загруженных изображений;
- Возможность сортировки изображений;
- Удобное удаление;
- Полная интерактивность с мгновенной обратной связью;
- Отображение информативных сообщений об ошибках;
- Индикатор прогресса загрузки.

Использование анимаций, интерактивности и удобного UI-UX сделают вашу форму более привлекательной и удобной для пользователей. А благодаря функции сортировки большинство задач, связанных с изображениями, будут решаться моментально.
• Исправлено формирование массива
• Добавлена главная миниатюра
• Миниатюры можно расположить внутри слайдера
• Слайдер работает с колёсиком, мышью, тачем
• Переработаны микро-анимации
• Добавлены настройки в интерфейс

Кастомный выпадающий список (select)

Этот компонент заменяет стандартные выпадающие списки (select) в браузере на кастомные, которые можно полностью настроить под свои нужды.
Он работает одинаково во всех браузерах и на всех устройствах, так как заменяет стандартный select на свою собственную оболочку, сохраняя при этом родные данные, поведения, и функции.
Из коробки имеет большое кол-во настроек стилизации, как списка, так и стрелок с прокруткой.

Сразу трансформирует все выпадающие списки на странице, не придётся перенастраивать форму, а удобный интерфейс настроек позволит сделать один дизайн на все поля без дублирования и лишней работы!

Кастомный выпадающий список — это идеальный выбор для тех, кто хочет улучшить юзабилити своих форм и сделать их в разы современнее

Многострочное текстовое поле с автоматической высотой

Растягивает поле в соответствии с количеством строк внутри этого поля При достижении максимальной высоты, появляется прокрутка, всё можно настроить

Многострочное текстовое поле с ограничениями

- Ограничение символов и строк: Установите точные лимиты на кол-во символов и строк, чтобы пользователи не выходили за рамки заданного формата.
- Автоматическая высота: Поле автоматически подстраивается под вводимый текст.
- Множество настроек: Настройте поле под свой дизайн, прокрутку, вывод ошибки, поведения и многое другое.
- Динамический вывод ошибок: Ошибки отображаются как внутри поля, так и при отправке формы, обеспечивая мгновенную обратную связь.
- Удобство и простота: Пользователи оценят интуитивно понятный интерфейс и плавную работу поля
Исправление:
-Фикс бага

Ограничение строк

Этот компонент ограничивает кол-во строк, высоту и ширину текста из БД.
Отлично подходит для выравнивания карточек объектов

Страница 404, пролитая краска

На этой секции под мышкой разливается краска, при клике у неё меняется цвет.
Этот компонент импортируется в секцию!

Горизонтальный календарь

Имеет все возможность обычного календаря (air-datepicker)
Доп функции:
- Скролл календаря перетаскиванием
- Скролл колёсиком мыши
- Затемнение боков прокрутки
- Плавная анимация при переходе с прошлого месяца на активный
- Подключение к БД и скрытие дат
- Скрытие дат до сегодня
- Кастомизация ячеек/календаря

*beta - работа компонента стабильна, но от времени будет допиливаться и дополнятся настройками!

Сортировка

Подключается к набору блоков через плагин, в комплекте идёт: сам плагин, настраиваемые кнопки сортировки и многофункциональная пагинация.

Из интересного:
- Сортирует по цене/дате в обе стороны
- Может использовать настройку по умолчанию
- Простая установка
- Реагирует на URL, т.е. можно использовать обычные ссылки и он это поймёт
- Специальные кнопки которые реагируют на URL
- Та же учесть и у пагинации
- Сортировка не мешает фильтрации и отлично срабатывается с неё
- Все данные хранятся в кеше и ускоряют загрузку данных
- На 1000 больших карточек кеш не превышает 5 кб
- Много настроек и открытый код

Упрощайте навигацию и улучшайте использование проекта с помощью сортировки контента!

Свайпер карточек как в tinder

Подключается к набору блоков превращая его в свайпер и в случае лайка переходит на страницу карточки

Из интересного:
- Адаптируемый
- Переход по ссылке (свайп в право)
- Запоминает карточки
- Интегрирован в набор блоков
- Интегрирован с кнопками