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

Timothy Ricks

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

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

Team Page Image Transition

Cédric Moore

Wanted to create something little experimental today and ended up with cards that expand on hover. Kinda nice! Love the image masking effect which is just done with image fit to cover style natively in Webflow. 

Feel free to clone this and use it for your next project! ✨

✅ 100% Webflow
❌ Custom Code
🆓 Cloneable

Like this & follow me for more Webflow cloneable in the future 💙

Signup for my newsletter to never miss anything: 
https://cedricdesign.substack.com/

Expanding Ambient Cards

Figmatic Webflow Development Agency

It's a scrollable expand-collapse animation. CLONEABLE!!
================================================
About Us: We are a small team of Webflow Experts. We do White Label Webflow Development for Agencies and Small businesses. We help you balance your workload with our white-label Webflow development services. We provide, Project-based Development Services & Dedicated Developers - Hiring dedicated Webflow developers remotely can help your agency scale faster, and get the reliable capacity to always deliver on time.

Let us know if you are interested. You can reach us at webflow@figmatic.co
⦿ Website @ www.figmatic.co
⦿ Webflow @ https://webflow.com/figmaticllp
⦿ Twitter @ https://twitter.com/figmatic_llp
⦿ Instagram @ https://www.instagram.com/figmatic_llp/
⦿ Facebook @ https://www.facebook.com/Figmatic-LLP-101855852589790

Expandable Gallery Animation

Dilshad Khaliq

Card Expand animation on Hover.

Basically, we have two animations:
-> The card expand animation is built using Hover State.
-> Showing and moving arrow is built using webflow interaction.

With the Javascript in page body tag, we can dim the none hover cards.

Expandable Cards Animation

Eli Shmerler

Looking for an accordion that actually works? 
This simple tutorial will get you set in no time, using the native Webflow components. The content can be from a collection or static content

A bonus functionality of having one accordion open at a time requires a tiny piece of custom code, but don’t you worry - I’ve got you covered with an easy-to-follow guide of how to implement it.

Accordion Tutorial Dropdown

Bradley Stallcup

These little cards were made by Aaron Grieve many moons ago in Interactions 1, but I figure out how to make them in Interactions 2. So many thanks to him and enjoy. 

Expandable Team Cards 2.0

Sygnal

Create a CMS-Driven Expando using Webflow Interactions

CMS-Driven Expando

Everything Design

This is recreation of GeoSpace website but using CMS.

CMS Column Expand Animation

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Expandable Website Examples & Free Designs

Discover expandable websites built by the Webflow community

Discover expandable websites built by the Webflow community