buttons component

Gooey Popover

A liquid-like popover that morphs a trigger into a content panel.

About this component

A liquid-like popover that morphs a trigger into a content panel.

Interaction: Click the trigger to open the panel, click outside or press Escape to close it, and use reduced motion to skip the goo filter and timeline transitions.

Dependencies: react, gsap

Source or install: npx @mova-ui/react add gooey-popover

Explore related components

React buttons and interactive controls
Inset Action Button
Circular Create Button
Expanding Icon Tabs
Animated Tags

Built for readable source and real interaction

Open a component to preview its states, read the usage details, and copy the source or supported Mova CLI command. The page remains useful as a text document before the interactive preview loads.