Hover reveal effect - VibeCoderz
Эффект появления при наведении (hover reveal). Анимация для UI, улучшает взаимодействие на лендингах. Демонстрирует скрытый контент при наведении курсора.
Эффект появления при наведении (hover reveal). Анимация для UI, улучшает взаимодействие на лендингах. Демонстрирует скрытый контент при наведении курсора.
Интерактивный виртуальный персонаж: UI-компонент для создания динамичных и вовлекающих пользовательских интерфейсов. Позволяет оживить цифровое пространство.
GSAP Horizontal Scroll: Анимация горизонтальной прокрутки для лендингов. Создавайте эффектные параллакс-эффекты и уникальные сценарии с GSAP.
Scroll animation: анимируйте элементы при прокрутке страницы. Идеально для лендингов, улучшает UX и вовлекает пользователя.
Анимация затухания текста для веб-страниц. Эффект плавного появления/исчезновения текста, улучшающий визуальное восприятие.
Анимация размытия текста для веб-сайтов. Плавное появление или исчезновение текста, эффект перехода. Идеально для лендингов.
Динамическое отображение данных с текстовой и скролл-анимацией для лендингов. Привлекает внимание и улучшает восприятие контента.
Компонент UI для отображения вращающихся логотипов. Идеален для лендингов, демонстрируя партнеров или клиентов.
UI компонент кнопки с эффектом динамической печати при наведении. Идеально для интерактивных сайтов и приложений.
Кнопка CTA для записи на консультацию. UI-компонент для оформления призыва к действию и быстрой записи.
UI компонент Glow Cursor Button: кнопка с эффектом свечения курсора. Используется для привлечения внимания к интерактивным элементам на сайте.
Эффект печатающегося текста для анимации заголовков и текстов на лендингах. Привлекает внимание и улучшает UX.
UI-компонент Button loading state: индикатор загрузки для кнопок. Показывает пользователю, что действие выполняется, предотвращая повторные нажатия.
Эффект появления контента при скролле. Анимация для лендингов, оживляет страницы.
Анимация текста со слайд-даун эффектом. Используется для заголовков и акцентов на лендингах, улучшая визуальное восприятие.
Компонент Testimonial для лендинга. Демонстрирует отзывы клиентов, повышает доверие и конверсию.
Стиль UI "News Print" для веб. Имитирует дизайн печатных изданий, создавая винтажную атмосферу.
Нейморфизм: UI-стиль с эффектом физической глубины за счет двойных теней. Идеален для современного дизайна.
Стиль Win98 для UI. Воссоздает эстетику раннего веба для дизайна сайтов и приложений.
Стильный UI-дизайн "Luxury" для элегантных интерфейсов. Минимализм, точность и глубина.
Стиль Bauhaus: геометрическая простота, функциональность и чистые формы. Идеально для создания минималистичных UI с высоким контрастом и анимацией.
Стиль Bauhaus: чистая геометрия, функциональность и основные цвета. Идеально для минималистичного дизайна и современных интерфейсов.
Стиль Kinetic: энергичный брутализм и кинетический дизайн постеров. Создавайте динамичные визуальные эффекты.
Игровая UI дизайн-система с геометрическими формами. Создавайте яркие и нестандартные интерфейсы.
Sketch: стилизуй UI под "нарисованный" вручную. Идеально для аутентичности и цифрового творчества.
Минималистичный монохромный стиль для UI. Идеально для создания чистого и современного дизайна.
Стиль Terminal: аутентичная эстетика командной строки для ваших UI-проектов. Создает ощущение мощности и минимализма.
Стиль Швейцарский - типографический дизайн, основанный на сетке, асимметрии и читаемости. Идеален для чистого и функционального UI.
Flat design: минималистичный UI-стиль без теней и градиентов. Подходит для чистого и современного веб-дизайна.
Material Design 3 - UI-стиль для современных приложений. Создает интуитивно понятный и эстетичный пользовательский интерфейс.
Modern Bold: стильная типографика для UI. Используйте для уникального дизайна интерфейсов, подчеркивая заголовки и важные элементы.
Clay UI: система дизайна в стиле Claymorphism. Создавайте реалистичные 3D-элементы интерфейса для ваших проектов.
Стиль Risograph: имитация аналоговой печати для уникального цифрового дизайна. Используйте для создания ретро-эффектов и текстур.
Стиль 'Liquid Metal' для 3D-графики и дизайна. Создает эффект жидкого металла, хрома и техно-сюрреализма. Идеален для футуристических визуализаций.
Tectonic style: минималистичный UI-стиль для цифровой геологии. Минимализм Obsidian для вашего проекта.
Gorpcore style: утилитарное снаряжение в альпийском стиле. Высокопроизводительная одежда из технологичных материалов для активного образа жизни.
HTML <img> элемент с незаполненным src. Отображает изображение, требует URL и alt-текста. Базовый компонент UI.
HTML/JSX сниппет для <img>. Базовый шаблон для размещения изображений, установки alt-текста и адаптивного поведения.
Компонент анимации текста: инверсия цвета при скролле. Текст меняет цвет, сливаясь с фоном, для адаптивной видимости.
Текстовый компонент с SVG-фильтром для создания эффекта волн, как под водой. Анимирует движение с помощью GSAP.
Текст с эффектом дыхания: ключевые слова плавно пульсируют с помощью text-shadow. Анимация текста для веб-сайтов и приложений.
Текст с плавной сменой насыщенности от Light до Extra Bold при скролле. Анимация текста, scroll animation.
Компонент заголовка с эффектом появления текста посимвольно. Анимация затухания и фокусировки для UI.
Горизонтальная галерея с параллакс-эффектом. Фиксирует вертикальную прокрутку, превращая её в горизонтальное движение для демонстрации изображений. GSAP ScrollTrigger.
Анимированный текстовый компонент с эффектом перелистывания Rolodex/слот-машины. Идеален для inline-текста, сохраняет 3D-перспективу.
GhostScrollText: компонент текста с эффектом призрачного следа при быстрой прокрутке. Слои отстают от основного текста и исчезают при остановке.
Кинематографичная анимация заголовка: слова плавно выезжают из-под маски. Текстовая анимация для UI.
Анимированная SVG линия для визуализации прогресса скролла. Показывает процент прокрутки страницы с помощью Framer Motion. Идеально для интерактивных сайтов.