Simple Popup Modal in Webflow in 9 Minutes

Here's how to make a solid modal in Webflow simply. Closes on background click AND close button. Also has a light animation you could improve upon. Unfortunately, it's not very accessible, but we'll take a look at some improvement in the next video!

// CLONE IT
👉 https://try.webflow.com/cloneable-is-...

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon: Patreon: webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord: Discord: discord
🐥 Follow Me! Twitter: WebIsBae

00:00 Intro
00:15 Modal build
04:15 Interaction
06:19 Animate it
08:30 Accessibility Problems with this modal

• #howto_style
• #modal
• #dialog
• #popup
• #webflow
• #interaction