Адаптивный футер с формой подписки на рассылку. Включает логотип, соцсети, навигацию. Идеален для SaaS, агентств, e-commerce.
Промпт
Скилы и промпты
Командная строка
Тип
Upcoming Events Calendar Section - VibeCoderz
vibecoderz.ru
Адаптивная секция календаря предстоящих событий. Отображает карточки событий с датой, местом, изображением и кнопками. Идеально для лендингов и календарей.
Промпт
Скилы и промпты
Командная строка
Секция цен с CTA на Tailwind CSS. Отображает пакеты услуг с иконками, стекловидной размытой картой и динамическими ссылками. Идеально для страниц бронирования.
Промпт
Скилы и промпты
Командная строка
Responsive Yacht Category Card Grid - VibeCoderz
vibecoderz.ru
Адаптивная сетка карточек категорий яхт. 4 карточки с иконками, заголовками и текстом. Эффект градиента/кольца при наведении. Для сайтов о яхтах и чартерах.
Промпт
Скилы и промпты
Командная строка
Адаптивная галерея яхт в стиле Masonry с эффектом hover. Отображает списки яхт, фильтры, зум изображений, рейтинги и CTA. Идеально для чартера и e-commerce.
Промпт
Скилы и промпты
Командная строка
Адаптивная контактная панель: статус, локация, телефон, email. UI компонент для бизнеса на Tailwind CSS. Быстрые CTA-действия.
Промпт
Скилы и промпты
Командная строка
Location & Live Time Info Bar - VibeCoderz
vibecoderz.ru
Адаптивная инфо-панель с геолокацией, часами GMT и живым временем. Идеально для хедера, профиля или дашборда.
Промпт
Скилы и промпты
Командная строка
Luxury Yacht Charter Hero Section - VibeCoderz
vibecoderz.ru
Hero-секция для лендинга чартера яхт. Градиентный фон, заголовок, CTA, соц. доказательства. Адаптивный дизайн на Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Адаптивная шапка сайта с градиентом: навигация, кнопка входа, меню. Фиксируется сверху, создана на Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Responsive Hero Heading with Inline Avatars - VibeCoderz
vibecoderz.ru
Адаптивный заголовок H1 для представления с инлайн-аватаром и превью. Идеально для портфолио и лендингов.
Промпт
Скилы и промпты
Командная строка
Responsive Hero Section with CTA Buttons - VibeCoderz
vibecoderz.ru
Адаптивный Hero-блок с заголовком, текстом и кнопками CTA. Оптимизирован для лендингов, портфолио.
Промпт
Скилы и промпты
Командная строка
Location Info Banner with Portfolio Link - VibeCoderz
vibecoderz.ru
Баннер с информацией о локации и ссылкой на портфолио. Иконка карты, CTA. Адаптивный, для хедера, футера, контактов.
Промпт
Скилы и промпты
Командная строка
Glassmorphic Services Accordion Section - VibeCoderz
vibecoderz.ru
Адаптивная секция с аккордеоном в стиле Glassmorphism. Показывает услуги, категории, изображения и кнопки CTA. Идеально для маркетинговых страниц.
Промпт
Скилы и промпты
Командная строка
Responsive Portfolio Grid with Hover Cards - VibeCoderz
vibecoderz.ru
Адаптивная сетка портфолио с карточками на Tailwind CSS. Отображение проектов с эффектом увеличения при наведении, категориями и кнопками. Идеально для личных сайтов.
Промпт
Скилы и промпты
Командная строка
Responsive Logo Cloud Section (Tailwind) - VibeCoderz
vibecoderz.ru
Адаптивное облако логотипов (SVG) для лендингов. Центрированный заголовок, ряды лого в Tailwind CSS. Демонстрирует партнеров и повышает доверие.
Промпт
Скилы и промпты
Командная строка
Feature Highlight Card with Tags & CTA - VibeCoderz
vibecoderz.ru
Адаптивная карточка с тегами и CTA: показывает фичи, товары или услуги. Идеально для лендингов и дашбордов. Создана на Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Portfolio Call-to-Action Button with Icon - VibeCoderz
vibecoderz.ru
Кнопка CTA для портфолио с иконкой. Адаптивная, стилизована Tailwind. Отлично подходит для навигации на десктопе.
Промпт
Скилы и промпты
Командная строка
Rounded CTA Link Button - VibeCoderz
vibecoderz.ru
Закругленная кнопка-ссылка CTA для навигации по разделам сайта. Стиль Tailwind CSS, с эффектом hover. Идеальна для портфолио.
Промпт
Скилы и промпты
Командная строка
Gradient CTA Button with Arrow Icon - VibeCoderz
vibecoderz.ru
Кнопка CTA с градиентом и иконкой стрелки. Адаптивная, интерактивная, создана на Tailwind. Идеальна для лендингов.
Промпт
Скилы и промпты
Командная строка
User Profile Row with Avatar & Availability - VibeCoderz
vibecoderz.ru
Адаптивный блок профиля пользователя: аватар, имя, статус доступности. Идеально для списков команд, дашбордов. Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Brand Logo with SVG Icon - VibeCoderz
vibecoderz.ru
Горизонтальный логотип с SVG-иконкой и названием бренда. Идеален для шапок, навигаторов и хэдер-секций. Адаптивен с Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Hero-блок с заголовком и подзаголовком. Адаптивный дизайн, Tailwind CSS. Идеально для лендингов, акцентирует типографику.
Промпт
Скилы и промпты
Командная строка
Responsive Numeric Step Highlight Block - VibeCoderz
vibecoderz.ru
Адаптивный блок с числом, заголовком и подзаголовком. Идеален для шагов, этапов или статистики на лендингах и дашбордах. UI-компонент.
Промпт
Скилы и промпты
Командная строка
Circular Status Indicator with Ring - VibeCoderz
vibecoderz.ru
Круговой индикатор статуса с кольцом. Tailwind CSS компонент для отображения активности или статуса в приложениях.
Промпт
Скилы и промпты
Командная строка
Rounded Subscribe Button with Dot Indicator - VibeCoderz
vibecoderz.ru
Закруглённая кнопка подписки с индикатором. UI-компонент с hover-эффектом для CTA, идеально подходит для форм подписки и новостных рассылок.
Промпт
Скилы и промпты
Командная строка
Call-to-Action Button with Arrow Icon - VibeCoderz
vibecoderz.ru
Кнопка CTA "Get Started" с иконкой стрелки. Стилизована Tailwind CSS, с эффектом hover. Идеальна для лендингов и hero-секций.
Промпт
Скилы и промпты
Командная строка
CTA Heading with Underlined Highlight - VibeCoderz
vibecoderz.ru
CTA заголовок с подчеркнутым выделением. UI компонент для заголовков призывов к действию на лендингах. Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Two-Column Footer Links Grid (Tailwind) - VibeCoderz
vibecoderz.ru
Сетка ссылок в футере: 2 колонки, адаптивная, с иконками соцсетей. Tailwind CSS. Для навигации и футера сайта.
Промпт
Скилы и промпты
Командная строка
CTA блок для связи: заголовок, аватар, email с mailto-ссылкой. Идеально для лендингов, футеров, секций поддержки.
Промпт
Скилы и промпты
Командная строка
Avatar with Name and Role Display - VibeCoderz
vibecoderz.ru
Компактный профиль пользователя: аватар, имя, роль. UI-компонент на Tailwind для списков команд, комментариев, заголовков.
Промпт
Скилы и промпты
Командная строка
AI Agent Card Grid with Gradient Mask - VibeCoderz
vibecoderz.ru
Адаптивная сетка карточек AI-агентов с градиентной маской. UI-компонент на Tailwind CSS для дашбордов, каталогов, витрин.
Промпт
Скилы и промпты
Командная строка
AI Team Hero Section with CTA (Tailwind) - VibeCoderz
vibecoderz.ru
Адаптивная секция "Hero" для лендинга AI-продукта. Демонстрирует бренд, заголовок, ключевые фичи и CTA. Оптимизирована для всех устройств. Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Minimalist Pricing Card with Timeline - VibeCoderz
vibecoderz.ru
Минималистичная карточка цены с таймлайном. Отображает стоимость, период оплаты и сроки проекта. Адаптивный дизайн, темная тема, Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Responsive Hero Banner with CTA Button - VibeCoderz
vibecoderz.ru
Адаптивный Hero Banner с CTA. Заголовок, текст, иконка, кнопка. Для лендингов, портфолио, сайтов. Tailwind CSS.
Промпт
Скилы и промпты
Командная строка
Responsive Hero Heading with Split Text - VibeCoderz
vibecoderz.ru
Адаптивный заголовок H2 с разделением текста. Идеален для hero-секций и лендингов. Выделяет две строки текста, масштабируется.
Промпт
Скилы и промпты
Командная строка
Адаптивный CTA баннер с кнопками email и старт проекта. Tailwind CSS, flex-разметка для мобильных и десктопных версий. Призыв к действию.
Промпт
Скилы и промпты
Командная строка