BT-12ButtonsNew, October 15, 2026

Morph Popover

A button that grows into the form it opens, with its label sliding up to become the title, then shrinks into a confirmation.

motion

PROPay Button and more like it are in Kokonut UI Pro

Installation

Morph Popover is a free, open-source React component in the Kokonut UI Buttons collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/morph-popover.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/morph-popover

Usage

import MorphPopover from "@/components/kokonutui/morph-popover";

export default function Example() {
  return <MorphPopover />;
}

Dependencies

Built with React, Tailwind CSS and motion.

Bell Button

A subscribe button whose bell swings and rings, with a clapper that really strikes.

Undo Button

An action button that gives you a few seconds to take it back, with the time left drawn around its own edge.

Morph Popover

Installation

Usage

Dependencies

On this page