Clipped Media Gallery is a visually distinctive Framer component that presents images and videos using custom SVG clip paths instead of standard rectangles. Each media item is masked with an organic shape, creating a handcrafted, editorial look that immediately stands out from traditional grid galleries.
The component is built to feel expressive yet practical. It supports both uploaded media and external URLs, adapts its layout across desktop, tablet, and mobile, and includes smooth hover scaling for subtle interaction. Clicking any item opens a clean fullscreen popup, allowing users to focus on the media without distractions.
Everything is designed to be lightweight, responsive, and easy to control directly from Framer, making it suitable for both creative experimentation and real production sites.
Custom SVG clip path shapes for a unique organic layout
Supports both images and videos
Upload media or use external URLs
Responsive grid for desktop, tablet, and mobile
Smooth hover scale interaction
Click to open fullscreen popup view
Adjustable spacing, padding, and hover scale
Customizable background and popup border radius
Creative and design portfolios
Brand and marketing websites
Editorial and storytelling layouts
Hero and highlight sections
Art, fashion, and lifestyle projects
Showcasing a small set of high impact visuals
Hero sections with strong visual identity
Portfolio highlight sections
About or brand story pages
Campaign or product storytelling blocks
Creative agency websites
Art, fashion, or lifestyle sites
Frame Craft
