The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
On a recent project needed a way to zoom into images, so I built a click-to-zoom component in Webflow.
Click to open, click to zoom in, drag around, and swipe through grouped images.
It works for a single image, an image gallery, or a whole card with content, where clicking anywhere on the card opens the zoom.
You upload one image. It creates the smaller sizes for the page, and the lightbox only loads a sharper version as you zoom.
No Lightbox element, no interactions. Just one reusable component and a few attributes.
Turning it into a free cloneable next. š
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Almostttt ready! After working on my new portfolio for weeks and weeks, Wubble is almost ready for launch š
Great scrolling and mouse move effectsšš
ā¢ Oct 27
I developed this interactive Webflow website using custom JavaScript, Matter.js, and GSAP to create an engaging, animation-rich user experience.
The project combines modern web design with advanced motion effects, interactive elements, and smooth scrolling animations to deliver a visually distinctive digital experience.
Key Features & Technologies:
Webflow Development: Built and structured the website in Webflow with responsive layouts and reusable components.
GSAP Animations: Implemented smooth transitions, scroll-triggered animations, and dynamic visual effects.
Matter.js Physics: Integrated physics-based interactions to bring dynamic elements to life.
Custom JavaScript: Developed custom interactions and animation logic beyond Webflow's native capabilities.
Responsive Design: Optimized the experience for different screen sizes and devices.
Interactive User Experience: Combined animation, motion, and functionality to create a more engaging browsing experience.
Tech Stack: Webflow, JavaScript, GSAP, Matter.js, HTML, CSS.
Live Project: https://swellydesign-116bb3.webflow.io/home-copy
Matter.js inside Webflow is a fun combo, physics interactions always grab attention. Curious how you handled performance on mobile with GSAP and physics running together.