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

Крайние обновления

Здесь отсортированы компоненты, которые были обновлены в недавнее время

Крайние обновления

Здесь отсортированы компоненты, которые были обновлены в недавнее время

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

Версия 1.1 - 12 июля

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

Версия 1.2 - 12 июля

Слайдер drag scrolling v2

Версия 1.6 - 26 июня

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

Версия 2.0 - 06 июня

Фишки (Choice chips)

Версия 2.0 - 05 марта

Все компоненты

В каталоге — уже более 38 позиций 😱

СКИИИДКА НА ВТОРОЙ КОМПОНЕНТ 20%

При покупке первого компонента, второй будет на 20% (200₽) дешевле

В разработке, но скоро появится!)

Сортировка

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

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

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

1500 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 0.8 beta - 08.07.2024 19:17

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

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

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

Демо

В разработке, но скоро появится!)

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

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

Демо

В разработке, но скоро появится!)

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

Версия 2.0 - 06.06.2024 10:39

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

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

2000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 1.2 - 12.07.2024 10:46

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

Демо

В разработке, но скоро появится!)

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

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

Демо

В разработке, но скоро появится!)

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

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

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

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

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 12.07.2024 10:46

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

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

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

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

2000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

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

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

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

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

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

Демо

В разработке, но скоро появится!)

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

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

Демо

В разработке, но скоро появится!)

Фишки (Choice chips) PRO

Версия 2.0 PRO - 05.03.2024 10:22

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

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

Демо

В разработке, но скоро появится!)

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

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

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

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

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

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

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 2.0 - 26.01.2024 09:00

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

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 26.12.2023 14:32

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

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 1.3 - 30.12.2023 10:33

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

Демо

В разработке, но скоро появится!)

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

Версия 1.0 - 17.10.2023 15:32

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

Демо

В разработке, но скоро появится!)

Слайдер drag scrolling v2

Версия 1.6 - 26.06.2024 10:22

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

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

Демо

В разработке, но скоро появится!)

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

Версия 2.0 - 26.12.2023 19:08

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

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

Демо

В разработке, но скоро появится!)

Captcha для формы

Версия 1.0 - 18.07.2023 15:00

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

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 13.07.2023 14:44

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

Демо

В разработке, но скоро появится!)

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

Версия 1.7 - 30.12.2023 10:28

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

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 12.07.2023 19:43

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 1.0 - 12.07.2023 14:38

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

Демо

В разработке, но скоро появится!)

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

Версия 1.2 - 08.07.2023 23:09

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

Демо

В разработке, но скоро появится!)

Слайдер drag scrolling

Версия 1.2 - 02.11.2023 15:22

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

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 07.07.2023 13:26

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

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 07.07.2023 13:26

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

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 07.07.2023 13:26

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

Демо

В разработке, но скоро появится!)

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

Версия 1.3 - 06.10.2023 14:30

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 1.4 - 30.12.2023 10:18

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

Демо

В разработке, но скоро появится!)

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

Версия 1.0 - 05.07.2023 19:18

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

1000 ₽ Купить
Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 28.05.2023 00:12

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

Демо

В разработке, но скоро появится!)

Переработанное превью

Версия 1.0 - 02.04.2023 12:43

Настраиваемый компонент;
Картинка автоматом расширяется под контейнер;
Пропадает при удалении изображения!

Демо

В разработке, но скоро появится!)

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

Версия 1.1 - 05.12.2022 16:09

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

Демо

В разработке, но скоро появится!)

Фишки (Choice chips)

Версия 2.0 - 05.03.2024 10:30

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

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

Демо

ПУ пу пу

Большинство моих компонентов free и не обязуют указание автора, но если вам некуда деть пару миллионов, то вот кнопочка для донатов

ПУ пу пу

Большинство моих компонентов free и не обязуют указание автора, но если вам некуда деть пару миллионов, то вот кнопочка для донатов

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