About Image Shape Mask
About Image Shape Mask
Image Shape Mask is a Framer image component that clips photos into living shapes. Pick circle, squircle, arch, hexagon, flower, blob or diamond, then morph to another shape on hover or focus. Shared clip-path points keep the spring transition clean. Optional center grow-in and image zoom. Flower tips use full circular petals. Demo UI lets you preview Shape, On Hover and Zoom. Accessible, reduced-motion and static-canvas safe. Ready for portraits, products and editorial grids.
Morph any photo between seven mask shapes Spring clip-path animation on hover and keyboard focus Flower mask with full-radius circular petal tips Optional zoom of the image inside the mask Grow-in reveal from the center when it enters view Demo Mode control bar for shape, hover shape and zoom Reduced-motion and Framer static renderer support Focus ring, alt text, caption and ImageObject structured data Works with uploaded images and CMS-connected photos Property controls for shapes, zoom amount, animate-in and demo UI Fully responsive.
Use Cases
Portfolio and personal branding portraits
Creative agency and studio galleries
Fashion and beauty lookbooks
Product hero and ecommerce feature shots
Photography and visual storytelling pages
SaaS and startup landing visuals
Architecture and interior design showcases
Keywords
image shape mask, clip path hover, morphing image mask, framer image component, blob mask, flower mask, squircle image, hexagon photo mask, diamond clip path, hover shape morph, image zoom hover, portrait mask framer, product image reveal, editorial image crop, cms image mask
