Адаптивная анимированная боковая навигация. Резиновая, с мобильным оверлеем, сворачиваемой версией для десктопа, поддержкой темной темы и ховер-эффектами.
Интерактивная сетка 3D-иконок в стиле Glassmorphism. Анимированные кнопки с градиентом для витрин функций, разделов приложений или меню.
Динамичная текстовая анимация с плавным переходом между строками, размытием и изменением прозрачности. Идеально для заголовков и акцентов.
SVG фильтры для эффектов размытия и порога. Используйте для продвинутого визуального стиля и текстовых эффектов.
Компонент текста Hero с анимированным градиентом. Идеален для лендингов и промо-разделов, привлекает внимание.
Динамический заголовок с интерактивным слайдером. Меняет текст при взаимодействии пользователя, с плавной анимацией и отзывами.
Компонент hero text: крупная типографика для лендингов. Адаптивный размер, профессиональный дизайн, читаемость.
Настраиваемый слайдер диапазона с двумя ползунками. Для выбора значений в формах и интерактивных элементах. Поддерживает клавиатуру и анимацию.
Анимированный компонент заголовка с рукописным SVG-подчеркиванием. Для современных hero-секций и элегантных заголовков.
Адаптивная навигационная панель Tailwind CSS. Горизонтальный хедер с 3 ссылками (Work, Process, Contact) для простого меню сайта. Адаптивные размеры, отступы, ховер-эффект.
Адаптивный блок 'Обо мне/Портфолио' с заголовком, текстом, изображением, анимированной статистикой и CTA. Tailwind CSS, анимации. Для личных сайтов, резюме, лендингов.
Адаптивная сетка портфолио с анимированными карточками и CTA. Отлично подходит для демонстрации работ на личном или агентском сайте.
Адаптивный блок с отзывами клиентов (3 колонки), анимациями, CTA и метриками. Идеален для лендингов, портфолио, сайтов агентств.
Анимированный hero-блок с карточками изображений. Заголовок, CTA, адаптивный дизайн. Идеально для лендингов, портфолио, SaaS.
Адаптивный футер с CTA для связи и колонками ссылок. Идеален для сайтов, портфолио, агентств. Tailwind CSS.
Адаптивная секция для портфолио на Tailwind CSS. Демонстрирует проекты, кейсы, навыки с изображением и CTA. Идеально для лендингов.
Адаптивный баннер с анимированной крупной типографикой. Идеален для портфолио и лендингов, подчеркивает смелый дизайн. Tailwind CSS.
Стеклянная карточка профиля пользователя: аватар, имя, хэндл, меню. Современный дизайн с градиентом, размытием и тенями.
Адаптивный хэдер с лого, навигацией и CTA. Tailwind CSS. Идеален для сайтов, требует интерактивности и стиля.
Карточка QA Dashboard: отображает метрики тестирования, результаты, ошибки, ожидающие тесты и покрытие с индикаторами трендов. Адаптивный UI-компонент.
Интерактивный график результатов тестов. Визуализация трендов покрытия по месяцам. Отзывчивый UI.
Таблица результатов тестов: ID запуска, наборы, длительность, статус. Адаптивный, современный UI-компонент для отображения данных.
Вертикальная навигационная панель для раздела биллинга. Организует пункты меню для управления аккаунтом. Адаптивный, современный UI-компонент.
Карточка обзора биллинга: статус пробного периода, остаток средств, кнопки оплаты. Адаптивный UI-компонент для управления аккаунтом.
UI-компоненты QA и Billing для SaaS-админок. Карточки метрик, графики, таблицы, сайдбар биллинга. Tailwind CSS.
Анимированный полноэкранный фон "Аура" с использованием скрипта UnicornStudio. Идеально для hero-секций и динамических фонов страниц. Tailwind CSS.
Компонент ссылки на логотип. Перенаправляет на URL изображения логотипа. Используется в заголовках, подвалах, разделах бренда для кликабельного лого.
Секция с карточками преимуществ AI: адаптивная сетка с иконками, заголовками и описаниями для лендингов SaaS и AI.
Интерактивная кнопка CTA с двойной анимацией волны при наведении. Идеальна для лендингов и выделения фич. Создана на Tailwind CSS.
Анимированная кнопка CTA с эффектом ряби при наведении. Идеальна для навигации, баннеров и лендингов. Создана на Tailwind CSS.
Промо-блок для программы тренировок: адаптивный дизайн, CTA, карточки, статистика. С Tailwind CSS. Для привлечения клиентов.
Анимированный блок обзора курса на Tailwind. Демонстрирует цены, модули и CTA. Адаптивный дизайн с плавными анимациями входа. Идеально для образовательных платформ.
Секция курса с анимированными модулями. Адаптивный дизайн, CTA, список модулей. Идеально для лендингов курсов.
Секция-герой для НКО: заголовок, текст, кнопка CTA и анимированные карточки программ в стиле marquee. Адаптивный дизайн на Tailwind CSS.
Адаптивный раздел с формой обратной связи и CTA. Идеально для поиска партнеров и привлечения доноров. Tailwind CSS, двухколоночный макет.
Адаптивный футер на Tailwind CSS с формой подписки на рассылку и ссылками на соцсети. Для сайтов, где нужен функциональный и доступный футер.
Кнопка CTA на Tailwind CSS с круглым раскрывающимся фоном при наведении. Для секций призыва к действию, лендингов.
Адаптивные карточки с тарифами для SaaS и лендингов. Секция с планами, кнопками CTA и анимацией. Tailwind CSS.
Адаптивный раздел "Как это работает" с 3 шагами. Объясняет рабочие процессы или онбординг на лендингах SaaS. Использует Tailwind CSS и анимацию.
Адаптивный карусель отзывов с анимацией и плавным скроллом. Идеально для лендингов, демонстрирует истории успеха клиентов. Tailwind CSS.
Адаптивный Hero-блок с CTA и макетом дашборда на Tailwind CSS. Идеален для лендингов SaaS, промо и онбординга.
Кнопка действия 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.
