Morph Transitions
Smooth shape, layout, and element transformations
Shape Morphing
Circle
Square
Triangle
Star
Animation Speed:
0.8s
Button Morphing
Click Me
Normal
Expanded
Minimal
Sequence
Morph Intensity:
1x
Card Morphing
Card Content
Normal
Expanded
Compact
Cycle
Progress:
▶️
Text Morphing
MORPH
Normal
Expanded
Condensed
Change Text
Letter Spacing:
0em
Icon Morphing
Hamburger
Close
Arrow
Sequence
Animation Duration:
0.3s
SVG Path Morphing
Diamond
Circle
Star
Heart
Smoothness:
0
Liquid Morphing
Circle
Morphed
Blob
Random
Fluidity:
1s
Container Morphing
Container
Normal
Wide
Tall
Circle
Border Radius:
15px
Layout Morphing
Horizontal
Vertical
Grid
Single
Item Spacing:
10px
Color Morphing
Red
Blue
Green
Purple
Transition Speed:
1s
Multi-Element Morphing
Morph All
Sequential
Random
Reset
Synchronization:
0ms