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