ui-patterns 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: Copy source from the preview. This example is not available in the Mova CLI registry.

Explore related components

React UI patterns for expressive interfaces
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.