logo
Скопировано!

Демо

Наглядная работа компонента

Пример
Блоки

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

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

Из интересного:

  • Адаптируемый
  • Переход по ссылке (свайп в право)
  • Запоминает карточки
  • Интегрирован в набор блоков
  • Интегрирован с кнопками
1000 ₽
Обзор Посмотреть
Телеграм

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

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

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

Данный компонент позволяет подгружать превью для поля "файл", работает только с картинками!
Изменения:
- Полностью переделан код, теперь он меньше в 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

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

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

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

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

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

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

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

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

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

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

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

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

Больше карточек нет!

Компоненты
Формулы
Ютубчик
ТГ- Канал