Подборка — 2 806

Fuzzy Text - VibeCoderz

vibecoderz.ru

Компонент Fuzzy Text: анимированный текст с эффектом глитча/размытия на Canvas. Поддерживает интерактивность и режимы анимации.

Shiny Text - VibeCoderz

vibecoderz.ru

Анимированный текст с настраиваемым градиентным эффектом блеска. Создает эффект переливающегося текста для заголовков и акцентов.

Text Pressure - VibeCoderz

vibecoderz.ru

Компонент типографики с анимацией текста: символы реагируют на близость курсора, меняя толщину и ширину с помощью вариативных шрифтов.

Aurora background - VibeCoderz

vibecoderz.ru

WebGL-анимация северного сияния для лендинга. Плавный градиент, имитирующий Aurora Borealis, с использованием OGL.

Animated List UI промпт для интерактивных интерфейсов - VibeCoderz

vibecoderz.ru

Готовый UI-компонент Animated List с анимацией скролла и управлением с клавиатуры. Легко внедряется в любой AI-проект на React.

"Exploded View" Assembly - VibeCoderz

vibecoderz.ru

Анимация 'Exploded View' для деконструкции и сборки UI. Идеально для демонстрации работы продукта или разбора функций на лендинге.

"Spotlight" Mask - VibeCoderz

vibecoderz.ru

Анимированная маска Spotlight: круглый прожектор раскрывает контент под темным слоем при скролле. Идеально для лендингов.

"Parallax Tilt" Grid - VibeCoderz

vibecoderz.ru

Сетка изображений с 3D-эффектом наклона и независимой скоростью прокрутки. Идеально для лендингов.

Typing animation - VibeCoderz

vibecoderz.ru

Анимация печати текста: посимвольное отображение заголовка с задержкой 50мс. Минималистичный дизайн, функция повтора.

GhostScrollText - VibeCoderz

vibecoderz.ru

GhostScrollText: UI-компонент текста с эффектом призрачного слоя, искажающегося за основным текстом при прокрутке. Создает эффект призрака.

The "Stacking Cards" Effect - VibeCoderz

vibecoderz.ru

Эффект стопки карт для портфолио: карточки фиксируются сверху при скролле, создавая эффект колоды. Анимация GSAP.

Sticky Content Switch - VibeCoderz

vibecoderz.ru

Sticky Content Switch: анимированный UI-компонент для лендингов. Заголовок слева остается на месте, пока изображения справа сменяются при скролле.

Shrinking Sticky Header - VibeCoderz

vibecoderz.ru

CSS-компонент: липкий заголовок, который сжимается при прокрутке и переходит в эффект стекломорфизма. Адаптивный UI.

FullScreenImageExpansion - VibeCoderz

vibecoderz.ru

Плавное расширение изображения на весь экран при скролле. Анимация, интерактивный UI.

Hand Drawn Underline Headline - VibeCoderz

vibecoderz.ru

Заголовок с анимированным подчерком в стиле "hand-drawn" при скролле. Эффект каскадного текста.

Scroll Journey Line - VibeCoderz

vibecoderz.ru

Анимированная SVG линия для визуализации прогресса скролла. Показывает процент прокрутки страницы с помощью Framer Motion. Идеально для интерактивных сайтов.

Cinematic SlideUp Headline - VibeCoderz

vibecoderz.ru

Кинематографичная анимация заголовка: слова плавно выезжают из-под маски. Текстовая анимация для UI.

GhostScrollText - VibeCoderz

vibecoderz.ru

GhostScrollText: компонент текста с эффектом призрачного следа при быстрой прокрутке. Слои отстают от основного текста и исчезают при остановке.

Rolodex Text - VibeCoderz

vibecoderz.ru

Анимированный текстовый компонент с эффектом перелистывания Rolodex/слот-машины. Идеален для inline-текста, сохраняет 3D-перспективу.

Horizontal Gallery - VibeCoderz

vibecoderz.ru

Горизонтальная галерея с параллакс-эффектом. Фиксирует вертикальную прокрутку, превращая её в горизонтальное движение для демонстрации изображений. GSAP ScrollTrigger.

Character Staggered Fade - VibeCoderz

vibecoderz.ru

Компонент заголовка с эффектом появления текста посимвольно. Анимация затухания и фокусировки для UI.

The "Sticky" Text Morph - VibeCoderz

vibecoderz.ru

Текст с плавной сменой насыщенности от Light до Extra Bold при скролле. Анимация текста, scroll animation.

Breathing Glow Text - VibeCoderz

vibecoderz.ru

Текст с эффектом дыхания: ключевые слова плавно пульсируют с помощью text-shadow. Анимация текста для веб-сайтов и приложений.

"Wave" Distortion - VibeCoderz

vibecoderz.ru

Текстовый компонент с SVG-фильтром для создания эффекта волн, как под водой. Анимирует движение с помощью GSAP.

Text Color Inversion - VibeCoderz

vibecoderz.ru

Компонент анимации текста: инверсия цвета при скролле. Текст меняет цвет, сливаясь с фоном, для адаптивной видимости.

Image Element Placeholder - VibeCoderz

vibecoderz.ru

HTML/JSX сниппет для <img>. Базовый шаблон для размещения изображений, установки alt-текста и адаптивного поведения.

Image Element (Incomplete Source Attribute) - VibeCoderz

vibecoderz.ru

HTML <img> элемент с незаполненным src. Отображает изображение, требует URL и alt-текста. Базовый компонент UI.

Gorpcore style - VibeCoderz

vibecoderz.ru

Gorpcore style: утилитарное снаряжение в альпийском стиле. Высокопроизводительная одежда из технологичных материалов для активного образа жизни.

Tectonic style - VibeCoderz

vibecoderz.ru

Tectonic style: минималистичный UI-стиль для цифровой геологии. Минимализм Obsidian для вашего проекта.

Liquid Metal style - VibeCoderz

vibecoderz.ru

Стиль 'Liquid Metal' для 3D-графики и дизайна. Создает эффект жидкого металла, хрома и техно-сюрреализма. Идеален для футуристических визуализаций.

Risograph style - VibeCoderz

vibecoderz.ru

Стиль Risograph: имитация аналоговой печати для уникального цифрового дизайна. Используйте для создания ретро-эффектов и текстур.

Clay UI - VibeCoderz

vibecoderz.ru

Clay UI: система дизайна в стиле Claymorphism. Создавайте реалистичные 3D-элементы интерфейса для ваших проектов.

Modern Bold - VibeCoderz

vibecoderz.ru

Modern Bold: стильная типографика для UI. Используйте для уникального дизайна интерфейсов, подчеркивая заголовки и важные элементы.

Material - VibeCoderz

vibecoderz.ru

Material Design 3 - UI-стиль для современных приложений. Создает интуитивно понятный и эстетичный пользовательский интерфейс.

Flat design - VibeCoderz

vibecoderz.ru

Flat design: минималистичный UI-стиль без теней и градиентов. Подходит для чистого и современного веб-дизайна.

Swiss Style - VibeCoderz

vibecoderz.ru

Стиль Швейцарский - типографический дизайн, основанный на сетке, асимметрии и читаемости. Идеален для чистого и функционального UI.