эффекты
Built by Luneka Lab digital agency

Mesh Gradient Flow

Фоновый эффект для hero-секций, промо-интро и брендовых витрин с мягкой глубиной.

Framer MotionGradient blobs
Готовый сниппет для переноса

У каждой демки есть React-компонент, который можно скопировать и адаптировать под HTML embed или кастомный блок в Tilda. Библиотека собрана Luneka Lab как showroom motion-подходов для клиентских сайтов.

Написать намРаботать с нами
Назад в библиотеку
Загрузка сцены
React component

Mesh Gradient Flow

'use client';

import { motion } from 'framer-motion';

export function MeshGradientFlow() {
  return (
    <div className="relative h-72 overflow-hidden rounded-[28px] border border-white/10 bg-black">
      <motion.div animate={{ x: [0, 60, 0], y: [0, -40, 0] }} transition={{ duration: 6, repeat: Infinity }} className="absolute h-40 w-40 rounded-full bg-lime-300/40 blur-3xl" />
    </div>
  );
}