Morphing Popover

A popover component with morphing animations and interactive triggers. Use when you need a dynamic, animated popover for modals or tooltips.

byJulien Thibeaut from Motion Primitives

Installation

terminal

pnpm dlx layro-cli add @ibelick/morphing-popover

npx layro-cli add @ibelick/morphing-popover

npx layro-cli add @ibelick/morphing-popover

bunx layro-cli add @ibelick/morphing-popover

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

'use client';

import {
  useState,
  useId,
  useRef,
  useEffect,
  createContext,
  useContext,
  isValidElement,
} from 'react';
import {
  AnimatePresence,
  MotionConfig,

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 6, 2026
First release.

Similar components