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

Liquid Blob Button

Эффектная кнопка для лендингов и промо, где важен эмоциональный отклик и необычное hover-поведение.

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

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

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

Liquid Blob Button

'use client';

import { motion } from 'framer-motion';

export function LiquidBlobButton() {
  return (
    <button className="relative overflow-hidden rounded-full border border-white/10 px-8 py-4">
      <motion.div className="absolute inset-y-[-40%] left-[-10%] w-[58%] rounded-full bg-lime-300 blur-xl" />
      <span className="relative z-10">Launch</span>
    </button>
  );
}