Адаптивная FAQ секция на Tailwind CSS. Двухколоночный грид с анимацией появления, темной темой. Идеально для лендингов, портфолио, SaaS.
Секция портфолио на Tailwind CSS. Адаптивная сетка из 3 колонок с карточками проектов, заголовком и CTA. Идеально для личного или агентского сайта.
Адаптивный двухколоночный блок "О себе" для портфолио. Слайдер, статистика, чипы навыков. Идеально для дизайнеров и агентств.
Адаптивный блок с услугами: заголовок, текст, CTA, карточки услуг с иконками. Для лендингов и сайтов агентств. Tailwind CSS.
Адаптивная таблица цен на дизайн-услуги с планами, ценами и CTA. Tailwind CSS. Для лендингов агентств и SaaS.
Анимированный фон из падающих вертикальных линий на CSS. Реализован с помощью Tailwind CSS. Идеален для заголовков hero, лендингов.
Кнопка CTA с градиентной рамкой и эффектами при наведении/нажатии. Чистый CSS для ссылок и призывов к действию на лендингах.
Кнопка CTA с SVG-иконкой стрелки вправо. Идеальна для навигации, форм, онбординга. Гибкая стилизация CSS.
Glassmorphic UI-компонент: адаптивный дашборд для криптотрейдинга. Показывает баланс, портфолио. Идеален для финтех и админ-панелей.
Интерактивная CTA кнопка с градиентным ховером: стилизованный якорь с подсветкой, эффектами при клике и анимацией стрелки. Для лендингов и хэдроков.
Адаптивный блок с функциями SaaS: заголовок, видео-демо, списки преимуществ, статистика, CTA. TailwindCSS, анимации, SVG. Для маркетинга.
Анимированная кнопка CTA с неоновым градиентным переходом при наведении. Кнопка-ссылка с иконкой для привлечения внимания на лендингах.
Интерактивная таблица цен для SaaS: переключатель сегментов (личный/бизнес) и тарифов (месяц/год). Адаптивный дизайн, JS-обновление цен.
Адаптивная карточка тарифов Pro с переключением цен (месяц/год). Идеальна для SaaS-сервисов.
Responsive H1 заголовок с двумя встроенными изображениями. Tailwind CSS. Идеально для личного брендинга, портфолио.
Сегментированный переключатель с анимированным индикатором. Позволяет выбирать опции, идеально подходит для форм и выбора тарифов. Настраивается через CSS.
Простой переключатель Toggle Switch на основе чекбокса. Идеален для настроек и переключения функций. Легко стилизуется.
Динамичный фон с диагональным градиентом и анимированным кубом. Идеален для hero-секций, баннеров и декоративных элементов в современных UI. Tailwind CSS, SVG.
Pace Logo: стильный логотип для вашего бренда. Создайте уникальный визуальный образ и повысьте узнаваемость.
Интерактивная галерея изображений с эффектом hover-zoom. Увеличивает фото при наведении, идеальна для витрин товаров, лукбуков.
Адаптивная галерея карточек товаров с эффектом при наведении. Идеально для e-commerce витрин и лукбуков.
Адаптивная секция для лендинга: карточки этапов, горизонтальная/вертикальная таймлиния с изображениями, сетка KPI. Идеально для отображения процессов и метрик.
Карточка статистики с неоновой анимацией. Отображает метрику с градиентным текстом и фоном. Идеальна для дашбордов.
Горизонтальная галерея изображений с эффектом расширения при наведении. Идеально для портфолио, витрин товаров и секций hero.
Кнопка CTA с темным градиентом, иконкой и анимацией при наведении. Создана с помощью утилитных классов и CSS. Идеально для привлекательных призывов к действию.
Анимированная кнопка CTA с градиентом и эффектом свечения при наведении. Идеальна для лендингов и форм контактов.
Стильная навигационная панель (navbar) для сайта. Адаптивный дизайн, стеклянный эффект, эффекты при наведении. Идеально для современных шапок сайта.
Фиксированная адаптивная Navbar с Glassmorphic эффектом. Идеально для лендингов и SaaS. Включает меню, кнопки, брендинг.
Секция с карточками услуг и возможностей. Адаптивный дизайн на Tailwind CSS. Идеально для портфолио или страниц агентства, чтобы показать предложения.
Интерактивная карточка Tailwind с браузерным макетом для демонстрации услуг. Идеально для портфолио агентств и лендингов.
Карточка с окном кода в темной теме. Tailwind CSS, Glassmorphism. Идеально для портфолио, лендингов, документации. Выделяет код.
Кнопка CTA в виде таблетки с иконкой стрелки. Идеальна для перехода на страницу отзывов. Стилизована Tailwind CSS, с плавным переходом при наведении.
Интерактивная карточка услуги с эффектом глубины при наведении. Создана на Tailwind CSS. Идеально для портфолио и разделов с описанием услуг.
Адаптивная FAQ секция с блоками вопросов/ответов. Стилизация Tailwind CSS, эффекты hover. Для добавления инфо-контента на лендинги.
Адаптивная контактная форма для сайта-портфолио или агентства. Собирает данные о проекте, типе, бюджете и сообщении. Реализована на Tailwind CSS с темной темой.
iOS-стиль статус-бара для iPad: время, сеть, Wi-Fi, батарея. Адаптивный UI-компонент для приложений.
Адаптивный Hero Section с CTA и сеткой аватаров. Идеален для лендингов, демонстрирует сообщество и призывает к действию.
Навигационная панель POW App: меню, профили детей, ссылки для родительского дашборда. Адаптивный UI-компонент.
Интерактивный компонент выбора роли: Родитель, Учитель или Оба. Для онбординга и персонализации.
Карточка настройки профиля ребенка: форма с полем имени, слайдером возраста и кнопкой добавления для создания нескольких детских профилей.
Настройка экранного времени: интерактивный компонент с ползунками и графиком для установки лимитов и ставок заработка.
Адаптивный hero-баннер с отзывчивым фото-макетом и CTA. Идеально для лендингов, привлечения в сообщество или регистрации.
Полноэкранный анимированный фон с градиентом. Идеален для лендингов и hero-секций, добавляя визуальное движение с помощью скрипта UnicornStudio.
Анимированный фон-аура на весь экран с UnicornStudio. Идеально для hero-секций и погружающих макетов. CSS, HTML, JavaScript.
Анимированный фон-аура на весь экран. Компонент UI с Tailwind CSS для hero-секций и полных страниц. Плавные визуальные эффекты.
Анимированная CTA кнопка с градиентом и иконкой стрелки. Tailwind CSS. Для лендингов, форм регистрации, маркетинговых призывов.
Интерактивная кнопка CTA с 3D градиентом и тенью при наведении/клике. CSS, HTML. Для лендингов, ссылок.
Анимированная кнопка CTA с эффектом подъема при наведении и нажатии. Использует CSS для интерактивности. Идеальна для лендингов и портфолио.
