UI-карточка с погодой: текущие условия, прогноз на 5 дней, индекс качества воздуха. Для отображения информации о погоде и экологии.
UI-компонент Header Bar: отображает время, статус соединения, системные индикаторы и профиль пользователя. Для навигации и информирования.
Анимированная кнопка с эффектами масштабирования и тени при наведении. Идеальна для CTA и отправки форм.
Карточка бренда: иконка, информация, описание, кнопки. Центрированная, для представления компаний и брендинга.
Карточка компании с разделом философии, статистикой и контактами. Идеальна для страниц 'О нас' и 'Контакты'.
Кнопка Secondary Liquid Glass: средний размер, стекломорфизм, интерактивные эффекты. Идеальна для второстепенных действий.
Кнопка-иконка с эффектом жидкого стекла и галочкой. Идеальна для подтверждения действий, одобрения или индикации статуса.
Компактная кнопка в стиле liquid glass. Идеальна для экономии места, встроенных действий и ненавязчивых интерактивных элементов.
UI-компонент: премиальная карта посадочного талона авиакомпании. Отображает детали рейса, информацию о пассажире и QR-код. Адаптивный дизайн.
Карточка товара с оверлеем изображения и градиентом. Отображает ключевую статистику для демонстрации достижений продукта.
Информационная карточка для отображения статистики и метрик компании. Имеет заголовок с иконкой, описание и сетку для визуального выделения.
Интерактивная кнопка оплаты с иконкой карты. Tailwind CSS, эффект при наведении, анимация нажатия. Для страниц оформления заказа.
Анимированная CTA кнопка с тёмным градиентом и эффектом свечения при наведении. Адаптивная, доступная, на Tailwind CSS. Для лендингов, хэроу секций.
Стеклянная кнопка с эффектами при наведении и нажатии. Использует Glassmorphism для современного UI.
Компонент окна терминала в стиле MacOS. Отображает элементы управления, заголовок и область контента. Идеален для демонстрации кода и статуса.
UI-компонент: заголовок тех. блога с hero-секцией. Анимация, градиент, CTA, стекломорфизм. Отзывчивый дизайн.
Карточка статьи с медиа: отображение премиум-контента с изображением, автором и метриками. UI-компонент для блогов.
Компактная карточка статьи для блогов: фото, автор, теги, метрики. Идеальна для списков и сеток.
Анимированный UI-компонент "Badge" с градиентными рамками и эффектом пульсации. Идеален для выделения контента или объявлений.
Базовая карточка отзыва: аватар, имя, компания, цитата, рейтинг, местоположение. Glassmorphism, темная тема.
Карточка отзыва с метриками: отображает ключевые результаты и показатели производительности в выделенном блоке.
Секция 'О нас' с заголовком, текстом и информацией о локации. Идеально для страниц 'О нас' с акцентом на типографику и минимализм.
Боковая панель профиля: имя, должность, статус, навыки, контакты. Адаптивный UI-компонент с эффектами при наведении.
Статистическая сетка для дашборда: отображает метрики с иконками и эффектами при наведении. Адаптивный дизайн для демонстрации достижений.
Форма подписки на рассылку: стильные поля, значок конфиденциальности, анимация, валидация. Для сбора email-адресов.
Боковая панель навигации в темной теме. Включает профиль, ссылки, статистику. Идеально для дашбордов. Адаптивный дизайн.
Светлая навигационная боковая панель: шапка, меню, статистика, приложения, статус. Для современных админ-панелей.
Анимированная кнопка CTA с вращающимся значком. Tailwind CSS, плавный переход, стеклянный стиль. Идеально для 'Узнать больше'.
Анимированная кнопка генерации с эффектом наведения. Иконка волшебной палочки. Идеально для AI-генерации, создания контента, триггеров действий.
Анимированная кнопка CTA с градиентом и плавающими частицами. CSS, интерактивная, для призыва к действию на лендингах.
Анимированный фон с интерактивными волнами на Canvas. Реагирует на мышь. Идеально для лендингов и дашбордов.
CSS кнопка с градиентом и анимацией при наведении. Идеальна для форм регистрации и призывов к действию на сайте.
UI-компонент "App Promotion Card" для продвижения мобильных приложений. Привлекает внимание к бренду, функциям и ссылкам для скачивания.
3D кнопка регистрации с CSS-анимацией при наведении. Интерактивный UI-элемент для форм и лендингов.
Анимированная кнопка с эффектом желе при наведении. Современный 3D-дизайн. Идеально для CTA и основных действий.
Кнопка с премиум синим градиентом, анимацией при наведении и иконкой стрелки. Идеальна для CTA на сложных, премиальных интерфейсах.
3D скевоморфный переключатель. Интерактивный UI-элемент с анимацией для переключения состояний. Идеален для форм и настроек.
3D скевоморфный переключатель (toggle switch) с анимацией. Элемент формы для интерактивного переключения состояний с тактильной отдачей.
3D переключатель темной темы с градиентом и текстурой. Идеален для UI тем и настроек. Интерактивный элемент управления.
Переключатель темы: темная тема, скевоморфизм, синий активный режим. Интерактивный элемент управления формой для смены дизайна.
3D скевоморфный переключатель с синим активным состоянием. Реалистичные тени, градиенты, текстура. Анимированный интерактивный элемент для форм.
Премиальный переключатель в темной теме с синим акцентом и анимацией. Идеально для настроек и темных интерфейсов.
Карточка тарифа с анимацией и градиентом. Идеальна для премиум-планов, подписок SaaS, маркетинга. Подчеркнет особенности.
Карточка премиум-профиля с анимированным градиентом. Отображает статистику, навыки, контакты и кнопки. Идеально для портфолио и страниц пользователей.
Панель приветствия бренда с ID, фичами и профилем пользователя. Идеально для онбординга с анимированным фоном.
Интерактивный анимированный фон с лучами на HTML5 Canvas. Настраиваемая интенсивность, высокая производительность, адаптивный дизайн. Идеально для hero-секций.
Карточка с CTA: вдохновляющий блок с фоновым изображением, заголовком и кнопкой. Идеально для мотивационного контента.
Карта прогресса пульса: круговой индикатор ЧСС с градиентным кольцом для отслеживания здоровья. Отображает текущий пульс в BPM.
