Адаптивная сетка портфолио с карточками на Tailwind CSS. Отображение проектов с эффектом увеличения при наведении, категориями и кнопками. Идеально для личных сайтов.
Адаптивная секция с аккордеоном в стиле Glassmorphism. Показывает услуги, категории, изображения и кнопки CTA. Идеально для маркетинговых страниц.
Баннер с информацией о локации и ссылкой на портфолио. Иконка карты, CTA. Адаптивный, для хедера, футера, контактов.
Адаптивный Hero-блок с заголовком, текстом и кнопками CTA. Оптимизирован для лендингов, портфолио.
Адаптивный заголовок H1 для представления с инлайн-аватаром и превью. Идеально для портфолио и лендингов.
Адаптивная шапка сайта с градиентом: навигация, кнопка входа, меню. Фиксируется сверху, создана на Tailwind CSS.
Hero-секция для лендинга чартера яхт. Градиентный фон, заголовок, CTA, соц. доказательства. Адаптивный дизайн на Tailwind CSS.
Адаптивная инфо-панель с геолокацией, часами GMT и живым временем. Идеально для хедера, профиля или дашборда.
Адаптивная контактная панель: статус, локация, телефон, email. UI компонент для бизнеса на Tailwind CSS. Быстрые CTA-действия.
Адаптивная галерея яхт в стиле Masonry с эффектом hover. Отображает списки яхт, фильтры, зум изображений, рейтинги и CTA. Идеально для чартера и e-commerce.
Адаптивная сетка карточек категорий яхт. 4 карточки с иконками, заголовками и текстом. Эффект градиента/кольца при наведении. Для сайтов о яхтах и чартерах.
Секция цен с CTA на Tailwind CSS. Отображает пакеты услуг с иконками, стекловидной размытой картой и динамическими ссылками. Идеально для страниц бронирования.
Адаптивная секция календаря предстоящих событий. Отображает карточки событий с датой, местом, изображением и кнопками. Идеально для лендингов и календарей.
Адаптивный футер с формой подписки на рассылку. Включает логотип, соцсети, навигацию. Идеален для SaaS, агентств, e-commerce.
Адаптивный футер для портфолио на Tailwind CSS. Содержит контакты, ссылки, соцсети и CTA "Начать проект". Идеален для сайтов-портфолио.
Адаптивный блок "Обо мне" для портфолио. Двухколоночная структура с фото, био, навыками, бейджами и CTA. Создан на Tailwind CSS.
Анимированный фон UnicornStudio для контента. Автоматическая загрузка библиотеки, позиционирование Tailwind. Идеален для hero-секций и лендингов.
Встраивает проект UnicornStudio как полноэкранный слой с автозагрузкой скрипта из CDN для интерактивных эффектов или анимации.
Карточка сообщества с эффектом при наведении. Glassmorphism, Tailwind CSS. Для списков сообществ, продуктов.
Glassmorph карточка сообщества с иконкой, названием, описанием, статистикой и метками. Адаптивный UI-компонент на Tailwind CSS для дашбордов.
Интерактивная карточка категории с изображением и эффектом размытия при наведении. Tailwind CSS, градиентный значок. Для ссылок, превью статей.
Карточка профиля пользователя с аватаром, статистикой (подписчики, сообщества) и кнопками действий. Адаптивный дизайн на Tailwind CSS для соцсетей и списков участников.
Анимированный карусель отзывов с горизонтальной прокруткой и градиентными краями. Реагирует на размер экрана, подходит для лендингов.
Секция с двумя панелями: изображение и текст со статистикой и стрелками. Адаптивный UI-паттерн на Tailwind CSS для демонстрации этапов продукта.
Адаптивная сетка карточек с иконками и изображениями. Идеально для лендингов SaaS и продуктовых сайтов с темной темой.
Адаптивная карточка Tailwind для маркетинга корпоративных предложений. Идеальна для лендингов и сеток функций.
Адаптивная карточка AI-функции: стильный UI-компонент с иконками, текстом и изображением. Идеально для лендингов, дашбордов и маркетинговых сеток.
Карточка системной архитектуры с навигацией: отображает фазу системы, KPI, с кнопками пред/след. Адаптивная, в темном стиле, для каруселей, онбординга, дашбордов.
Форма для ввода данных о проекте: адрес, земельный участок, площадь. Форма для приложений по недвижимости и градостроительству.
Баннер с иконкой и текстом для отображения информации, предупреждений или подсказок пользователям. UI-компонент для информирования.
Поле формы с меткой, подсказкой и текстовой областью для сбора подробных пользовательских данных. Адаптивный дизайн.
Интерактивная карточка с чекбоксом. Раскрывает доп. поля формы при выборе. Идеально для условных секций.
Секция формы с выпадающими чекбоксами для сложных полей. Идеально для детализированных анкет и интерактивных форм.
Кнопка валидации с иконкой. Основное действие для форм, подтверждений и завершения задач. UI-компонент.
Cadre 3: UI-компонент для создания рамок и обрамлений в дизайне. Используется для визуального выделения элементов и структурирования контента.
AI помощник для генерации кода. Улучшает разработку, предлагает решения и ускоряет написание кода.
UI компонент: текстовое поле с кнопкой ИИ. Позволяет пользователям вводить текст и использовать ИИ для его обработки или генерации. Идеально для чат-ботов и ассистентов.
Адаптивный макет дашборда с боковой панелью иконок. Отображает карточки сообщества: популярные, недавние. Идеален для соцсетей и контент-приложений.
Адаптивная таблица цен с градиентными карточками. Отлично подходит для SaaS и подписок, отображает тарифы, цены, функции и CTA.
Логотип-ссылка с иконкой и текстом. Компонент для заголовков и навигации, созданный на Tailwind CSS. Отлично подходит для брендинга и редиректов.
UI компонент для загрузки документов. Позволяет пользователям легко добавлять файлы на сайт или в приложение.
Сетка ограничений в аккордеонах с поиском и печатью. Отображает критерии со статусами, фильтром, навигацией. Для дашбордов.
Кнопка подтверждения с иконкой галочки на Tailwind CSS. Идеальна для форм, модальных окон и тулбаров для действий submit, validate, confirm.
Многосекционная форма заявки на разрешение на строительство с аккордеоном. Включает автозаполнение, подсказки ИИ, валидацию, загрузку файлов и подписи.
Адаптивный заголовок с изображениями в тексте. Tailwind CSS. Для лендингов и hero-секций. Вводит бренд или команду.
Кнопка CTA с градиентом Tailwind и иконкой стрелки. Привлекает внимание на лендингах, направляя к контактам или началу проекта.
Адаптивная темная секция для лендингов. Герой с AI-карточками товаров: заголовок, список, CTA. Tailwind CSS. Технологии.
Секция с сеткой проектов (1–3 колонки) на Tailwind CSS. Отображает портфолио с деталями при наведении. Адаптивный дизайн, идеален для сайтов агентств и разработчиков.
