A comprehensive demo showcasing all morph plugin features including path morphing, gooey animations, squircle shapes, text morphing, elastic effects, and more.
Morph between different SVG paths smoothly
Sample evenly spaced border points from a DOM element and deform them elastically. Hover near the element to pull the border, or press buttons to run animations.
Hover over items to see text transition effects. Toggle between gooey blur effect or SVG path morphing.
Spring-based elastic deformations for UI elements
Built-in helpers for common shape transformations
Smooth superellipse corners like iOS app icons
Enhanced merging/separating elements with better contrast and edge handling
Draw and animate SVG stroke paths
Reveal and hide content with animated clip paths
Morphs characters between dots and letters with smooth SVG path animations
Demonstrates DOM and Morph plugins working together with same target types
Advanced morphing between complex paths including icons with multiple contours