Type: Prompt

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.

Interactive Folder - VibeCoderz

vibecoderz.ru

Интерактивный UI компонент папки с анимацией открытия, плавными CSS-переходами и отслеживанием мыши. Идеально для оживления интерфейса.

Staggered Menu - VibeCoderz

vibecoderz.ru

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

Magnification Dock - VibeCoderz

vibecoderz.ru

UI-компонент: док-панель в стиле macOS с эффектом увеличения. Для навигации и быстрого доступа к приложениям. Высокопроизводительная анимация.

Flying Posters - VibeCoderz

vibecoderz.ru

WebGL галерея постеров с 3D-эффектами и плавным скроллингом. Создает эффект полета изображений. React компонент для эффектной презентации.

Card Swap - VibeCoderz

vibecoderz.ru

Анимированный UI-компонент "Card Swap" для React. Эффектная смена карточек с глубиной и перспективой. Идеально для галерей изображений.

Flowing Menu - VibeCoderz

vibecoderz.ru

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

Elastic Slider - VibeCoderz

vibecoderz.ru

Elastic Slider: UI компонент слайдера с физикой движения и иконками обратной связи. Идеален для премиальных интерфейсов.

Counter - VibeCoderz

vibecoderz.ru

React-компонент счетчика с плавными механическими переходами. Идеален для отображения данных с эффектом одометра. Настраиваемый дизайн.

UI промпт: Анимированный степпер для React приложений - VibeCoderz

vibecoderz.ru

Готовый UI промпт для создания анимированного степпера на React и Framer Motion. Ускорь разработку пошаговых форм и онбординга в своем SaaS.

Liquid Ether Background - VibeCoderz

vibecoderz.ru

Анимированный фон Liquid Ether для сайтов. Демонстрирует WebGL-эффект жидкой симуляции, создавая премиальный дизайн.

Prism Background - VibeCoderz

vibecoderz.ru

WebGL-эффект фона с призмами/пирамидами для сайтов. Поддержка анимации (вращение, наведение) и кастомизации. Идеально для React.

Floating Lines Background - VibeCoderz

vibecoderz.ru

Интерактивный фон с анимированными плавающими линиями и эффектом параллакса. Минималистичный UI-паттерн для веб-сайтов.

Light Rays Background - VibeCoderz

vibecoderz.ru

Анимированный WebGL фон с лучами света и реакцией на мышь. Минималистичный UI-паттерн для сайтов.

Gradient Blinds Background - VibeCoderz

vibecoderz.ru

Анимированный фон Gradient Blinds для React: минималистичный, с реактивными градиентами, эффектом прожектора и интерактивностью.

Plasma Background - VibeCoderz

vibecoderz.ru

Плазменный фон WebGL: анимированный, интерактивный, с настройкой цвета и скорости. Идеально для минималистичных сайтов.

Lightning Background - VibeCoderz

vibecoderz.ru

WebGL-эффект грозового фона с настройкой цвета, интенсивности, скорости и масштаба. Анимация на GLSL.

Prismatic Burst Background - VibeCoderz

vibecoderz.ru

WebGL-эффект призматического взрыва для фона. Настраиваемая анимация, лучи, палитры. Оптимизирован для 60fps.