Адаптивная кнопка с фоновым изображением, масштабированием при наведении. Идеально для логотипов, миниатюр, иконок. Tailwind CSS.
Секция отзывов с анимацией: адаптивная сетка карточек с цитатами клиентов. Glassmorphism, рейтинг, Tailwind CSS.
Секция с отзывчивой сеткой карточек для демонстрации фич. Адаптивный дизайн, анимации при наведении. Tailwind CSS.
Секция с демонстрацией функций, активируемых при прокрутке. Адаптивный UI-компонент для лендингов, с интерактивными элементами и плавной анимацией.
Glassmorphic UI-компонент: адаптивный дашборд с боковой панелью и виджетами. Идеален для админ-панелей SaaS и демонстраций дизайн-систем.
Встраивает интерактивный фон UnicornStudio на весь экран. Автоматически загружает скрипт для инициализации визуальных эффектов позади контента.
Кнопка CTA с градиентом, иконкой стрелки и эффектом Glassmorphism. Tailwind CSS. Для лендингов, форм регистрации.
Горизонтальный слайдер-карточка с заголовком, описанием и SVG. Адаптивный, с градиентным фоном. Для каруселей функций и секций преимуществ.
Слайдер-карточка Tailwind для отображения услуг. Адаптивный, с SVG, для каруселей и выделения продуктов.
Карточка сервиса с SVG фоном для слайдеров и каруселей. Адаптивный дизайн, подходит для темных тем.
Адаптивная карточка-слайдер на Tailwind CSS для демонстрации продукта. Показывает заголовок, описание, SVG-иллюстрацию. Идеально для каруселей.
Адаптивная промо-карточка с градиентом, бейджем статуса и SVG. Идеальна для слайдеров и выделения преимуществ на лендингах.
Анимированная кнопка CTA с иконкой. Переключает текст "Generate"/"Generating" при нажатии. Идеально для триггеров создания контента.
Компонент placeholder text: заглушка с dummy-текстом для быстрой разработки UI и контента. Статический элемент.
Статусный бейдж в форме пилюли с иконкой и текстом. Используется для меток, тегов и отображения статуса. Адаптивный, современный UI-компонент.
Анимированная галерея изображений с эффектом "маркиза" для горизонтальной прокрутки фото сообщества в адаптивной сетке.
Секция профиля учителя: аватар, имя, описание, кнопка. Элегантный темный дизайн. Адаптивный UI-компонент для представления спикеров.
Логотип в виде буквы Q. Минималистичный дизайн для брендинга, иконок и веб-элементов. Простой и универсальный.
Адаптивная секция портфолио с анимированной сеткой проектов на Tailwind CSS. Отображает карточки с изображениями, тегами и ссылками. Идеально для личных и агентских сайтов.
Анимированный карусель с миниатюрами в орбитальном расположении. Адаптивный, на Tailwind CSS и JS. Идеален для портфолио, брендов.
Анимированный карусель карточек с орбитальным эффектом и сеткой фич. Интерактивный UI-компонент для лендингов и витрин продуктов, созданный на Tailwind CSS и JS.
Светящийся значок-таблетка с градиентом и иконкой. Используется для выделения категорий, статусов или пунктов меню в современных UI. Создан с помощью Tailwind.
Интерактивная карточка распознавания речи AI. Управление голосом, анимированная кнопка микрофона, пульсирующая волна. Tailwind CSS. Для дашбордов, промо.
Адаптивный компонент отображения изображений металлического забора с загрузкой и доступностью. Современный UI.
Интерактивный конструктор резюме с предпросмотром: создавайте и редактируйте разделы резюме (опыт, образование, навыки) с AI-подсказками и мгновенным предпросмотром. Идеально для карьерных порталов.
Адаптивная выпадающая боковая панель для дашбордов. Фиксированная навигация с кнопкой сворачивания/разворачивания, сохраняет состояние в localStorage. Идеальна для админок и SaaS.
Темное окно с подсветкой кода и нумерацией строк. Адаптивный UI-компонент для документации, блогов и портфолио. Создан на Tailwind CSS.
AI-ассистент для UI-дизайна: дашборд с библиотекой, холстом и панелями. Создавайте прототипы и макеты SaaS-инструментов с Tailwind CSS.
AI-powered UI редактор: панельный интерфейс с библиотекой компонентов, холстом, инспектором свойств и AI-подсказками. Идеально для SaaS-инструментов.
UI компонент для создания промптов с текстовым полем, тулбаром (конструктор, выбор модели, вложения) и кнопкой отправки. Для чат-ботов и AI-инструментов.
Анимированная CTA кнопка с фиолетовым свечением при наведении. Создана на Tailwind CSS. Идеальна для привлечения внимания.
CSS-оверлей с размытыми градиентами для декоративного фона. Создает глубину, не интерактивен. Идеален для hero и landing секций.
Анимированная кнопка CTA с неоновым градиентом и эффектом наведения. Идеально для современных сайтов, привлекает внимание.
Встраивает проект UnicornStudio как полноэкранный фон. Использует Tailwind для позиционирования и динамически загружает библиотеку, создавая интерактивные анимированные фоны.
Динамичная галерея изображений с эффектом маракеша. Анимированный карусель изображений в центральной рамке устройства. Адаптивный дизайн.
Секция с промо-блоком: бейдж, заголовок, текст и анимированная кнопка CTA. Идеально для привлечения внимания.
