Morphing Button
Button transforms shape on click — expands, shrinks, or morphs.
Adjust the preview
Every choice updates the preview and the wording below.
Morph Target
Color Transition
Duration
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a morphing button that transitions from a standard button into a small circle with a success checkmark on click. Use blue-to-green color change over 0.6 second duration. Animate width, height, border-radius, and content with CSS transitions. Add smooth text/icon swap during the morph.
Paste it into Claude, Cursor, or v0 along with the context for your project.