Тип: Промпт

Clay UI - VibeCoderz

vibecoderz.ru

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

Risograph style - VibeCoderz

vibecoderz.ru

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

Liquid Metal style - VibeCoderz

vibecoderz.ru

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

Tectonic style - VibeCoderz

vibecoderz.ru

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

Gorpcore style - VibeCoderz

vibecoderz.ru

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

Image Element (Incomplete Source Attribute) - VibeCoderz

vibecoderz.ru

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

Image Element Placeholder - VibeCoderz

vibecoderz.ru

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

Text Color Inversion - VibeCoderz

vibecoderz.ru

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

"Wave" Distortion - VibeCoderz

vibecoderz.ru

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

Breathing Glow Text - VibeCoderz

vibecoderz.ru

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

The "Sticky" Text Morph - VibeCoderz

vibecoderz.ru

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

Character Staggered Fade - VibeCoderz

vibecoderz.ru

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

Horizontal Gallery - VibeCoderz

vibecoderz.ru

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

Rolodex Text - VibeCoderz

vibecoderz.ru

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

GhostScrollText - VibeCoderz

vibecoderz.ru

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

Cinematic SlideUp Headline - VibeCoderz

vibecoderz.ru

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

Scroll Journey Line - VibeCoderz

vibecoderz.ru

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

Hand Drawn Underline Headline - VibeCoderz

vibecoderz.ru

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

FullScreenImageExpansion - VibeCoderz

vibecoderz.ru

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

Shrinking Sticky Header - VibeCoderz

vibecoderz.ru

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

Sticky Content Switch - VibeCoderz

vibecoderz.ru

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

The "Stacking Cards" Effect - VibeCoderz

vibecoderz.ru

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

GhostScrollText - VibeCoderz

vibecoderz.ru

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

Typing animation - VibeCoderz

vibecoderz.ru

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

"Parallax Tilt" Grid - VibeCoderz

vibecoderz.ru

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

"Spotlight" Mask - VibeCoderz

vibecoderz.ru

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

"Exploded View" Assembly - VibeCoderz

vibecoderz.ru

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

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

vibecoderz.ru

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

Aurora background - VibeCoderz

vibecoderz.ru

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

Text Pressure - VibeCoderz

vibecoderz.ru

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

Shiny Text - VibeCoderz

vibecoderz.ru

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

Fuzzy Text - VibeCoderz

vibecoderz.ru

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

ASCII Text - VibeCoderz

vibecoderz.ru

3D ASCII текст на Three.js. Анимированный текст в виде сетки символов с волновыми эффектами и реакцией на мышь.

Gradual Blur - VibeCoderz

vibecoderz.ru

Компонент Gradual Blur: плавное размытие краев контейнера. Идеально для прокрутки, создания глубины, смешивания контента. Настраиваемая сила, направление, экспоненциальное затухание.

Magnet Lines - VibeCoderz

vibecoderz.ru

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

Electric Border - VibeCoderz

vibecoderz.ru

Анимированный эффект электрической рамки на Canvas. Динамичное свечение с настройкой цвета, скорости и хаоса. Идеально для выделения элементов.

Laser Flow - VibeCoderz

vibecoderz.ru

WebGL-эффект лазерного потока на Three.js с интерактивными следами от мыши и объемным туманом. Анимация фона.

Ghost Cursor - VibeCoderz

vibecoderz.ru

Эффект дымчатого следа курсора на Three.js. Анимация для интерактивных веб-фонов и элементов UI.

Ribbon - VibeCoderz

vibecoderz.ru

Интерактивный эффект ленты (ribbon) с плавным движением, следуя за курсором. Минималистичный дизайн, монохромная эстетика, анимация при наведении.

Circular Gallery - VibeCoderz

vibecoderz.ru

WebGL-галерея изображений с круговой компоновкой. Плавная прокрутка, эффекты изгиба изображений. Идеально для портфолио и сторителлинга.

Image Trail - VibeCoderz

vibecoderz.ru

React UI компонент: минималистичная галерея с эффектом "image trail". Анимация движения, масштабирования, вращения. Идеально для лендингов.

Bento - VibeCoderz

vibecoderz.ru

Bento UI-компонент: минималистичная сетка с интерактивными эффектами (glow, particles, tilt) для современных дашбордов и лендингов.

Bubble Menu - VibeCoderz

vibecoderz.ru

Интерактивное меню-пузырь с плавными анимациями и эффектами при наведении. UI-компонент для навигации.

Card Nav - VibeCoderz

vibecoderz.ru

Карточная навигация UI: выпадающее меню с карточками и плавными анимациями. Идеально для минималистичных сайтов.

Interactive Card Stack - VibeCoderz

vibecoderz.ru

Интерактивный UI компонент Card Stack с drag-to-back физикой, автовоспроизведением и кастомизацией анимаций. Оптимизирован для мобильных.

Pill Nav - VibeCoderz

vibecoderz.ru

Минималистичный UI-компонент Pill Nav: навигация в форме таблетки с анимацией GSAP, адаптивным меню и эффектом 'восходящего круга' на ховере.

Tilted Card - VibeCoderz

vibecoderz.ru

UI компонент: Tilted Card. Анимированная карточка с 3D параллаксом и эффектами при наведении. Используется для интерактивного представления контента.

Masonry Gallery - VibeCoderz

vibecoderz.ru

UI компонент Masonry Gallery: галерея с адаптивной раскладкой и плавными анимациями. Идеально для сайтов с визуальным контентом, поддерживает GSAP и lazy-loading.