Discover the best expand websites created by professional designers. Get inspired and start planning your perfect expand web design today!

Just playing around with 3D transforms and Webflow's sick interactions, feel free to clone and use in your own projects :)

001 Click Expander

Click Expander

Watch the tutorial at https://www.patreon.com/posts/66229489

Images from https://k72.ca/en/about

Team Grid

Team Page Image Transition

Images zoom-in effect built entirely using Webflow native interaction. Custom code involved to disable/enable body scroll only. REMEMBER to copy the custom code for body scroll toggle on popup.

Suitable for product showcase where zoom-in is required to view the details of the product.

Interaction ONLY for Desktop. On mobile devices, it will be normal image without zoom-in interaction.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-4

Zoom In Effect for Images

I've created a small site library with a bunch of great tools and games to expand your creativity and workflow.

Flygh Media Resources

Webflow Resources

A cool little thing for you! 

There's a hidden section with empty CMS to help you copy/paste faster.

Party on!

Minim Full Screen Accordion

minim-full-screen-accordion

Here is an example expanding columns effect on hover

Expanding Columns On Hover

Expanding Columns on Hover (IX 2)

After getting some feedback from the previous zoom-in cloneable, I recreated another version which is more suitable for product showcase in ecommerce websites.

Built entirely using native interactions. No custom code involved.

Interaction ONLY for Desktop. On mobile devices, it will be normal image without zoom-in interaction.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-6

Magnify Images

Inspired by an interaction I saw online and wanted to build in Webflow. Background images are set on unique combo classes, each base class set with a size/filter/bg color animation. Mobile responsive with a click IX while the desktop is hover. Sized by width percentage for desktop and height on mobile.

Built on Finsweet client-first clone.

Discover expand websites built by the Webflow community

Discover expand websites built by the Webflow community