Hero Section UI-компонент: маркетинговый блок с карточками функций, изображением и статистикой. Идеален для лендингов SaaS и продуктов безопасности.
Prompt
Skills & prompts
Command line
Type
Адаптивный Hero-раздел для лендинга: анимированный заголовок, CTA, статистика, логотипы клиентов. Tailwind CSS. Идеально для сайтов агентств и портфолио.
Prompt
Skills & prompts
Command line
Sticky Scroll Glassmorphic Process Cards - VibeCoderz
vibecoderz.ru
Адаптивные карточки с эффектом Glassmorphism и sticky scroll. Идеальны для демонстрации многоэтапных процессов, таймлайнов и дорожных карт.
Prompt
Skills & prompts
Command line
UnicornStudio Project Embed Loader - VibeCoderz
vibecoderz.ru
Загрузчик embed-проектов UnicornStudio. Добавляет интерактивные 3D-опыты на страницы с минимальными настройками. Адаптивный JS/HTML виджет.
Prompt
Skills & prompts
Command line
UnicornStudio Project Embed Wrapper - VibeCoderz
vibecoderz.ru
Embed Wrapper: полноэкранный div для автозагрузки UnicornStudio JS. Легко встраивайте интерактивные анимации и фоны на любую страницу.
Prompt
Skills & prompts
Command line
Simple Text Display - VibeCoderz
vibecoderz.ru
Простой текстовый контейнер для отображения короткого текста или меток. Минималистичный UI-компонент.
Prompt
Skills & prompts
Command line
Интерактивная ячейка SQL-редактора. Выполняйте запросы, просматривайте результаты в таблице или на графике. Идеально для BI-дашбордов и приложений аналитики.
Prompt
Skills & prompts
Command line
Inline Base64 JPEG Image Embed - VibeCoderz
vibecoderz.ru
Встраивает JPEG-изображение как base64 Data URI для отображения без внешних файлов. Идеально для иконок, плейсхолдеров, демо.
Prompt
Skills & prompts
Command line
Scroll-Animated 3-Card Hero Gallery - VibeCoderz
vibecoderz.ru
Анимированная галерея из 3 карточек с эффектами скролла. Идеально для портфолио, фотогалерей и лендингов. Адаптивный дизайн.
Prompt
Skills & prompts
Command line
Analytics Summary Card with Animated Loader - VibeCoderz
vibecoderz.ru
Карточка сводки аналитики с анимированным загрузчиком. Визуализирует KPI и процент выполнения для дашбордов.
Prompt
Skills & prompts
Command line
3D кнопка с параллакс-эффектом при наведении. Стеклянные слои, градиентное свечение, анимация. Идеально для CTA, триггеров.
Prompt
Skills & prompts
Command line
Вертикальная навигация-сайдбар с анимированным индикатором. Компактное меню на CSS и Tailwind для интерактивных дашбордов и одностраничных сайтов.
Prompt
Skills & prompts
Command line
Animated Gradient "Start Free" CTA Button - VibeCoderz
vibecoderz.ru
Анимированная кнопка CTA "Start Free" с градиентом, 3D-эффектом при наведении и подсветкой. Идеальна для лендингов.
Prompt
Skills & prompts
Command line
Logo in PNG - VibeCoderz
vibecoderz.ru
PNG логотип для сайта: кнопка-ссылка с фоновым изображением и режимом наложения. Адаптивный дизайн для CTA и навигации.
Prompt
Skills & prompts
Command line
Адаптивный раздел с отзывами (3 колонки) на Tailwind CSS. Автоматически прокручивается, останавливается при наведении. Идеально для лендингов.
Prompt
Skills & prompts
Command line
Карточка Hero с кнопкой CTA и графиками. Адаптивный дизайн на Tailwind CSS для SAAS-дашбордов и лендингов.
Prompt
Skills & prompts
Command line
Animated Sparkle Glow CTA Button - VibeCoderz
vibecoderz.ru
Анимированная кнопка CTA с эффектами сияния и частиц. Идеальна для привлечения внимания на лендингах. Tailwind CSS.
Prompt
Skills & prompts
Command line
Адаптивный футер Tailwind CSS с формой подписки на рассылку, ссылками на страницы и социальные сети. Стеклянный эффект.
Prompt
Skills & prompts
Command line
Секция с анимированной карточкой и липким блоком. Идеально для демонстрации фич SaaS, AI продуктов на лендинге. Tailwind CSS.
Prompt
Skills & prompts
Command line
Секция 'Как это работает' с 3 шагами, анимированными карточками и эффектом sticky. Идеально для лендингов SaaS и продуктов для демонстрации процессов.
Prompt
Skills & prompts
Command line
Интерактивная секция с вкладками и градиентным индикатором. Идеально для лендингов SaaS для демонстрации функций продукта. Адаптивный дизайн, анимация.
Prompt
Skills & prompts
Command line
Interactive Avatar Group with Hover Zoom - VibeCoderz
vibecoderz.ru
Интерактивная группа аватаров с зумом при наведении. Отображает аватары пользователей с увеличением и подъемом при наведении. Идеально для списков команды и профилей.
Prompt
Skills & prompts
Command line
Gradient Underline Tab Navigation - VibeCoderz
vibecoderz.ru
Навигация с вкладками (Tab Navigation) с анимированной градиентной подводкой. Иконки, TailwindCSS. Для дашбордов, переключения функций.
Prompt
Skills & prompts
Command line
Auto-Scrolling Partner Logos Marquee - VibeCoderz
vibecoderz.ru
Автоматически прокручиваемая галерея логотипов партнеров с остановкой по наведению. Идеально для лендингов для демонстрации доверия.
Prompt
Skills & prompts
Command line
Интерактивный блок отзывов с выбором аватара. Адаптивный, с анимацией и сменными цитатами. Идеально для лендингов.
Prompt
Skills & prompts
Command line
Адаптивный календарь-дашборд на Tailwind: неделя, мини-месяц, задачи, AI, поиск. Для планировщиков и приложений.
Prompt
Skills & prompts
Command line
Интерактивная таблица цен с переключателем месячной/годовой оплаты. Адаптивный UI-компонент для SaaS-лендингов.
Prompt
Skills & prompts
Command line
Initials Avatar Badge - VibeCoderz
vibecoderz.ru
Квадратный бейдж с инициалами пользователя. UI-компонент для списков, комментариев, профилей. Использует Tailwind-классы, имеет оранжевую тему, скругленные углы, контур и тень.
Prompt
Skills & prompts
Command line
Панель списка задач с поиском, фильтром и AI-подсказками. Идеально для продуктивных приложений, админ-панелей и управления проектами.
Prompt
Skills & prompts
Command line
Анимированный стеклянный футер для сайтов: навигация, ссылки, соцсети. Адаптивный, темный дизайн с эффектом свечения. Tailwind CSS.
Prompt
Skills & prompts
Command line
Tabbed Feature Showcase with Code Preview - VibeCoderz
vibecoderz.ru
Адаптивный раздел с вкладками для демонстрации функций и превью кода. Идеально для лендингов SaaS и документации.
Prompt
Skills & prompts
Command line
Интерактивный блок цен SaaS: выбор тарифа, анимация фич. Адаптивный дизайн, Tailwind CSS. Идеален для лендингов SaaS.
Prompt
Skills & prompts
Command line
Тёмная адаптивная панель для создания и запуска DevOps плейбуков. Редактор кода, коллаборация, AI-чат, статистика, управление параметрами.
Prompt
Skills & prompts
Command line
Интерактивная кнопка с CSS-анимацией точек и границ при наведении. Идеальна для CTA и секций, требующих ярких микро-взаимодействий.
Prompt
Skills & prompts
Command line
Animated Sparkle CTA Button Set (Tailwind) - VibeCoderz
vibecoderz.ru
Набор CTA кнопок с анимированными искрами и градиентом на Tailwind CSS. Отзывчивый дизайн для hero-секций, лендингов.
Prompt
Skills & prompts
Command line
Embedded Content Frame - VibeCoderz
vibecoderz.ru
Адаптивный iframe-контейнер для встраивания внешнего контента (видео, демо) с закругленными углами. Современный UI-паттерн.
Prompt
Skills & prompts
Command line