Primary Button using Pico.css - VibeCoderz
Кнопка действия Primary Button с использованием Pico.css. Идеальна для CTA на веб-сайтах и лендингах. Адаптивный дизайн.
Кнопка действия Primary Button с использованием Pico.css. Идеальна для CTA на веб-сайтах и лендингах. Адаптивный дизайн.
Анимированный горизонтальный слайдер логотипов с эффектом бесконечного бегущего горизонта. Идеален для отображения брендов, спонсоров, партнеров.
Кнопка Pixel Measurement Overlay Button: элемент с меткой '21px' для отображения размеров и отступов в UI-макетах. Идеально для дизайн- и дев-инструментов.
Адаптивный баннер с анимированным текстом и изображениями, реагирующими на скролл. Идеально для лендингов skincare, beauty, lifestyle.
Галерея карточек товаров с расширением при наведении. Показывает продукты, категории или портфолио. Адаптивная, с анимацией.
Адаптивный Hero Banner с оверлеем и CTA. Идеален для лендингов, промо и витрин продуктов. Использует Tailwind CSS.
Адаптивная шапка и навигация для e-commerce. Центрированный бренд, меню, поиск, аккаунт, избранное, корзина. Tailwind CSS, Lucide icons.
Анимированная сетка цен с эффектами свечения. Tailwind UI компонент для секции ценностей с эффектным дизайном и анимацией при прокрутке.
Анимированный UI-компонент "pill badge" с иконкой и текстом. Идеален для уведомлений, тегов и чипов в современных интерфейсах.
Адаптивная Hero/About секция с параллакс-изображением, анимированными заголовками и автопрокруткой карточек. Идеально для лендингов.
Интерактивная карточка проекта: изображение, оверлей, заголовок, описание, кнопка. Адаптивный дизайн, эффекты при наведении. Идеально для портфолио, галерей.
Адаптивный блок с 3 анимированными карточками основных ценностей. Отлично подходит для лендингов и разделов 'О нас'. Использует Tailwind CSS.
Сетка карточек с анимированным градиентом, слайд-анимацией и неоновым свечением. Идеально для лендингов, чтобы представить преимущества продукта.
Favicon для сайта TalentPips. Иконка бренда, отображаемая во вкладке браузера.
Карточка отчета с расписанием для лендинга Vera. UI компонент для визуализации данных и аналитики.
Анимированная кнопка CTA с неоновым свечением и иконкой. Меняет цвет и тень при наведении. Идеальна для лендингов и форм регистрации.
Интерактивная строка поиска для бронирования путешествий. Выбор направлений, дат, пассажиров. Адаптивный дизайн.
Компонент поиска путешествий с эффектом Glassmorphism. Идеален для сайтов бронирования, визуально привлекательный и интуитивно понятный интерфейс.
Секция с логотипами партнеров или клиентов. Адаптивная сетка (2-6 колонок) на Tailwind CSS для маркетинговых страниц.
Шапка сайта с лого, меню и кнопкой. Адаптивный дизайн для удобной навигации на всех устройствах.
Hero Section с карточками: полноэкранный заголовок, фоновое изображение, плавающие карточки. Адаптивный дизайн.
Секция с промо-блоком: бейдж, заголовок, текст и анимированная кнопка CTA. Идеально для привлечения внимания.
Динамичная галерея изображений с эффектом маракеша. Анимированный карусель изображений в центральной рамке устройства. Адаптивный дизайн.
Встраивает проект UnicornStudio как полноэкранный фон. Использует Tailwind для позиционирования и динамически загружает библиотеку, создавая интерактивные анимированные фоны.
Анимированная кнопка CTA с неоновым градиентом и эффектом наведения. Идеально для современных сайтов, привлекает внимание.
CSS-оверлей с размытыми градиентами для декоративного фона. Создает глубину, не интерактивен. Идеален для hero и landing секций.
Анимированная CTA кнопка с фиолетовым свечением при наведении. Создана на Tailwind CSS. Идеальна для привлечения внимания.
UI компонент для создания промптов с текстовым полем, тулбаром (конструктор, выбор модели, вложения) и кнопкой отправки. Для чат-ботов и AI-инструментов.
AI-powered UI редактор: панельный интерфейс с библиотекой компонентов, холстом, инспектором свойств и AI-подсказками. Идеально для SaaS-инструментов.
AI-ассистент для UI-дизайна: дашборд с библиотекой, холстом и панелями. Создавайте прототипы и макеты SaaS-инструментов с Tailwind CSS.
Темное окно с подсветкой кода и нумерацией строк. Адаптивный UI-компонент для документации, блогов и портфолио. Создан на Tailwind CSS.
Адаптивная выпадающая боковая панель для дашбордов. Фиксированная навигация с кнопкой сворачивания/разворачивания, сохраняет состояние в localStorage. Идеальна для админок и SaaS.
Интерактивный конструктор резюме с предпросмотром: создавайте и редактируйте разделы резюме (опыт, образование, навыки) с AI-подсказками и мгновенным предпросмотром. Идеально для карьерных порталов.
Адаптивный компонент отображения изображений металлического забора с загрузкой и доступностью. Современный UI.
Интерактивная карточка распознавания речи AI. Управление голосом, анимированная кнопка микрофона, пульсирующая волна. Tailwind CSS. Для дашбордов, промо.
Светящийся значок-таблетка с градиентом и иконкой. Используется для выделения категорий, статусов или пунктов меню в современных UI. Создан с помощью Tailwind.
Анимированный карусель карточек с орбитальным эффектом и сеткой фич. Интерактивный UI-компонент для лендингов и витрин продуктов, созданный на Tailwind CSS и JS.
Анимированный карусель с миниатюрами в орбитальном расположении. Адаптивный, на Tailwind CSS и JS. Идеален для портфолио, брендов.
Адаптивная секция портфолио с анимированной сеткой проектов на Tailwind CSS. Отображает карточки с изображениями, тегами и ссылками. Идеально для личных и агентских сайтов.
Логотип в виде буквы Q. Минималистичный дизайн для брендинга, иконок и веб-элементов. Простой и универсальный.
Секция профиля учителя: аватар, имя, описание, кнопка. Элегантный темный дизайн. Адаптивный UI-компонент для представления спикеров.
Анимированная галерея изображений с эффектом "маркиза" для горизонтальной прокрутки фото сообщества в адаптивной сетке.
Статусный бейдж в форме пилюли с иконкой и текстом. Используется для меток, тегов и отображения статуса. Адаптивный, современный UI-компонент.
Компонент placeholder text: заглушка с dummy-текстом для быстрой разработки UI и контента. Статический элемент.
Анимированная кнопка CTA с иконкой. Переключает текст "Generate"/"Generating" при нажатии. Идеально для триггеров создания контента.
Адаптивная промо-карточка с градиентом, бейджем статуса и SVG. Идеальна для слайдеров и выделения преимуществ на лендингах.
Адаптивная карточка-слайдер на Tailwind CSS для демонстрации продукта. Показывает заголовок, описание, SVG-иллюстрацию. Идеально для каруселей.
Карточка сервиса с SVG фоном для слайдеров и каруселей. Адаптивный дизайн, подходит для темных тем.