CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.modulify.ai" data-wf-page="67978dbd76b2535d4b038c2c" data-wf-site="67978dbd76b2535d4b038c1b" lang="en" data-wf-locale="en"><head><meta charset="utf-8"/><title>Modulify AI – Design Smarter, Build Faster | Powered by AI</title><meta content="Modulify AI streamlines web design with AI-generated sitemaps, wireframes, and premium styles. Design effortlessly and copy-paste directly into Webflow for a fast and seamless launch." name="description"/><meta content="Modulify AI – Design Smarter, Build Faster | Powered by AI" property="og:title"/><meta content="Modulify AI streamlines web design with AI-generated sitemaps, wireframes, and premium styles. Design effortlessly and copy-paste directly into Webflow for a fast and seamless launch." property="og:description"/><meta content="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679c9a7089e6f397b8c8d81c_Modulify%20Open%20Graph.jpg" property="og:image"/><meta content="Modulify AI – Design Smarter, Build Faster | Powered by AI" property="twitter:title"/><meta content="Modulify AI streamlines web design with AI-generated sitemaps, wireframes, and premium styles. Design effortlessly and copy-paste directly into Webflow for a fast and seamless launch." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679c9a7089e6f397b8c8d81c_Modulify%20Open%20Graph.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/css/modulify-ai.c55557c1d.min.css" rel="stylesheet" type="text/css"/><style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="3374995e-65c5-6c7b-e6ac-8f6bb490d2cc"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="7e073bd9-eb63-c8e6-c17d-69ca4fa957d1"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3248829f-6927-e660-bfac-d07ec9ef6e21"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="630c0784-35df-c84f-1266-8ce10f8486b9"] {opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="4b94ee80-9882-72c8-0798-92fa8f06d03b"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f70"] {-webkit-transform:translate3d(0, 120px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="3374995e-65c5-6c7b-e6ac-8f6bb490d2cc"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="7e073bd9-eb63-c8e6-c17d-69ca4fa957d1"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3248829f-6927-e660-bfac-d07ec9ef6e21"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="630c0784-35df-c84f-1266-8ce10f8486b9"] {opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="4b94ee80-9882-72c8-0798-92fa8f06d03b"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f6f"] {-webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="3374995e-65c5-6c7b-e6ac-8f6bb490d2cc"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="7e073bd9-eb63-c8e6-c17d-69ca4fa957d1"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3248829f-6927-e660-bfac-d07ec9ef6e21"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="630c0784-35df-c84f-1266-8ce10f8486b9"] {opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="4b94ee80-9882-72c8-0798-92fa8f06d03b"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f6f"] {-webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="3374995e-65c5-6c7b-e6ac-8f6bb490d2cc"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="7e073bd9-eb63-c8e6-c17d-69ca4fa957d1"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3248829f-6927-e660-bfac-d07ec9ef6e21"] {-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="630c0784-35df-c84f-1266-8ce10f8486b9"] {opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="4b94ee80-9882-72c8-0798-92fa8f06d03b"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f6f"] {-webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}</style><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","IBM Plex Sans:regular,italic,500,500italic"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679b7e763d9a359a9684e4bc_Modulify-Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679b7e7ac3f84a6bb508408d_Modulify-Webclip.png" rel="apple-touch-icon"/><link href="https://www.modulify.ai/" rel="canonical"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-6DWDFCEF2Y"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-6DWDFCEF2Y');</script> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:5290267,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <style> * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .modulify-ai-text { transform: scale(1.3); } </style><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><script src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F652d31f3dc22d7b4ee708e44%2F67a0db6f081f245f7906422c%2Fclarity_script-2.1.1.js" type="text/javascript"></script></head><body><div class="wrapper"><div data-animation="default" class="nav w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" mdlfy-content="component" data-wf--nav--variant="base" role="banner" data-duration="400"><div class="container nav-container w-container"><a href="/" aria-current="page" class="brand-link w-nav-brand w--current"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/6797a32d22938251449e615d_Modulify.svg" loading="lazy" alt="" class="nav-logo"/><div class="nav-logo-white"></div><div class="nav-logo-black"></div><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="nav-logo-anim w-background-video w-background-video-atom"><video id="a7eea277-7778-b629-db75-f6846c2ce6e1-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div></a><nav role="navigation" class="nav-menu w-nav-menu"><div class="nav-links"><div class="nav-link-wrap"><a href="/pricing" class="nav-link w-nav-link">Pricing</a></div><div class="nav-link-wrap"><a href="/insights" class="nav-link w-nav-link">Insights</a></div><div class="nav-link-wrap"><a href="/faqs" class="nav-link w-nav-link">FAQs</a></div><div class="nav-link-wrap"><a href="/contact" class="nav-link w-nav-link">Contact</a></div></div><div class="nav-buttons"><div class="nav-link-wrap"><a href="https://app.modulify.ai" class="nav-link w-nav-link">Sign In</a></div><div class="nav-button-wrap"><div class="nav-button-relative"><a href="https://app.modulify.ai" class="button button-2nd font-weight-normal w-button">Start free trial</a></div><div class="nav-button-abs"><a href="https://app.modulify.ai" class="button w-button">Start free trial</a></div></div></div></nav><div class="menu-button-wrap"><div class="menu-button w-nav-button"><div class="menu-button-list"><div class="menu-button-line"></div><div class="menu-button-line"></div><div class="menu-button-line"></div></div></div></div></div></div><div class="home-hero-section"><div class="container home-container"><div class="home-hero-main"><div class="hero-content"><div data-w-id="3374995e-65c5-6c7b-e6ac-8f6bb490d2cc" class="anim-load-1st"><h1 class="white-text">Design smarter.<br/>Launch faster.</h1></div><div data-w-id="7e073bd9-eb63-c8e6-c17d-69ca4fa957d1" class="anim-load-2nd"><p class="home-hero-description">Design and build Webflow sites in minutes using Modulify's <br/>AI–powered features.</p></div><div data-w-id="3248829f-6927-e660-bfac-d07ec9ef6e21" class="anim-load-3rd"><div class="hero-buttons"><a href="https://app.modulify.ai" class="button button-2nd w-button">Start free trial</a><div class="hero-button-next-text"><p class="home-next-button-text">Get 7 days free<br/>then $19/m paid yearly</p></div></div></div></div><a href="#" class="home-hero-lightbox anim-load-3rd w-inline-block w-lightbox"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679ce2051ba162c255d79f6b_PlayVideoIcon.png" loading="lazy" alt="" class="play-video-icon"/><div>Why <span class="why-use-modulify">use </span>Modulify</div><script type="application/json" class="w-json">{ "items": [ { "url": "https://youtube.com/watch?v=s4suGPt1TKs", "originalUrl": "https://youtube.com/watch?v=s4suGPt1TKs", "width": 940, "height": 528, "thumbnailUrl": "https://i.ytimg.com/vi/s4suGPt1TKs/hqdefault.jpg", "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fs4suGPt1TKs%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Ds4suGPt1TKs&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fs4suGPt1TKs%2Fhqdefault.jpg&type=text%2Fhtml&schema=youtube\" width=\"940\" height=\"528\" scrolling=\"no\" title=\"YouTube embed\" frameborder=\"0\" allow=\"autoplay; fullscreen; encrypted-media; picture-in-picture;\" allowfullscreen=\"true\"></iframe>", "type": "video" } ], "group": "" }</script></a></div></div><div class="section-bg-wrap"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679cc52b284d9b59549ffbdb_Website%20Hero-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679cc52b284d9b59549ffbdb_Website%20Hero-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679cc52b284d9b59549ffbdb_Website%20Hero-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" data-w-id="630c0784-35df-c84f-1266-8ce10f8486b9" class="home-video w-background-video w-background-video-atom"><video id="630c0784-35df-c84f-1266-8ce10f8486b9-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679cc52b284d9b59549ffbdb_Website%20Hero-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679cc52b284d9b59549ffbdb_Website%20Hero-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679cc52b284d9b59549ffbdb_Website%20Hero-transcode.webm" data-wf-ignore="true"/></video></div><div class="home-hero-bg-overlay"></div><div data-w-id="4b94ee80-9882-72c8-0798-92fa8f06d03b" class="hero-dots"></div></div></div><div class="prompt-float-wrapper"><div data-w-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f6f" class="prompt-float"><div data-w-id="2612a332-c106-a03a-d01d-f20afcf37b30" class="prompt-float-holder"><div data-w-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f70" class="prompt-float-in w-form"><form id="wf-form-PromptForm-2" name="wf-form-PromptForm-2" data-name="PromptForm" method="get" class="prompt-form" data-wf-page-id="67978dbd76b2535d4b038c2c" data-wf-element-id="92d4d698-d0ad-dd8c-5af7-6955dbe83f71" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="prompt-ai-anim w-background-video w-background-video-atom"><video id="92d4d698-d0ad-dd8c-5af7-6955dbe83f72-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><input prompt-input="true" class="prompt-input w-input" maxlength="256" name="Prompt" data-name="Prompt" placeholder="Generate a website for my business" type="text" id="Prompt-3"/><div class="modulify-ai-text-wrap _1"><div id="modulify-ai-text" class="modulify-ai-text">Generate a website for my business</div></div><div class="prompt-gradient"><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="prompt-gradient-bg"></div></div><div class="prompt-button-wrap"><div class="hide-submit-button"><input type="submit" data-wait="Please wait..." class="button w-button" value="Generate"/></div><a prompt-button="true" href="http://app.modulify.ai" target="_blank" class="button generate-prompt-button w-button">Generate</a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="prompt-float-surprise"><div class="surprise-me-wrap"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="surprise-anim w-background-video w-background-video-atom"><video id="e4ac1fd4-1491-f719-f9a8-b2bc4b9d08af-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><a href="#" class="surprise-me-button w-button">Surprise me</a></div></div></div></div><div class="section"><div class="container"><div class="home-after-hero"><div class="grid-only-2-cols"><div id="w-node-ae352cd9-cdd6-eccd-12da-cf9ddc033065-4b038c2c" class="grid-content"><div class="text-container"><div class="anim-on-scroll"><h2 class="h4-heading">For ambitious freelancers, creative agencies, and growing businesses. Modulify simplifies website creation—saving time, inspiring creativity, and delivering stunning results.</h2></div></div></div></div></div></div><div class="section-bg-wrap"><div data-w-id="04bf2c3d-8810-a151-be5b-7df911721e29" style="opacity:0" class="after-hero-dots"></div></div></div><div id="Sitemap-Section" class="section"><div class="container"><div class="small-content-center"><div class="anim-on-scroll"><h2 class="h6-heading">Design & Build Webflow sites in minutes with AI</h2></div><div class="anim-on-scroll"><h2>The one AI website building platform you need</h2></div></div><div class="grid-3-boxes"><div class="grid-content"><div class="flow-item"><div class="flow-item-image-wrap"><div class="flow-badge"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/6797b774c69fb3935d2db867_Sitemap-icon.svg" loading="lazy" alt="" class="flow-badge-icon"/><div>Sitemap</div></div><div class="flow-bg-sitemap"></div><div class="flow-sitemap-holder"><div class="flow-sitemap-image"></div><div class="flow-border-blur"></div></div></div><div class="flow-item-content"><p class="h6-heading">Editable sitemap in motion</p><p class="grey-color no-margins">Explore the flexibility of editing the generated sitemap by rearranging, adding or removing your sections.</p></div></div></div><div class="grid-content"><div class="flow-item"><div class="flow-item-image-wrap"><div class="flow-badge"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/6797b7740f65b3d497d09439_Whiteframe-ico.svg" loading="lazy" alt="" class="flow-badge-icon"/><div>Wireframe</div></div><div class="flow-bg-wireframe"></div><div class="flow-wireframe-holder"><div class="flow-wireframe-image"></div><div class="flow-border-blur _2"></div></div></div><div class="flow-item-content"><p class="h6-heading">Solution-driven components</p><p class="grey-color no-margins">Add and switch between components and meet your project specifications for achieving desirable results.</p></div></div></div><div class="grid-content"><div class="flow-item"><div class="flow-item-image-wrap"><div class="flow-badge"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="flow-badge-icon w-background-video w-background-video-atom"><video id="0734f699-d5bb-57bb-150b-8b1c66d71400-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><div>Design</div></div><div class="flow-bg-design"></div><div class="flow-design-holder"><div class="flow-design-image"></div><div class="flow-border-blur _3"></div></div></div><div class="flow-item-content"><p class="h6-heading">Injecting premium styles</p><p class="grey-color no-margins">Explore the variety of styles and choose the one that fits your taste and projects vibe. Make it yours in one click.</p></div></div></div></div></div></div><div id="Templates-Section" class="section overflow-hidden"><div class="container"><div class="small-content-left"><div data-w-id="b2254bdb-5206-abf4-61c6-a7a4f09a62ad" class="anim-on-scroll"><h2>Multipurpose website designs ready to shine<br/></h2></div><div class="anim-on-scroll"><p class="h6-heading">Design your fully styled websites with AI</p></div></div><div class="tabs-slider"><div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="categories-tabs w-tabs"><div id="w-node-_90d97234-ff6a-0621-f604-f6fbdfbccf39-4b038c2c" data-w-id="90d97234-ff6a-0621-f604-f6fbdfbccf39" style="opacity:0" class="categories-tabs-menu w-tab-menu"><a data-w-tab="Tab 1" class="categories-tab-link w-inline-block w-tab-link w--current"><div>SaaS Website</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a><a data-w-tab="Tab 2" class="categories-tab-link w-inline-block w-tab-link"><div>Portfolio</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a><a data-w-tab="Tab 3" class="categories-tab-link w-inline-block w-tab-link"><div>Creative Agency</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a><a data-w-tab="Tab 4" class="categories-tab-link w-inline-block w-tab-link"><div>Restaurant</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a><a data-w-tab="Tab 5" class="categories-tab-link w-inline-block w-tab-link"><div>Architecture</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a><a data-w-tab="Tab 6" class="categories-tab-link w-inline-block w-tab-link"><div>Consulting</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a><a data-w-tab="Tab 7" class="categories-tab-link w-inline-block w-tab-link"><div>Construction</div><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg><div class="category-tabs-underline"></div></a></div><div class="categories-tabs-content w-tab-content"><div data-w-tab="Tab 1" class="categories-tab-pane w-tab-pane w--tab-active"></div><div data-w-tab="Tab 2" class="categories-tab-pane w-tab-pane"></div><div data-w-tab="Tab 3" class="categories-tab-pane w-tab-pane"></div><div data-w-tab="Tab 4" class="categories-tab-pane w-tab-pane"></div><div data-w-tab="Tab 5" class="categories-tab-pane w-tab-pane"></div><div data-w-tab="Tab 6" class="categories-tab-pane w-tab-pane"></div><div data-w-tab="Tab 7" class="categories-tab-pane w-tab-pane"></div></div></div><div data-w-id="95a02171-5339-ec45-6323-3f9cf9d4e66f" style="opacity:0" class="div-block-3"><div class="div-block-4"><div data-delay="4000" data-animation="slide" class="slider w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="slider-mask w-slider-mask"><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b58bdf7d2a197ccb74_1.SaaS.avif" loading="lazy" alt="" class="slide-image"/></div><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b5c6f86fb922ddda26_2.%20Portfolio.avif" loading="lazy" alt="" class="slide-image"/></div><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b56482cdcd8eb4f0a0_3.%20CreativeAgency.avif" loading="lazy" alt="" class="slide-image"/></div><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b582149225f63f7542_4.Restaurant.avif" loading="lazy" alt="" class="slide-image"/></div><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b5541c3687cf5912dc_5.Architecture.avif" loading="lazy" alt="" class="slide-image"/></div><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b5bc3e395f96b10a15_6.Consulting.avif" loading="lazy" alt="" class="slide-image"/></div><div class="slide w-slide"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cc9b5511135ea08efa184_7.Construction.avif" loading="lazy" alt="" class="slide-image"/></div></div><div class="slider-arrow w-slider-arrow-left"><div class="rotate-left"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg></div></div><div class="slider-arrow slider-right-arrow w-slider-arrow-right"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="64" height="64" viewBox="0 0 32 32" app="ikonik" class="tab-link-arrow"><rect fill="none" width="32" height="32" app="ikonik"></rect><polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" app="ikonik"></polygon></svg></div><div class="slide-nav w-slider-nav w-round w-num"></div></div></div></div></div></div></div><div id="Design-Section" class="section"><div class="container"><div class="small-content-center"><div class="anim-on-scroll"><h2 class="h6-heading">From Sitemaps to Styled websites.</h2></div><div class="anim-on-scroll"><h2>Harness AI to get yours</h2></div></div><div class="tabs-flow-wrap"><div class="tabs-flow-heading"><div class="anim-on-scroll"><h4>Generate sitemaps, wireframes, and polished designs with AI—ready to paste into Webflow.</h4></div></div><div data-w-id="c388b2ad-85bc-8eb2-9c93-f399a43eac5d" style="opacity:0" data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs-flow w-tabs"><div id="w-node-c388b2ad-85bc-8eb2-9c93-f399a43eac5e-4b038c2c" class="tabs-menu-flow w-tab-menu"><a data-w-tab="Tab 1" class="tab-link-flow w-inline-block w-tab-link w--current"><div>Sitemap</div><div class="tab-link-content"><div class="tab-link-content-in"><p class="no-margins">AI generates a clear, organized sitemap based on your project needs, ensuring a strong foundation for your website.</p></div></div><div class="tab-link-line"><div class="tab-link-line-active"></div></div></a><a data-w-tab="Tab 2" class="tab-link-flow w-inline-block w-tab-link"><div>Wireframe</div><div class="tab-link-content"><div class="tab-link-content-in"><p class="no-margins">Transform your sitemap into detailed wireframes, giving you a visual blueprint to refine before adding styles.</p></div></div><div class="tab-link-line"><div class="tab-link-line-active"></div></div></a><a data-w-tab="Tab 3" class="tab-link-flow w-inline-block w-tab-link"><div>Design</div><div class="tab-link-content"><div class="tab-link-content-in"><p class="no-margins">Apply professional styles effortlessly, bringing your wireframes to life before exporting them to Webflow.</p></div></div><div class="tab-link-line"><div class="tab-link-line-active"></div></div></a></div><div class="tabs-content-flow w-tab-content"><div data-w-tab="Tab 1" class="tab-pane-flow w-tab-pane w--tab-active"><div class="flow-tab-item"><div class="flow-bg-sitemap"></div><div class="flow-sitemap-holder"><div class="tab-flow-sitemap-image"></div><div class="flow-border-blur"></div></div></div></div><div data-w-tab="Tab 2" class="tab-pane-flow w-tab-pane"><div class="flow-tab-item"><div class="flow-step-bg-wireframe"></div><div class="flow-step-wireframe-holder"><div class="flow-step-wireframe-image"></div></div></div></div><div data-w-tab="Tab 3" class="tab-pane-flow w-tab-pane"><div class="flow-tab-item"><div class="flow-step-bg-design"></div><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679befa116d3ba3fae7d8c4d_Flow-Step-Design-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679befa116d3ba3fae7d8c4d_Flow-Step-Design-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679befa116d3ba3fae7d8c4d_Flow-Step-Design-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video w-background-video w-background-video-atom"><video id="aadc95b2-861f-67cc-8ef4-0ef66df2655b-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679befa116d3ba3fae7d8c4d_Flow-Step-Design-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679befa116d3ba3fae7d8c4d_Flow-Step-Design-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F679befa116d3ba3fae7d8c4d_Flow-Step-Design-transcode.webm" data-wf-ignore="true"/></video></div></div></div></div></div></div></div></div><div id="Features-Section" class="section"><div class="container"><div class="small-content-center no-margin-bottom"><div class="anim-on-scroll"><h2 class="h6-heading">Design & Build Webflow sites in minutes with AI</h2></div><div class="anim-on-scroll"><h2>Design projects from scratch to launch</h2></div></div></div><div class="section"><div class="container"><div class="features-bento-grid"><div id="w-node-e2d39315-0b88-fd7e-29e9-945a956c5507-4b038c2c" class="grid-content"><div class="bento-grid-item"><div class="bento-grid-image-wrap"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679a3b4f96e96883280770c0_Feature-PowerfulAi.avif" loading="lazy" alt="" class="feature-bento-image"/></div><div class="bento-grid-item-content"><div class="anim-on-scroll"><p class="h6-heading">Powerful AI assistance in building end-to-end websites.</p></div></div></div></div><div id="w-node-_4605e633-7dd3-2c8f-040a-436cdb161638-4b038c2c" class="grid-content"><div class="bento-grid-item"><div class="bento-grid-image-wrap"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679a3becf46612a81358a8a7_Feature-Export.avif" loading="lazy" alt="" class="feature-bento-image"/></div><div class="bento-grid-item-content"><div class="anim-on-scroll"><p class="h6-heading">Easy copy to Webflow with One-Click</p></div></div></div></div><div id="w-node-d950a238-34eb-5115-622e-df4e96b7f2dd-4b038c2c" class="grid-content"><div class="bento-grid-item"><div class="bento-grid-image-wrap"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679a3b4f96e96883280770a0_Feature-Responsive.avif" loading="lazy" alt="" class="feature-bento-image"/></div><div class="bento-grid-item-content"><div class="anim-on-scroll"><p class="h6-heading">Fully responsive components</p></div></div></div></div><div id="w-node-_05c200ca-6a32-ef5c-ec69-4addf2a12d3a-4b038c2c" class="grid-content"><div class="bento-grid-item"><div class="bento-grid-image-wrap"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679a3b4fa9dadc566b477b8b_Feature-Colors.avif" loading="lazy" alt="" class="feature-bento-image"/></div><div class="bento-grid-item-content align-bottom"><div class="anim-on-scroll"><p class="h6-heading">Personalize your design system</p></div></div></div></div><div id="w-node-_4f0abae1-b83b-2746-2687-4bb621534bef-4b038c2c" class="grid-content"><div class="bento-grid-item big-bento-grid-item"><div class="bento-grid-item-content-big"><div class="anim-on-scroll"><p class="grey-color">Start creating by harnessing AI-driven components and fully customizable design systems.</p><p class="h4-heading">And much more</p></div></div><div class="bento-grid-item-big"><div class="bento-grid-big-wrap"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679cee6b69a6deb73b8b8bc2_MuchMore-Image.png" loading="lazy" alt="" class="feature-bento-image"/></div></div><div class="big-bento-grid-item-gradient-wrap"><div class="prompt-gradient-bg big-bento-grid-gradient"></div></div></div></div><div id="w-node-_1925d23b-8aaf-7d36-3974-561147badeeb-4b038c2c" class="grid-content"><div class="bento-grid-item"><div class="bento-grid-image-wrap"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/679a3b4fbf541efedda2cd31_Feature-Fonts.avif" loading="lazy" alt="" class="feature-bento-image"/></div><div class="bento-grid-item-content align-bottom"><div class="anim-on-scroll"><p class="h6-heading">Free open-source fonts used in every design</p></div></div></div></div></div></div><div class="section-bg-wrap"><div data-w-id="927407f5-8540-f973-4433-5a4f2d07262a" style="opacity:0" class="dots-bg"></div></div></div></div><div class="section"><div class="container"><div class="small-content-left no-margins"><div class="anim-on-scroll"><h2 class="no-margins">Beautiful websites<br/>Free for 7 days</h2></div><div class="anim-on-scroll"><p class="h6-heading">Choose the best plan for your business. Change plans as you grow.</p></div></div><div class="pricing-wrapper"><div data-current="Yearly" data-easing="ease" data-duration-in="300" data-duration-out="100" class="modular-tabs w-tabs"><div data-w-id="18bb787a-47c5-1b58-ccbe-0a93ac91716b" style="opacity:0" class="modular-tabs-nav w-tab-menu"><a data-w-tab="Monthly" class="tab-link w-inline-block w-tab-link"><div>Monthly</div></a><a data-w-tab="Yearly" class="tab-link w-inline-block w-tab-link w--current"><div>Yearly (save 20%)*</div></a></div><div data-w-id="18bb787a-47c5-1b58-ccbe-0a93ac917174" style="opacity:0" class="modular-tabs-content w-tab-content"><div data-w-tab="Monthly" class="modular-tab-pane w-tab-pane"><div class="w-layout-grid pricing-grid"><div id="w-node-c50004b6-bfda-2aca-eeb9-c09ab42cbf59-b42cbf58" class="grid-content"><div class="pricing-item"><p class="h5-heading">Free Plan</p><div class="modular-pricing-09-price-holder"><p class="h2-heading">$0</p><p class="no-margins">Get started with awesome features of Modulify at not cost.</p></div><div class="modular-pricing-04-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>1 Project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>2 Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>25 Components per page</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="https://app.modulify.ai" class="button pricing-button w-button">Try it now</a></div></div></div><div id="w-node-c50004b6-bfda-2aca-eeb9-c09ab42cbf9d-b42cbf58" class="grid-content"><div class="pricing-item"><p class="h5-heading">Starter Plan</p><div class="modular-pricing-09-price-holder"><div class="price-holder"><p class="h2-heading no-margins">$24</p><div class="price-yearly-monthly-text"><div class="no-margins">/month</div></div></div><p class="no-margins">Build projects that convert and help your grow and scale.</p></div><div class="modular-pricing-04-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>2 Projects</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>20 Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>40 Components per page</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="https://app.modulify.ai" class="button pricing-button w-button">Try it now</a></div></div></div><div id="w-node-c50004b6-bfda-2aca-eeb9-c09ab42cbfe5-b42cbf58" class="grid-content"><div class="pricing-item"><p class="h5-heading">Pro Plan</p><div class="modular-pricing-09-price-holder"><div class="price-holder"><p class="h2-heading no-margins">$48</p><div class="price-yearly-monthly-text"><div class="no-margins">/month</div></div></div><p class="no-margins">Experience the full creativity and powerful features of Modulify.</p></div><div class="modular-pricing-04-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Components per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="https://app.modulify.ai" class="button w-button">Try it now</a></div><div class="pricing-active-gradient"><div class="prompt-gradient-bg pricing-gradient-bg"></div></div><div class="pricing-best-value"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="pricing-best-value-anim w-background-video w-background-video-atom"><video id="c50004b6-bfda-2aca-eeb9-c09ab42cc030-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><div>Best Value</div></div></div></div><div id="w-node-c50004b6-bfda-2aca-eeb9-c09ab42cc033-b42cbf58" class="grid-content"><div class="pricing-item"><div class="pricing-enterprise-main"><div><p class="h5-heading">Enterprise Plan</p><div class="modular-pricing-09-price-holder"><p class="h2-heading">Custom</p><p class="no-margins">Empowers larger practices focused on extensive growth and innovation.</p></div></div><div class="pricing-enterprise-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Components per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div></div><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="mailto:sales@modulify.ai?subject=Enterprise%20Plan" class="button pricing-button w-button">Contact Sales</a></div></div></div></div></div></div><div data-w-tab="Yearly" class="modular-tab-pane w-tab-pane w--tab-active"><div class="w-layout-grid pricing-grid"><div id="w-node-_96c349dd-2528-d0c5-5c10-172857b7c7b0-57b7c7af" class="grid-content"><div class="pricing-item"><p class="h5-heading">Free Plan</p><div class="modular-pricing-09-price-holder"><p class="h2-heading">$0</p><p class="no-margins">Get started with awesome features of Modulify at not cost.</p></div><div class="modular-pricing-04-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>1 Project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>2 Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>25 Components per page</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="https://app.modulify.ai" class="button pricing-button w-button">Try it now</a></div></div></div><div id="w-node-_96c349dd-2528-d0c5-5c10-172857b7c7f4-57b7c7af" class="grid-content"><div class="pricing-item"><p class="h5-heading">Starter Plan</p><div class="modular-pricing-09-price-holder"><div class="price-holder"><p class="h2-heading no-margins">$19</p><div class="price-yearly-monthly-text"><div class="no-margins">/month</div><div class="no-margins">paid yearly</div></div></div><p class="no-margins">Build projects that convert and help your grow and scale.</p></div><div class="modular-pricing-04-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>2 Projects</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>20 Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>40 Components per page</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="https://app.modulify.ai" class="button pricing-button w-button">Try it now</a></div></div></div><div id="w-node-_96c349dd-2528-d0c5-5c10-172857b7c83e-57b7c7af" class="grid-content"><div class="pricing-item best-value"><p class="h5-heading">Pro Plan</p><div class="modular-pricing-09-price-holder"><div class="price-holder"><p class="h2-heading no-margins">$38</p><div class="price-yearly-monthly-text"><div class="no-margins">/month</div><div class="no-margins">paid yearly</div></div></div><p class="no-margins">Experience the full creativity and powerful features of Modulify.</p></div><div class="modular-pricing-04-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Components per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon disabled-item"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon disabled-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="https://app.modulify.ai" class="button w-button">Try it now</a></div><div class="pricing-active-gradient"><div class="prompt-gradient-bg pricing-gradient-bg"></div></div><div class="pricing-best-value"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="pricing-best-value-anim w-background-video w-background-video-atom"><video id="96c349dd-2528-d0c5-5c10-172857b7c88b-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><div>Best Value</div></div></div></div><div id="w-node-_96c349dd-2528-d0c5-5c10-172857b7c88e-57b7c7af" class="grid-content"><div class="pricing-item"><div class="pricing-enterprise-main"><div><p class="h5-heading">Enterprise Plan</p><div class="modular-pricing-09-price-holder"><p class="h2-heading">Custom</p><p class="no-margins">For larger websites requiring brand-dedicated and custom design systems.</p></div></div><div class="pricing-enterprise-list"><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Pages per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Unlimited Components per project</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Light & Dark Wireframes</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Apply all design systems</div></div></div></div><div class="modular-list-holder"><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Wireframe to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Export Design to Webflow</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Custom Design System</div></div></div><div class="modular-list-item-with-icon"><div class="modular-list-item-icon-wrapper"><div class="modular-list-item-icon"></div></div><div class="pricing-item-text-wrap"><div>Dedicated Support</div></div></div></div></div><div class="pricing-button-wrap"><a href="mailto:sales@modulify.ai?subject=Enterprise%20Plan" class="button pricing-button w-button">Contact Sales</a></div></div></div></div></div></div></div></div></div></div></div><div id="CTA-Section" class="section"><div class="container"><div class="cta-inside"><div class="text-container"><div class="anim-on-scroll"><h2>Effortless Web Design starts here. Try Modulify Now!</h2></div><div class="anim-on-scroll"><h2 class="h6-heading">The only playground you need to build Webflow sites in minutes. Empowered by AI.</h2></div></div><div data-w-id="44239991-7ca9-202c-d87b-c3c1e52ddbb3" class="cta-prompt"><div data-w-id="44239991-7ca9-202c-d87b-c3c1e52ddbb4" class="prompt-cta-wrap"><div class="prompt w-form"><form id="wf-form-PromptForm" name="wf-form-PromptForm" data-name="PromptForm" redirect="https://app.modulify" data-redirect="https://app.modulify" method="get" class="prompt-form" data-wf-page-id="67978dbd76b2535d4b038c2c" data-wf-element-id="44239991-7ca9-202c-d87b-c3c1e52ddbb6" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="prompt-ai-anim w-background-video w-background-video-atom"><video id="44239991-7ca9-202c-d87b-c3c1e52ddbb7-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><input class="prompt-input w-input" maxlength="256" name="Prompt-4" data-name="Prompt 4" prompt-input2="true" placeholder="Generate a website for my business" type="text" id="Prompt-4" required=""/><div id="modulify-ai-text-wrap" class="modulify-ai-text-wrap _2"><div id="modulify-ai-text" class="modulify-ai-text">Generate a website for my business</div></div><div class="prompt-button-wrap"><div class="hide-submit-button"><input type="submit" data-wait="Please wait..." class="button w-button" value="Generate"/></div><a id="promptButton" prompt-button2="true" href="http://app.modulify.ai" target="_blank" class="button generate-prompt-button w-button">Generate</a></div><div class="prompt-gradient"><div class="prompt-gradient-bg"></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="surprise-me-wrap"><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="surprise-anim w-background-video w-background-video-atom"><video id="44239991-7ca9-202c-d87b-c3c1e52ddbca-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div><a href="#" class="surprise-me-button w-button">Surprise me</a></div></div></div></div><div class="section-bg-wrap"><div data-w-id="44239991-7ca9-202c-d87b-c3c1e52ddbce" class="dots-bg"></div></div></div><div class="section"><div class="container"><div class="footer-grid"><div id="w-node-_3f8628b5-4a92-1f0b-02dc-6ab5ff50688c-ff506889" class="grid-content"><div class="anim-on-scroll"><a href="#" class="footer-brand-link w-inline-block"><img src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/6798ebe2594579c063da60f1_Logo-No-Design.svg" loading="lazy" alt="" class="footer-logo"/><div data-poster-url="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4,https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="footer-logo-anim w-background-video w-background-video-atom"><video id="3f8628b5-4a92-1f0b-02dc-6ab5ff506890-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b%2F6798e61d79592349d2de3a7f_ai-anim-transcode.webm" data-wf-ignore="true"/></video></div></a></div><div class="anim-on-scroll"><p class="h6-heading">Design & Build Webflow sites in minutes with AI</p></div></div><div class="grid-content"><div class="anim-on-scroll"><p class="footer-heading">Product</p></div><div class="footer-links"><a href="/" aria-current="page" class="link w-inline-block w--current"><div>Modulify</div></a><a href="#CTA-Section" class="link w-inline-block"><div>Generate with AI</div></a><a href="/pricing" class="link w-inline-block"><div>Pricing</div></a></div></div><div class="grid-content"><div class="anim-on-scroll"><p class="footer-heading">Resources</p></div><div class="footer-links"><a href="/insights" class="link w-inline-block"><div>Insights</div></a><a href="/updates" class="link w-inline-block"><div>Updates</div></a><a href="/faqs" class="link w-inline-block"><div>FAQs</div></a><a href="/contact" class="link w-inline-block"><div>Contact</div></a></div></div><div class="grid-content"><div class="anim-on-scroll"><p class="footer-heading">Flow</p></div><div class="footer-links"><a href="/#Sitemap-Section" class="link w-inline-block"><div>Sitemap</div></a><a href="/#Sitemap-Section" class="link w-inline-block"><div>Wireframe</div></a><a href="/#Design-Section" class="link w-inline-block"><div>AI Design</div></a><a href="#CTA-Section" class="link w-inline-block"><div>Surprise Me</div></a></div></div><div class="grid-content"><div class="anim-on-scroll"><p class="footer-heading">Join Us</p></div><div class="footer-links"><a href="https://x.com/intent/follow?screen_name=modulify" target="_blank" class="link w-inline-block"><div>Twitter</div></a><a href="https://discord.com/invite/Dj4FDdMnYj" target="_blank" class="link w-inline-block"><div>Discord</div></a><a href="https://www.linkedin.com/company/modulify-ai" target="_blank" class="link w-inline-block"><div>Linkedin</div></a><a href="https://www.instagram.com/modulify_ai" target="_blank" class="link w-inline-block"><div>Instagram</div></a><a href="https://www.facebook.com/modulifyai" target="_blank" class="link w-inline-block"><div>Facebook</div></a></div></div></div><div class="footer-bottom"><div class="footer-bottom-links"><a href="/legal/terms" class="link w-inline-block"><div>Terms</div></a><a href="/legal/privacy-policy" class="link w-inline-block"><div>Privacy</div></a></div><div class="footer-social"><a href="https://x.com/intent/follow?screen_name=modulify" target="_blank" class="social-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" viewBox="0 0 16 16" app="ikonik" class="social-icon"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" app="ikonik"></path></svg></a><a href="https://discord.com/invite/Dj4FDdMnYj" target="_blank" class="social-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social-icon"><path d="M20.317 4.4921C18.7873 3.80147 17.147 3.29265 15.4319 3.00122C15.4007 2.9956 15.3695 3.00965 15.3534 3.03777C15.1424 3.40697 14.9087 3.88862 14.7451 4.26719C12.9004 3.99545 11.0652 3.99545 9.25832 4.26719C9.09465 3.8802 8.85248 3.40697 8.64057 3.03777C8.62449 3.01059 8.59328 2.99654 8.56205 3.00122C6.84791 3.29172 5.20756 3.80054 3.67693 4.4921C3.66368 4.49772 3.65233 4.5071 3.64479 4.51928C0.533392 9.09311 -0.31895 13.5545 0.0991801 17.9606C0.101072 17.9822 0.11337 18.0028 0.130398 18.0159C2.18321 19.4993 4.17171 20.3998 6.12328 20.9967C6.15451 21.0061 6.18761 20.9949 6.20748 20.9695C6.66913 20.3492 7.08064 19.6952 7.43348 19.0073C7.4543 18.967 7.43442 18.9192 7.39186 18.9033C6.73913 18.6597 6.1176 18.3626 5.51973 18.0253C5.47244 17.9981 5.46865 17.9316 5.51216 17.8997C5.63797 17.8069 5.76382 17.7104 5.88396 17.613C5.90569 17.5952 5.93598 17.5914 5.96153 17.6026C9.88928 19.3672 14.1415 19.3672 18.023 17.6026C18.0485 17.5905 18.0788 17.5942 18.1015 17.612C18.2216 17.7095 18.3475 17.8069 18.4742 17.8997C18.5177 17.9316 18.5149 17.9981 18.4676 18.0253C17.8697 18.3692 17.2482 18.6597 16.5945 18.9024C16.552 18.9183 16.533 18.967 16.5538 19.0073C16.9143 19.6942 17.3258 20.3483 17.7789 20.9686C17.7978 20.9949 17.8319 21.0061 17.8631 20.9967C19.8241 20.3998 21.8126 19.4993 23.8654 18.0159C23.8834 18.0028 23.8948 17.9831 23.8967 17.9616C24.3971 12.8676 23.0585 8.4428 20.3482 4.52021C20.3416 4.5071 20.3303 4.49772 20.317 4.4921ZM8.02002 15.2778C6.8375 15.2778 5.86313 14.2095 5.86313 12.8976C5.86313 11.5857 6.8186 10.5175 8.02002 10.5175C9.23087 10.5175 10.1958 11.5951 10.1769 12.8976C10.1769 14.2095 9.22141 15.2778 8.02002 15.2778ZM15.9947 15.2778C14.8123 15.2778 13.8379 14.2095 13.8379 12.8976C13.8379 11.5857 14.7933 10.5175 15.9947 10.5175C17.2056 10.5175 18.1705 11.5951 18.1516 12.8976C18.1516 14.2095 17.2056 15.2778 15.9947 15.2778Z" fill="currentColor" app="ikonik" class="path-ho8ifh"></path></svg></a><a href="https://www.linkedin.com/company/modulify-ai" target="_blank" class="social-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.42857 8.96884H13.1429V10.8193C13.6783 9.75524 15.0503 8.79887 17.1114 8.79887C21.0623 8.79887 22 10.9167 22 14.8028V22H18V15.6878C18 13.4748 17.4646 12.2266 16.1029 12.2266C14.2143 12.2266 13.4286 13.5722 13.4286 15.6878V22H9.42857V8.96884ZM2.57143 21.83H6.57143V8.79887H2.57143V21.83ZM7.14286 4.54958C7.14286 4.88439 7.07635 5.21593 6.94712 5.52526C6.81789 5.83458 6.62848 6.11565 6.3897 6.3524C6.15092 6.58915 5.86745 6.77695 5.55547 6.90508C5.24349 7.0332 4.90911 7.09915 4.57143 7.09915C4.23374 7.09915 3.89937 7.0332 3.58739 6.90508C3.27541 6.77695 2.99193 6.58915 2.75315 6.3524C2.51437 6.11565 2.32496 5.83458 2.19574 5.52526C2.06651 5.21593 2 4.88439 2 4.54958C2 3.87339 2.27092 3.22489 2.75315 2.74675C3.23539 2.26862 3.88944 2 4.57143 2C5.25341 2 5.90747 2.26862 6.3897 2.74675C6.87194 3.22489 7.14286 3.87339 7.14286 4.54958Z" fill="currentColor" app="ikonik" class="path-dmpuej"></path></svg></a><a href="https://www.facebook.com/modulifyai" target="_blank" class="social-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social-icon"><path d="M9.19795 21.5H13.198V13.4901H16.8021L17.198 9.50977H13.198V7.5C13.198 6.94772 13.6457 6.5 14.198 6.5H17.198V2.5H14.198C11.4365 2.5 9.19795 4.73858 9.19795 7.5V9.50977H7.19795L6.80206 13.4901H9.19795V21.5Z" fill="currentColor" app="ikonik" class="path-tien8"></path></svg></a><a href="https://www.instagram.com/modulify_ai" target="_blank" class="social-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" viewBox="0 0 16 16" app="ikonik" class="social-icon"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" app="ikonik"></path></svg></a></div></div><div class="copyright"><div class="grey-color">© 2025 - Modulify.ai - All rights reserved.</div></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67978dbd76b2535d4b038c1b" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/js/modulify-ai.schunk.4a394eb5af8156f2.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/js/modulify-ai.schunk.ede793a69f67ce88.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/js/modulify-ai.schunk.a2b3c6f017aef1ab.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/67978dbd76b2535d4b038c1b/js/modulify-ai.0e5b1d14.00e5a59650725121.js" type="text/javascript"></script><script src="http://127.0.0.1:8080/modulify-referral-script.js" async defer></script> <script src="https://js.azwedo.com/modulify-referral-script.js" async defer></script> <script> // Prompt Anim $(document).ready(function() { var textArray = [ "Generate a SaaS website for my AI Startup", "Generate a website for my creative agency", "Generate a website for my consulting business" ]; var textArrInd = 0; var text = textArray[textArrInd]; var animLetterCount = 0; var speed = 50; // Speed of the animation (in milliseconds) var promptButton = $(".promptButton") var prompt = $(".prompt-input"); var textWrap = $('.modulify-ai-text-wrap._1'); var textWrap2 = $('.modulify-ai-text-wrap._2'); var textAi = $('.modulify-ai-text'); textWrap.animate({ opacity: 0 }, 30); textWrap2.animate({ opacity: 0 }, 30); textAi.html(""); // prompt.on("input", function () { // const generateInputValue = $(this).val() // if (promptButton) promptButton.attr("href", "https://app.modulify.ai?prompt=" + encodeURIComponent(inputValue)) // }) function setPromptUrl(txt){ var link = 'https://app.modulify.ai?prompt=' + encodeURIComponent(txt); $("[prompt-button='true'], [prompt-button2='true']").attr("href", link); } setPromptUrl(text); // Form submit $('[data-name="PromptForm"]').submit(function(event) { event.preventDefault(); // Prevent Webflow form from submitting setPromptUrl(text); document.getElementById("promptButton").click(); return false; }); $("[prompt-input='true']").on("input", function () { text = $(this).val(); setPromptUrl(text); $("[prompt-input2='true']").val(text); }); $("[prompt-input2='true']").on("input", function () { text = $(this).val(); setPromptUrl(text); $("[prompt-input='true']").val(text); }); function typeLetterByLetter() { if (animLetterCount < text.length) { console.log("animLetterCount", animLetterCount); var char = text.charAt(animLetterCount); var letterSpan, letterSpan2; // Treat spaces separately by appending a non-breaking space if (char === " ") { letterSpan = $('<span class="modulify-ai-text"> </span>'); letterSpan2 = $('<span class="modulify-ai-text"> </span>'); } else { letterSpan = $('<span class="modulify-ai-text" style="opacity:0;"></span>').text(char); letterSpan2 = $('<span class="modulify-ai-text" style="opacity:0;"></span>').text(char); } textWrap.append(letterSpan); letterSpan.animate({ opacity: 1 }, 300); letterSpan.css('transform', 'scale(' + 1 + ')'); textWrap2.append(letterSpan2); letterSpan2.animate({ opacity: 1 }, 300); letterSpan2.css('transform', 'scale(' + 1 + ')'); animLetterCount++; setTimeout(typeLetterByLetter, speed); } else { prompt.val(text); setPromptUrl(text); textWrap.animate({ opacity: 0 }, 300); textWrap2.animate({ opacity: 0 }, 300); } } $(".prompt-ai-anim, .surprise-me-button").click(function(){ animLetterCount = 0; textArrInd = textArrInd == 2 ? 0 : textArrInd + 1; text = textArray[textArrInd]; prompt.val(""); textAi.text(""); textWrap.html(""); textWrap.animate({ opacity: 1 }, 30); textWrap2.html(""); textWrap2.animate({ opacity: 1 }, 30); setTimeout(typeLetterByLetter, 50); }); }); </script>  <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/679ce4843a84273260782cdf/1iiudp9d1'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>  <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%; right: 0"><a href="https://www.awwwards.com/sites/modulify" target="_blank"><svg width="53.08" height="171.358"><path class="js-color-bg" fill="white" d="M0 0h53.08v171.358H0z"></path><g class="js-color-text" fill="black"><path d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495"></path></g></svg></a></div>  <script> $(document).ready(function () { // Handle clicking on ".categories-tab-link" $('.categories-tab-link').on('click', function (e) { e.preventDefault(); // Prevent default behavior if needed // Get the index of the clicked link var clickedIndex = $(this).index('.categories-tab-link'); // Log for debugging (optional) console.log('Categories Tab Link clicked index:', clickedIndex); // Click the corresponding ".w-slider-dot" in ".slide-nav" $('.slide-nav .w-slider-dot').eq(clickedIndex).click(); }); // Handle clicking on ".slider-arrow" $('.slider-arrow').on('click', function () { setTimeout(function(){ // Find the active ".w-slider-dot" in ".slide-nav" var activeIndex = $('.slide-nav .w-slider-dot.w-active').index('.slide-nav .w-slider-dot'); // Log for debugging (optional) console.log('Active slider dot index:', activeIndex); // Click the corresponding ".categories-tab-link" $('.categories-tab-link').eq(activeIndex).click(); }, 50); }); }); </script> </body></html>