Обёртка для полноширинного фона с анимацией ауры. Добавляет динамичные, многослойные визуальные фоны за контентом страницы.
Компонент полноэкранного фона Aura. Интегрирует проект UnicornStudio через скрипт для анимированных фонов на страницах.
Секция контактов для лендинга: телефон, email, ссылки. Адаптивный дизайн на Tailwind CSS для портфолио или агентства.
Герой лендинга с CTA и карточками услуг. Секция с историей, брендами, статистикой и сеткой услуг. Адаптивный дизайн, утилитарные классы.
Секция обзора процесса из 4 шагов с визуальной схемой слева и текстом/CTA справа. Адаптивный дизайн, Tailwind CSS.
Секция с таблицей кейсов клиентов. Показывает отрасли, задачи, результаты. Адаптивный дизайн, стилизация Tailwind CSS. Для детального изучения кейсов.
Секция с предпросмотром соцсети и статистикой кампаний. UI-компонент для лендингов, созданный с Tailwind.
Широкий hero-раздел портфолио: слайдер изображений, карточка профиля с соцсетями и галерея работ. Адаптивный дизайн для сайтов креативных специалистов.
Стеклянная кнопка CTA с иконкой и hover-эффектами. Идеальна для ссылок на демо, видео или превью в hero-секциях.
CSS кнопка-таблетка с анимацией появления текста при наведении. Идеально для CTA и лендингов.
UI кнопка с анимированным градиентом и свечением при наведении. Подходит для CTA, форм регистрации и бронирования в современном дизайне.
Карточка с еженедельным прогрессом: компактный график-таблетка, дни, переключатель недели/месяца. Идеально для дашбордов аналитики.
Карточка сводки проекта: информация о владельце, название, прогресс, уведомления, опции. UI-компонент для дашбордов.
Карточка календаря предстоящих встреч: отображает события, выбор месяца, дней и прогресс-бар. UI-компонент для дашбордов и планировщиков.
Карточка прогресса дорожной карты проекта. Отображает фазы, команды, даты, кнопку "Новая задача". Для дашбордов и управления проектами.
Декоративные элементы фона с размытым градиентом. Круговые акценты с низкой прозрачностью для секций, карточек, макетов. Tailwind CSS.
Секция "Hero" для SaaS: заголовок, CTA, превью дашборда. Адаптивный дизайн. Tailwind CSS.
Карточка дашборда проекта с боковой панелью и лентой активности. UI-компонент для админ-панелей и SaaS-приложений.
UI-карточка для приложения продуктивности: список задач, фокус-сцена с управлением. Адаптивный дизайн, Glassmorphism. Идеально для дашборда.
Боковая панель навигации для стримингового дашборда. Группировка разделов: главное, библиотека, каналы. Современный UI для управления медиа.
Карточка видео-хайлайта: миниатюра, статус, название, информация о матче, статистика просмотров, профиль стримера и кнопка "Смотреть сейчас". Для игровых и стриминговых UI.
Карточка входа NeonGrid: темная тема, email/пароль, видимость пароля, вход через соцсети. Адаптивный UI для дашбордов.
Панель управления сессией: кнопки плей/присоединиться, статус, действия. UI-компонент для живых событий, встреч, вебинаров. Tailwind CSS.
Карточка мероприятия/воркшопа с Tailwind CSS: название, время, место, участники, кнопки действий. Для дашбордов и страниц событий.
Карточка деталей события с Tailwind CSS: название, время, место, трек, аватары участников и кнопка загрузки. Для дашбордов мероприятий.
Карточка курса для образовательных дашбордов: статус, изображение, детали, кнопки действий. Адаптивный UI-компонент.
Карточка профиля инструктора: аватар, данные, статистика курсов/проектов/рейтинга. Адаптивный дизайн для образовательных платформ. CTA для записи.
Адаптивный Hero-блок для портфолио: интерактивная галерея карточек, анимированный заголовок, теги. Tailwind CSS. Идеально для лендингов.
Адаптивный раздел статистики для отображения ключевых метрик с заголовком, описанием и CTA. Идеально для данных о производительности.
Промо-блок для квиза по уходу за кожей: заголовок, текст, кнопки CTA, пример карты рутины. Tailwind CSS. Для лендингов и онбординга.
Адаптивная сетка товаров для косметики. Фильтры, новинки, топ-товары. Изображения, цены, рейтинг, CTA. Tailwind CSS.
Секция вечернего ухода: 3 шага с карточками товаров, ценами и CTA. Адаптивный дизайн для лендингов.
Адаптивный Hero-раздел для лендинга косметики. Включает заголовок, CTA, рейтинг, карточки с преимуществами. Tailwind CSS.
Адаптивная боковая панель Tailwind CSS для авиационных дашбордов. Переключатель рабочих пространств, навигация, списки рейсов, действия, статусы. Синхронизированные светлая и темная темы.
Адаптивная панель дашборда с двумя сайдбарами. Включает поиск, аккордеоны, быстрые действия. Идеально для SaaS, админ-панелей.
Карточка входа в систему в стиле неоновых схем. Email/пароль, переключатель видимости, 3 кнопки соц. входа. Адаптивный дизайн. Идеально для дашбордов.
