# Modal open design examples [Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-interaction.overlay_state.modal_open) Last updated: 2026-09-14 Explore website designs that use **Modal open**. ## Captured pages [![Standards - Projects](https://pin.fontofweb.com/12049?format=jpg)](https://design.withfudge.com/share/pin-12049) [Standards - Projects](https://design.withfudge.com/share/pin-12049) [![Nike Vomero 18 Men's Road Running Shoes. Nike ZA](https://pin.fontofweb.com/11907?format=jpg)](https://design.withfudge.com/share/pin-11907) [Nike Vomero 18 Men's Road Running Shoes. Nike ZA](https://design.withfudge.com/share/pin-11907) [![My calendar — Tweek](https://pin.fontofweb.com/11842?format=jpg)](https://design.withfudge.com/share/pin-11842) [My calendar — Tweek](https://design.withfudge.com/share/pin-11842) [![MKC75 Keyboard by MyKeyClub | Custom Mechanical Keyboards – KeebsForAll](https://pin.fontofweb.com/11744?format=jpg)](https://design.withfudge.com/share/pin-11744) [MKC75 Keyboard by MyKeyClub | Custom Mechanical Keyboards – KeebsForAll](https://design.withfudge.com/share/pin-11744) [![Replay vision • PostHog](https://pin.fontofweb.com/11642?format=jpg)](https://design.withfudge.com/share/pin-11642) [Replay vision • PostHog](https://design.withfudge.com/share/pin-11642) [![404 Not Found – Areaware Retail](https://pin.fontofweb.com/11567?format=jpg)](https://design.withfudge.com/share/pin-11567) [404 Not Found – Areaware Retail](https://design.withfudge.com/share/pin-11567) [![Rakuten: Shop. Get Cash Back. Repeat.](https://pin.fontofweb.com/11509?format=jpg)](https://design.withfudge.com/share/pin-11509) [Rakuten: Shop. Get Cash Back. Repeat.](https://design.withfudge.com/share/pin-11509) [![fudge.design | fudge.design | xxx@xxx.com's Account | Cloudflare](https://pin.fontofweb.com/11484?format=jpg)](https://design.withfudge.com/share/pin-11484) [fudge.design | fudge.design | xxx@xxx.com's Account | Cloudflare](https://design.withfudge.com/share/pin-11484) [![Notion](https://pin.fontofweb.com/11378?format=jpg)](https://design.withfudge.com/share/pin-11378) [Notion](https://design.withfudge.com/share/pin-11378) [![Sogni Create | High-Performance Creative AI](https://pin.fontofweb.com/11371?format=jpg)](https://design.withfudge.com/share/pin-11371) [Sogni Create | High-Performance Creative AI](https://design.withfudge.com/share/pin-11371) [![Revenue: Kobbe](https://pin.fontofweb.com/11336?format=jpg)](https://design.withfudge.com/share/pin-11336) [Revenue: Kobbe](https://design.withfudge.com/share/pin-11336) [![Kobbe Analytics](https://pin.fontofweb.com/11328?format=jpg)](https://design.withfudge.com/share/pin-11328) [Kobbe Analytics](https://design.withfudge.com/share/pin-11328) ## Related design patterns - [Primary text color](/share/designs-with-color.role.text_primary) - [Secondary text color](/share/designs-with-color.role.text_secondary) - [Sans serif](/share/designs-with-typography.generic.sans_serif) - [Body role](/share/designs-with-typography.role.body) - [UI role](/share/designs-with-typography.role.ui) - [Software SaaS](/share/designs-with-offering.software_saas) ## Related website guides - [api-dashboard.search.brave.com design guide](/share/api-dashboard.search.brave.com-design) - [app.flora.ai design guide](/share/app.flora.ai-design) - [app.paper.design design guide](/share/app.paper.design-design) - [app.standards.site design guide](/share/app.standards.site-design) - [app.subframe.com design guide](/share/app.subframe.com-design) - [apple.com design guide](/share/apple.com-design) - [artsandculture.google.com design guide](/share/artsandculture.google.com-design) - [aura.build design guide](/share/aura.build-design) - [cargo.site design guide](/share/cargo.site-design) - [chatgpt.com design guide](/share/chatgpt.com-design) - [claude.ai design guide](/share/claude.ai-design) - [codepen.io design guide](/share/codepen.io-design) - [coolors.co design guide](/share/coolors.co-design) - [dash.cloudflare.com design guide](/share/dash.cloudflare.com-design) - [dedcool.com design guide](/share/dedcool.com-design) - [digg.com design guide](/share/digg.com-design) - [earth.google.com design guide](/share/earth.google.com-design) - [fable.co design guide](/share/fable.co-design) - [foundation.app design guide](/share/foundation.app-design) - [framer.com design guide](/share/framer.com-design) - [godly.website design guide](/share/godly.website-design) - [grok.com design guide](/share/grok.com-design) - [invideo.io design guide](/share/invideo.io-design) - [jsfiddle.net design guide](/share/jsfiddle.net-design) - [kapa.ai design guide](/share/kapa.ai-design) - [kobbe.io design guide](/share/kobbe.io-design) - [krea.ai design guide](/share/krea.ai-design) - [labs.google design guide](/share/labs.google-design) - [lovart.ai design guide](/share/lovart.ai-design) - [midjourney.com design guide](/share/midjourney.com-design) - [moda.app design guide](/share/moda.app-design) - [modedesigns.com design guide](/share/modedesigns.com-design) - [mykc.cargo.site design guide](/share/mykc.cargo.site-design) - [odylicmedia.com design guide](/share/odylicmedia.com-design) - [omma.build design guide](/share/omma.build-design) - [onton.com design guide](/share/onton.com-design) - [pangram.com design guide](/share/pangram.com-design) - [revolut.com design guide](/share/revolut.com-design) - [selected.site design guide](/share/selected.site-design) - [snorkel.ai design guide](/share/snorkel.ai-design) - [subframe.com design guide](/share/subframe.com-design) - [theastralfrontier.com design guide](/share/theastralfrontier.com-design) - [trustmrr.com design guide](/share/trustmrr.com-design) - [tweek.so design guide](/share/tweek.so-design) - [twitch.tv design guide](/share/twitch.tv-design) - [type.lol design guide](/share/type.lol-design) - [variant.com design guide](/share/variant.com-design) - [vendors.paddle.com design guide](/share/vendors.paddle.com-design) - [wabi.ai design guide](/share/wabi.ai-design) - [web.getmatter.com design guide](/share/web.getmatter.com-design) - [wip.co design guide](/share/wip.co-design) - [fairphone.com design guide](/share/fairphone.com-design) - [x.com design guide](/share/x.com-design) - [youworkforthem.com design guide](/share/youworkforthem.com-design)