Адаптивная карточка тарифов с кнопкой Upsell на Tailwind CSS. Идеальна для SaaS и лендингов, отображает тарифы, опции и призыв к действию.
Карточка с переключателем для доп. опций. Показывает название, цену и кнопку вкл/выкл. Идеально для чекаута, цен и конфигураторов.
Адаптивный CTA баннер с кнопками email и старт проекта. Tailwind CSS, flex-разметка для мобильных и десктопных версий. Призыв к действию.
Адаптивный заголовок H2 с разделением текста. Идеален для hero-секций и лендингов. Выделяет две строки текста, масштабируется.
Адаптивный Hero Banner с CTA. Заголовок, текст, иконка, кнопка. Для лендингов, портфолио, сайтов. Tailwind CSS.
Минималистичная карточка цены с таймлайном. Отображает стоимость, период оплаты и сроки проекта. Адаптивный дизайн, темная тема, Tailwind CSS.
Адаптивная секция "Hero" для лендинга AI-продукта. Демонстрирует бренд, заголовок, ключевые фичи и CTA. Оптимизирована для всех устройств. Tailwind CSS.
Адаптивная сетка карточек AI-агентов с градиентной маской. UI-компонент на Tailwind CSS для дашбордов, каталогов, витрин.
Компактный профиль пользователя: аватар, имя, роль. UI-компонент на Tailwind для списков команд, комментариев, заголовков.
CTA блок для связи: заголовок, аватар, email с mailto-ссылкой. Идеально для лендингов, футеров, секций поддержки.
Сетка ссылок в футере: 2 колонки, адаптивная, с иконками соцсетей. Tailwind CSS. Для навигации и футера сайта.
CTA заголовок с подчеркнутым выделением. UI компонент для заголовков призывов к действию на лендингах. Tailwind CSS.
Кнопка CTA "Get Started" с иконкой стрелки. Стилизована Tailwind CSS, с эффектом hover. Идеальна для лендингов и hero-секций.
Закруглённая кнопка подписки с индикатором. UI-компонент с hover-эффектом для CTA, идеально подходит для форм подписки и новостных рассылок.
Круговой индикатор статуса с кольцом. Tailwind CSS компонент для отображения активности или статуса в приложениях.
Адаптивный блок с числом, заголовком и подзаголовком. Идеален для шагов, этапов или статистики на лендингах и дашбордах. UI-компонент.
Hero-блок с заголовком и подзаголовком. Адаптивный дизайн, Tailwind CSS. Идеально для лендингов, акцентирует типографику.
Горизонтальный логотип с SVG-иконкой и названием бренда. Идеален для шапок, навигаторов и хэдер-секций. Адаптивен с Tailwind CSS.
Адаптивный блок профиля пользователя: аватар, имя, статус доступности. Идеально для списков команд, дашбордов. Tailwind CSS.
Кнопка CTA с градиентом и иконкой стрелки. Адаптивная, интерактивная, создана на Tailwind. Идеальна для лендингов.
Закругленная кнопка-ссылка CTA для навигации по разделам сайта. Стиль Tailwind CSS, с эффектом hover. Идеальна для портфолио.
Кнопка CTA для портфолио с иконкой. Адаптивная, стилизована Tailwind. Отлично подходит для навигации на десктопе.
Адаптивная карточка с тегами и CTA: показывает фичи, товары или услуги. Идеально для лендингов и дашбордов. Создана на Tailwind CSS.
Адаптивное облако логотипов (SVG) для лендингов. Центрированный заголовок, ряды лого в Tailwind CSS. Демонстрирует партнеров и повышает доверие.
Адаптивная сетка портфолио с карточками на 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 для демонстрации этапов продукта.
