Gooey Popover

A popover component with a viscous gooey blob morphing animation. Uses an SVG filter and GSAP to create a liquid-like transition between the trigger button and content panel.

Open in v0

Last updated: February 17, 2026

Installation

npx smoothui-cli add gooey-popover

Features

  • SVG goo filter creates viscous liquid morphing effect
  • GSAP-powered animations for precise, smooth open/close transitions
  • Controlled and uncontrolled modes
  • Configurable trigger size, content width, speed, and placement side
  • Click outside and Escape key to close
  • Accessible with ARIA attributes and keyboard support
  • Reduced motion support (skips goo filter, instant state changes)

Props

On this page

Created by

Powered by

Inspired by