1<!DOCTYPE html><html lang="en"><head><meta charSet="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=2000 2000w" imageSizes="(max-width: 768px) 100vw, 800px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=2000 2000w" imageSizes="(max-width: 768px) 100vw, 800px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=2000 2000w" imageSizes="(max-width: 768px) 100vw, 800px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=2000 2000w" imageSizes="(max-width: 768px) 100vw, 800px"/><link rel="preload" as="image" imageSrcSet="https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&width=18 18w, https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&width=36 36w" imageSizes="18px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&width=18 18w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&width=36 36w" imageSizes="18px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6b9e442ae0be4fdf9fe0f9f44ae944c5?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6b9e442ae0be4fdf9fe0f9f44ae944c5?format=webp&width=400 400w" imageSizes="200px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4d8728cd49724a03b42d9d2aaf67cf13?format=webp&width=130 130w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4d8728cd49724a03b42d9d2aaf67cf13?format=webp&width=260 260w" imageSizes="130px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&width=160 160w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&width=320 320w" imageSizes="160px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&width=240 240w" imageSizes="120px"/>
1<script src="//cdn.jsdelivr.net/npm/@builder.io/persist-attribution@latest/dist/persist-attribution.min.js" async="" defer=""></script>
1<link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&width=240 240w" imageSizes="120px"/><link rel="preload" as="image" imageSrcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&width=240 240w" imageSizes="120px"/><meta name="theme-color" content="#f8f8f8"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>Product Teams â Builder.io</title><meta name="description" content="The platform built for product teams â turn feedback and specs into working prototypes and production-ready changes with AI-powered workflows."/><meta property="og:type" content="website"/><meta property="og:locale" content="en_US"/><meta property="og:url" content="https://www.builder.io/for/product-managers"/><meta property="og:title" content="Product Teams â Builder.io"/><meta property="og:description" content="The platform built for product teams â turn feedback and specs into working prototypes and production-ready changes with AI-powered workflows."/><meta property="og:site_name" content="Builder.io"/><meta property="og:image" content="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb67b5775f3404974afd11dfc54ad61db?width=1200"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Builder.io visual builder"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@builderio"/><meta name="twitter:creator" content="@builderio"/><link rel="canonical" href="https://www.builder.io/for/product-managers"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="alternate" type="application/rss+xml" title="RSS Feed for the Builder.io blog" href="https://www.builder.io/blog/feed/xml"/><link rel="alternate" type="application/rss+json" title="RSS Feed for the Builder.io blog" href="https://www.builder.io/blog/feed/json"/><link rel="alternate" type="application/atom+xml" title="RSS Feed for the Builder.io blog" href="https://www.builder.io/blog/feed/atom"/><link rel="icon" type="image/svg+xml" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F51a002f4a17f4fc4a829b8891a1c25ee"/><link rel="icon" type="image/png" sizes="192x192" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F9a4849a1afdf4f439ed82ff05941eae6"/><link rel="icon" type="image/png" sizes="512x512" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffd572a39ff674ec88c50c33f33d9ca02"/><link rel="icon" type="image/x-icon" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0fc9ccf7b0204544b572152c085bdef7"/><link rel="apple-touch-icon" sizes="512x512" href="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ffd572a39ff674ec88c50c33f33d9ca02"/><link rel="manifest" href="/site.webmanifest"/><link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/cfldfgibklhmjhnkfighkbafbkbfcmij"/><link rel="modulepreload" href="/assets/manifest-e0814bec.js"/><link rel="modulepreload" href="/assets/entry.client-C4mqfX4h.js"/><link rel="modulepreload" href="/assets/preload-helper-BXl3LOEh.js"/><link rel="modulepreload" href="/assets/components-tbqp4LHE.js"/><link rel="modulepreload" href="/assets/client-1vAFkHB9.js"/><link rel="modulepreload" href="/assets/errorBoundaries-Cn_iLJG_.js"/><link rel="modulepreload" href="/assets/index-D68R75oZ.js"/><link rel="modulepreload" href="/assets/root-umB_G5Hj.js"/><link rel="modulepreload" href="/assets/lib-CNBY53c5.js"/><link rel="modulepreload" href="/assets/seo-tags-DYlASapG.js"/><link rel="modulepreload" href="/assets/LaunchDarklyContext-Dodb4GF3.js"/><link rel="modulepreload" href="/assets/urls-DKJa5cAz.js"/><link rel="modulepreload" href="/assets/site-nav-CKthbytF.js"/><link rel="modulepreload" href="/assets/error-page-D-xEnl-4.js"/><link rel="modulepreload" href="/assets/init-referrer-cookie-DVq9jfzJ.js"/>
1<link rel="modulepreload" href="/assets/builder-components-BnAXZU3R.js"/><link rel="modulepreload" href="/assets/button-CmTkeZsu.js"/><link rel="modulepreload" href="/assets/IconArrowUpRight-nVy-V9wP.js"/><link rel="modulepreload" href="/assets/createReactComponent-C-GgH8hJ.js"/><link rel="modulepreload" href="/assets/builder-brand-token-styles-DOsWA6zD.js"/><link rel="modulepreload" href="/assets/builder-image-D1_Xk8Nk.js"/><link rel="modulepreload" href="/assets/brand-logo-svg-PpgWNNcj.js"/><link rel="modulepreload" href="/assets/IconCheck-K9H8P55q.js"/><link rel="modulepreload" href="/assets/IconX-QIM7BlpS.js"/><link rel="modulepreload" href="/assets/copy-to-clipboard-D8SewVzt.js"/><link rel="modulepreload" href="/assets/announcement-bar-Bxo4KJiZ.js"/><link rel="modulepreload" href="/assets/IconCopy-DwlZeoxr.js"/><link rel="modulepreload" href="/assets/proxy-B2oUKae0.js"/><link rel="modulepreload" href="/assets/IconVectorBezier-By2BlqIO.js"/><link rel="modulepreload" href="/assets/site-footer-DTWooRWt.js"/><link rel="modulepreload" href="/assets/input-CfGXKYh-.js"/><link rel="modulepreload" href="/assets/IconChevronRight-DIBgV9A0.js"/><link rel="modulepreload" href="/assets/ErrorHero-DzZVPx8N.js"/><link rel="modulepreload" href="/assets/page-grid-CoFoLrqL.js"/><link rel="modulepreload" href="/assets/eyebrow-doDkPx78.js"/><link rel="modulepreload" href="/assets/builder-react.es5-EcmpEoh3.js"/><link rel="modulepreload" href="/assets/for-Cng0DwuQ.js"/><link rel="modulepreload" href="/assets/for.product-managers-DQbspPbS.js"/><link rel="modulepreload" href="/assets/build-seo-head-DftSQ3gt.js"/><link rel="modulepreload" href="/assets/PartnerLogos-BRQro5r3.js"/><link rel="modulepreload" href="/assets/FusionFeatureSections-DtWUoYjL.js"/><link rel="modulepreload" href="/assets/card-navigate-Bv3UVtVP.js"/><link rel="modulepreload" href="/assets/IconHierarchy-D2mpcRaw.js"/><link rel="modulepreload" href="/assets/Integrations-DoLH6l9L.js"/><link rel="modulepreload" href="/assets/DesignTeamsTestimonials-DgVuBd8U.js"/><link rel="modulepreload" href="/assets/WebsiteRedesignFAQSection-B9VbkPNZ.js"/><link rel="modulepreload" href="/assets/Security-Dd-Sn0wD.js"/><link rel="modulepreload" href="/assets/FusionFinalCTA-CRhqFa0i.js"/><link rel="modulepreload" href="/assets/IconShieldLock-CYFaXT7W.js"/><link rel="modulepreload" href="/assets/IconSitemap-Bg-L5oWl.js"/><link rel="modulepreload" href="/assets/IconHeadset-DvHdv-U6.js"/><link rel="modulepreload" href="/assets/emotion-react.browser.esm-Bxx5L-Te.js"/><link rel="modulepreload" href="/assets/homepage.content-IJf9QsR9.js"/><link rel="modulepreload" href="/assets/tab-item-QCyKzIU-.js"/><link rel="modulepreload" href="/assets/IconChevronLeft-DxvnKbbw.js"/><link rel="modulepreload" href="/assets/IconChevronUp-g_q0P4wP.js"/><link rel="modulepreload" href="/assets/IconChevronDown-DkgTMAQD.js"/>
1<script> 2if (location.host === 'app.builder.io') { 3 location.href = location.href.replace('//app.builder.io', '//www.builder.io'); 4} else if (location.host === 'builder.io') { 5 location.href = location.href.replace('//builder.io', '//www.builder.io'); 6} 7</script>
7<link rel="stylesheet" href="/assets/global-CdXzWIXt.css"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:[email protected]&family=Geist+Mono:[email protected]&display=swap"/></head><body>
7<script> 8(function () { 9 var ua = navigator ? navigator.userAgent.toLowerCase() : ''; 10 var isMobile = ua.includes('android') || ua.includes('iphone'); 11 if (location.pathname === '/blog' || location.pathname.startsWith('/blog/') || location.pathname.startsWith('/c/')) { 12 if (!isMobile) { 13 var setDarkModeClass = function () { 14 document.documentElement.classList.add('dark-mode'); 15 }; 16 if (document.cookie.includes('builder.darkMode=true')) { 17 setDarkModeClass(); 18 } else if (!document.cookie.includes('builder.darkMode=')) { 19 if (window.matchMedia('(prefers-color-scheme: dark)').matches) { 20 setDarkModeClass(); 21 } 22 } 23 } 24 } 25 if (location.pathname === '/brand' || location.pathname.startsWith('/brand/')) { 26 var existing = document.getElementById('brand-pre-hydration'); 27 if (!existing) { 28 var style = document.createElement('style'); 29 style.id = 'brand-pre-hydration'; 30 style.textContent = 'html,body{background:#0A0A0A !important;}'; 31 document.head.appendChild(style); 32 } 33 } 34})(); 35</script>
vendor: 67 bytes, line 35
35<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
35GTM-N3WSTXZ
vendor: 82 bytes, line 35
35" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
35<style data-emotion="css 1eowlbh">.css-1eowlbh{min-height:100vh;background:var(--b-bg-page);color:var(--b-text-primary);font-family:var(--b-font-sans);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><div class="builder-brand-tokens css-1eowlbh"><style> 36html, body { background: var(--b-bg-page, #0A0A0A) !important; } 37 38 39.builder-brand-tokens { 40 /* ââ Fonts ââ */ 41 --b-font-sans: 'Geist', system-ui, sans-serif; 42 --b-font-mono: 'Geist Mono', monospace; 43 44 /* ââ Color primitives ââ */ 45 --c-violet-400: #A8C1FF; 46 --c-blue-100: #BEF0F5; 47 --c-blue-200: #7BE8F5; 48 --c-blue-300: #00DFF6; 49 --c-blue-400: #00D6F6; 50 --c-blue-500: #01C8F1; 51 --c-blue-500-40p: #01C8F166; 52 --c-blue-600: #009CCC; 53 --c-blue-900: #00161B; 54 --c-green-400: #0FDFBA; 55 --c-yellow-400: #DEC75F; 56 --c-red-400: #FFA27D; 57 --c-pink-400: #FA9BF2; 58 --c-neutral-50: #FAF9F5; 59 --c-neutral-100: #E0E0D7; 60 --c-neutral-200: #CAC9C6; 61 --c-neutral-400: #ABABAB; 62 --c-neutral-500: #9A9997; 63 --c-neutral-600: #5E5E5E; 64 --c-neutral-700: #3D3D3D; 65 --c-neutral-800: #2E2E2E; 66 --c-neutral-900: #1A1A1A; 67 --c-neutral-925: #0F0F0F; 68 --c-neutral-950: #0A0A0A; 69 --c-neutral-950-90p: #0A0A0AE6; 70 --c-white-5p: #FFFFFF0D; 71 72 /* ââ Semantic: bg ââ */ 73 --b-bg-page: #0A0A0A; 74 --b-bg-surface: #0A0A0A; 75 --b-bg-raised: #0F0F0F; 76 --b-bg-prominent: #1A1A1A; 77 --b-bg-translucent: #0A0A0AE6; 78 --b-bg-alternative: #00161B; 79 80 /* ââ Semantic: text ââ */ 81 --b-text-primary: #FAF9F5; 82 --b-text-secondary: #AEADAC; 83 --b-text-muted: #5E5E5E; 84 --b-text-highlight: #E0E0D7; 85 --b-text-link: #BEF0F5; 86 --b-text-eyebrow: #01C8F1; 87 88 /* ââ Semantic: border ââ */ 89 --b-border-default: #1A1A1A; 90 --b-border-subtle: #141414; 91 --b-border-title-row: #2E2E2E; 92 --b-border-menu: #1a1a1a; 93 94 /* ââ Semantic: action ââ */ 95 --b-action-primary-bg: #01C8F1; 96 --b-action-primary-hover: #00DFF6; 97 --b-action-primary-text: #0A0A0A; 98 --b-action-primary-border: #00DFF6; 99 --b-action-primary-effect: #01C8F166; 100 --b-action-secondary-bg: transparent; 101 --b-action-secondary-hover: #1A1A1A; 102 --b-action-secondary-text: #FAF9F5; 103 --b-action-secondary-border: #5E5E5E; 104 --b-action-tab-bg: #0A0A0A; 105 --b-action-tab-bg-active: #00161B; 106 --b-action-tab-bg-hover: #0F0F0F; 107 --b-action-tab-text: #5E5E5E; 108 --b-action-tab-text-active: #BEF0F5; 109 --b-action-tab-text-hover: #FAF9F5; 110 --b-action-tab-indicator: #01C8F1; 111 112 /* ââ Utility ââ */ 113 --b-btn-hover-bg: rgba(255, 255, 255, 0.08); 114 115 /* ââ Border radius ââ */ 116 --b-radius: 6px; 117 --b-radius-none: 0px; 118 --b-radius-sm: 3px; 119 --b-radius-md: 6px; 120 --b-radius-lg: 12px; 121 --b-radius-full: 9999px; 122 123 /* ââ Gradient ââ */ 124 --b-gradient-blue: linear-gradient(90deg, #18B4F4 0%, #19B9F5 6.25%, #1BBDF5 12.5%, #1CC2F6 18.75%, #1EC7F7 25%, #1FCBF7 31.25%, #21D0F8 37.5%, #22D5F9 43.75%, #24D9F9 50%, #25DEFA 56.25%, #26E3FB 62.5%, #28E8FC 68.75%, #29ECFC 75%, #2BF1FD 81.25%, #2CF6FE 87.5%, #2EFAFE 93.75%, #2FFFFF 100%); 125 126 /* ââ Spacing scale (token key à 4px) ââ */ 127 --spacing-0: 0px; 128 --spacing-1: 4px; 129 --spacing-2: 8px; 130 --spacing-3: 12px; 131 --spacing-4: 16px; 132 --spacing-5: 20px; 133 --spacing-6: 24px; 134 --spacing-8: 32px; 135 --spacing-10: 40px; 136 --spacing-12: 48px; 137 --spacing-16: 64px; 138 --spacing-20: 80px; 139 --spacing-24: 96px; 140 --spacing-30: 120px; 141 --spacing-35: 150px; 142 --spacing-50: 200px; 143 144 /* ââ Typography scale ââ */ 145 --b-t-heading-1: 56px; 146 --b-t-heading-2: 46px; 147 --b-t-heading-3: 37px; 148 --b-t-heading-4: 28px; 149 --b-t-heading-5: 23px; 150 --b-t-heading-6: 18px; 151 --b-t-paragraph-1: 18px; 152 --b-t-paragraph-2: 15px; 153 --b-t-paragraph-2-md: 15px; 154 --b-t-paragraph-3: 12px; 155 --b-t-label-1: 14px; 156 --b-t-label-2: 11px; 157} 158 159@media (max-width: 768px) { 160 .builder-brand-tokens { 161 --spacing-4: 12px; 162 --spacing-5: 16px; 163 --spacing-6: 20px; 164 --spacing-8: 24px; 165 --spacing-10: 24px; 166 --spacing-12: 24px; 167 --spacing-16: 24px; 168 --spacing-20: 32px; 169 --spacing-24: 32px; 170 --spacing-30: 72px; 171 --spacing-35: 88px; 172 --spacing-50: 80px; 173 174 --b-t-heading-1: 32px; 175 --b-t-heading-2: 28px; 176 --b-t-heading-3: 24px; 177 --b-t-heading-4: 22px; 178 --b-t-heading-5: 19px; 179 --b-t-heading-6: 16px; 180 --b-t-paragraph-1: 16px; 181 --b-t-paragraph-2: 15px; 182 --b-t-paragraph-3: 12px; 183 --b-t-label-1: 14px; 184 --b-t-label-2: 11px; 185 } 186} 187 188.builder-brand-tokens .blue-gradient { 189 background: var(--b-gradient-blue); 190} 191 192.builder-brand-tokens .blue-gradient-text { 193 background: var(--b-gradient-blue); 194 -webkit-background-clip: text; 195 -webkit-text-fill-color: transparent; 196 background-clip: text; 197} 198 199</style><style data-emotion="css yy2a9f">.css-yy2a9f{position:-webkit-sticky;position:sticky;top:0;z-index:110;width:100%;padding:0 40px;background:rgba(10, 10, 10, 0.90);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--b-border-subtle);box-sizing:border-box;}@media (max-width: 768px){.css-yy2a9f{padding:0 20px;}}</style><header class="builder-brand-tokens docs-header css-yy2a9f"><style> 200 201.builder-brand-tokens { 202 /* ââ Fonts ââ */ 203 --b-font-sans: 'Geist', system-ui, sans-serif; 204 --b-font-mono: 'Geist Mono', monospace; 205 206 /* ââ Color primitives ââ */ 207 --c-violet-400: #A8C1FF; 208 --c-blue-100: #BEF0F5; 209 --c-blue-200: #7BE8F5; 210 --c-blue-300: #00DFF6; 211 --c-blue-400: #00D6F6; 212 --c-blue-500: #01C8F1; 213 --c-blue-500-40p: #01C8F166; 214 --c-blue-600: #009CCC; 215 --c-blue-900: #00161B; 216 --c-green-400: #0FDFBA; 217 --c-yellow-400: #DEC75F; 218 --c-red-400: #FFA27D; 219 --c-pink-400: #FA9BF2; 220 --c-neutral-50: #FAF9F5; 221 --c-neutral-100: #E0E0D7; 222 --c-neutral-200: #CAC9C6; 223 --c-neutral-400: #ABABAB; 224 --c-neutral-500: #9A9997; 225 --c-neutral-600: #5E5E5E; 226 --c-neutral-700: #3D3D3D; 227 --c-neutral-800: #2E2E2E; 228 --c-neutral-900: #1A1A1A; 229 --c-neutral-925: #0F0F0F; 230 --c-neutral-950: #0A0A0A; 231 --c-neutral-950-90p: #0A0A0AE6; 232 --c-white-5p: #FFFFFF0D; 233 234 /* ââ Semantic: bg ââ */ 235 --b-bg-page: #0A0A0A; 236 --b-bg-surface: #0A0A0A; 237 --b-bg-raised: #0F0F0F; 238 --b-bg-prominent: #1A1A1A; 239 --b-bg-translucent: #0A0A0AE6; 240 --b-bg-alternative: #00161B; 241 242 /* ââ Semantic: text ââ */ 243 --b-text-primary: #FAF9F5; 244 --b-text-secondary: #AEADAC; 245 --b-text-muted: #5E5E5E; 246 --b-text-highlight: #E0E0D7; 247 --b-text-link: #BEF0F5; 248 --b-text-eyebrow: #01C8F1; 249 250 /* ââ Semantic: border ââ */ 251 --b-border-default: #1A1A1A; 252 --b-border-subtle: #141414; 253 --b-border-title-row: #2E2E2E; 254 --b-border-menu: #1a1a1a; 255 256 /* ââ Semantic: action ââ */ 257 --b-action-primary-bg: #01C8F1; 258 --b-action-primary-hover: #00DFF6; 259 --b-action-primary-text: #0A0A0A; 260 --b-action-primary-border: #00DFF6; 261 --b-action-primary-effect: #01C8F166; 262 --b-action-secondary-bg: transparent; 263 --b-action-secondary-hover: #1A1A1A; 264 --b-action-secondary-text: #FAF9F5; 265 --b-action-secondary-border: #5E5E5E; 266 --b-action-tab-bg: #0A0A0A; 267 --b-action-tab-bg-active: #00161B; 268 --b-action-tab-bg-hover: #0F0F0F; 269 --b-action-tab-text: #5E5E5E; 270 --b-action-tab-text-active: #BEF0F5; 271 --b-action-tab-text-hover: #FAF9F5; 272 --b-action-tab-indicator: #01C8F1; 273 274 /* ââ Utility ââ */ 275 --b-btn-hover-bg: rgba(255, 255, 255, 0.08); 276 277 /* ââ Border radius ââ */ 278 --b-radius: 6px; 279 --b-radius-none: 0px; 280 --b-radius-sm: 3px; 281 --b-radius-md: 6px; 282 --b-radius-lg: 12px; 283 --b-radius-full: 9999px; 284 285 /* ââ Gradient ââ */ 286 --b-gradient-blue: linear-gradient(90deg, #18B4F4 0%, #19B9F5 6.25%, #1BBDF5 12.5%, #1CC2F6 18.75%, #1EC7F7 25%, #1FCBF7 31.25%, #21D0F8 37.5%, #22D5F9 43.75%, #24D9F9 50%, #25DEFA 56.25%, #26E3FB 62.5%, #28E8FC 68.75%, #29ECFC 75%, #2BF1FD 81.25%, #2CF6FE 87.5%, #2EFAFE 93.75%, #2FFFFF 100%); 287 288 /* ââ Spacing scale (token key à 4px) ââ */ 289 --spacing-0: 0px; 290 --spacing-1: 4px; 291 --spacing-2: 8px; 292 --spacing-3: 12px; 293 --spacing-4: 16px; 294 --spacing-5: 20px; 295 --spacing-6: 24px; 296 --spacing-8: 32px; 297 --spacing-10: 40px; 298 --spacing-12: 48px; 299 --spacing-16: 64px; 300 --spacing-20: 80px; 301 --spacing-24: 96px; 302 --spacing-30: 120px; 303 --spacing-35: 150px; 304 --spacing-50: 200px; 305 306 /* ââ Typography scale ââ */ 307 --b-t-heading-1: 56px; 308 --b-t-heading-2: 46px; 309 --b-t-heading-3: 37px; 310 --b-t-heading-4: 28px; 311 --b-t-heading-5: 23px; 312 --b-t-heading-6: 18px; 313 --b-t-paragraph-1: 18px; 314 --b-t-paragraph-2: 15px; 315 --b-t-paragraph-2-md: 15px; 316 --b-t-paragraph-3: 12px; 317 --b-t-label-1: 14px; 318 --b-t-label-2: 11px; 319} 320 321@media (max-width: 768px) { 322 .builder-brand-tokens { 323 --spacing-4: 12px; 324 --spacing-5: 16px;
325 --spacing-6: 20px; 326 --spacing-8: 24px; 327 --spacing-10: 24px; 328 --spacing-12: 24px; 329 --spacing-16: 24px; 330 --spacing-20: 32px; 331 --spacing-24: 32px; 332 --spacing-30: 72px; 333 --spacing-35: 88px; 334 --spacing-50: 80px; 335 336 --b-t-heading-1: 32px; 337 --b-t-heading-2: 28px; 338 --b-t-heading-3: 24px; 339 --b-t-heading-4: 22px; 340 --b-t-heading-5: 19px; 341 --b-t-heading-6: 16px; 342 --b-t-paragraph-1: 16px; 343 --b-t-paragraph-2: 15px; 344 --b-t-paragraph-3: 12px; 345 --b-t-label-1: 14px; 346 --b-t-label-2: 11px; 347 } 348} 349 350.builder-brand-tokens .blue-gradient { 351 background: var(--b-gradient-blue); 352} 353 354.builder-brand-tokens .blue-gradient-text { 355 background: var(--b-gradient-blue); 356 -webkit-background-clip: text; 357 -webkit-text-fill-color: transparent; 358 background-clip: text; 359} 360</style><style data-emotion="css japzmm">.css-japzmm{position:fixed;left:16px;top:16px;z-index:10000;width:auto;height:auto;padding:8px 12px;overflow:hidden;border:2px solid transparent;box-sizing:border-box;-webkit-clip-path:inset(50%);clip-path:inset(50%);-webkit-transform:translateY(-150%);-moz-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);opacity:0;pointer-events:none;border-radius:6px;background:var(--b-bg-raised);color:var(--b-text-primary);font-family:var(--b-font-sans);font-size:14px;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:-webkit-transform 0.18s ease-out,opacity 0.18s ease-out;transition:transform 0.18s ease-out,opacity 0.18s ease-out;}.css-japzmm:focus,.css-japzmm:focus-visible{overflow:visible;-webkit-clip-path:inset(0);clip-path:inset(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto;border-color:var(--b-action-primary-bg);outline:none;box-shadow:0 0 0 3px rgba(1, 200, 241, 0.35);}</style><a href="#main-content" class="css-japzmm">Skip to main content</a><style data-emotion="css t0ido2">.css-t0ido2{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100vw;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;height:39px;border-bottom:1px solid var(--b-border-subtle);background:var(--b-bg-raised);color:#fff;font-family:var(--b-font-sans);font-size:14px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;overflow:hidden;}.css-t0ido2:focus-visible{background:var(--b-bg-page);}@media (max-width: 640px){.css-t0ido2{font-size:11px;}}</style><a href="https://www.builder.io/reports/engineering-leaders-ai-gate" class="css-t0ido2"><style data-emotion="css idlrhm">.css-idlrhm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}</style><span class="css-idlrhm">Where does your team stand on AI adoption? </span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right "><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a><style data-emotion="css zdw0d">.css-zdw0d{max-width:1200px;margin:0 auto;width:100%;height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;}</style><div class="css-zdw0d"><style data-emotion="css 1vejrp2">.css-1vejrp2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-text-decoration:none;text-decoration:none;}</style><a aria-label="Builder.io home" class="css-1vejrp2" href="/" data-discover="true"><style data-emotion="css 1fs0fwq">.css-1fs0fwq{height:22px;width:auto;}</style><svg width="120" height="24" viewBox="0 0 120 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-1fs0fwq"><path d="M21.2566 7.2C21.2566 3.20492 18.0148 0 14.0566 0H1.896C0.845542 0 0 0.852927 0 1.89
3606C0 3.83815 4.11506 5.31323 4.11506 12C4.11506 18.6868 0 20.1618 0 22.104C0 23.1471 0.845542 24 1.896 24H14.0566C18.0148 24 21.2566 20.7951 21.2566 16.8C21.2566 13.8646 19.4935 12.0757 19.4234 12C19.4917 11.9243 21.2566 10.1354 21.2566 7.2ZM2.50708 2.05854H14.0566C15.4302 2.05854 16.7225 2.59386 17.6935 3.56494C18.6646 4.53602 19.2 5.82836 19.2 7.2019C19.2 8.57544 18.6942 9.7865 17.7932 10.7373L2.50892 2.05854H2.50708ZM17.6917 20.4369C16.7206 21.408 15.4283 21.9434 14.0548 21.9434H2.50521L17.7895 13.2646C18.6905 14.2154 19.1963 15.4708 19.1963 16.8C19.1963 18.1292 18.6609 19.4658 17.6898 20.4369H17.6917ZM4.74462 18.3065C4.86646 18.0517 6.16983 15.5225 6.16983 12C6.16983 8.47754 4.86646 5.94836 4.74462 5.69359L15.8511 12L4.74462 18.3065Z" fill="#FAF9F5"></path><path d="M112.093 19.4389C108.797 19.4389 106.629 17.0754 106.629 13.4107C106.629 9.74613 108.797 7.38257 112.093 7.38257C115.389 7.38257 117.558 9.74613 117.558 13.4107C117.558 17.0754 115.389 19.4389 112.093 19.4389ZM112.093 17.444C114.045 17.444 115.172 15.9478 115.172 13.4107C115.172 10.8737 114.045 9.3775 112.093 9.3775C110.142 9.3775 109.014 10.8737 109.014 13.4107C109.014 15.9478 110.142 17.444 112.093 17.444Z" fill="#FAF9F5"></path><path d="M102.182 5.97307V3.67456H104.567V5.97307H102.182ZM102.225 19.1787V7.64275H104.524V19.1787H102.225Z" fill="#FAF9F5"></path><path d="M97.1113 19.1787V16.4465H99.9086V19.1787H97.1113Z" fill="#FAF9F5"></path><path d="M90.7578 19.1786V7.6427H92.8612L92.9262 9.83279C93.3599 8.31491 94.2706 7.6427 95.6801 7.6427H96.786V9.70269H95.6801C93.9237 9.70269 93.0563 10.5484 93.0563 12.3698V19.1786H90.7578Z" fill="#FAF9F5"></path><path d="M83.4429 19.4389C80.0819 19.4389 77.9785 17.0537 77.9785 13.4107C77.9785 9.76782 80.0819 7.38257 83.3779 7.38257C86.522 7.38257 88.6471 9.61603 88.6471 13.4975V14.0829H80.3638C80.4722 16.3381 81.6214 17.4657 83.4646 17.4657C84.809 17.4657 85.7197 16.7935 86.0884 15.7093L88.4736 15.861C87.8665 18.0078 85.9799 19.4389 83.4429 19.4389ZM80.3638 12.3482H86.2185C86.0667 10.3099 84.9391 9.33414 83.3779 9.33414C81.7299 9.33414 80.624 10.3967 80.3638 12.3482Z" fill="#FAF9F5"></path><path d="M70.0268 19.4389C67.056 19.4389 65.2129 17.1187 65.2129 13.4107C65.2129 9.7244 67.0777 7.38252 70.0268 7.38252C71.6097 7.38252 72.9324 8.07641 73.5613 9.26903V3.78296H75.8598V19.1787H73.7131L73.648 17.4439C72.9975 18.7016 71.6314 19.4389 70.0268 19.4389ZM70.6339 17.4439C72.5204 17.4439 73.5613 15.9477 73.5613 13.4107C73.5613 10.852 72.5204 9.37745 70.6339 9.37745C68.7908 9.37745 67.5981 10.8737 67.5981 13.4107C67.5981 15.8827 68.7908 17.4439 70.6339 17.4439Z" fill="#FAF9F5"></path><path d="M62.6892 19.1787C61.1713 19.1787 60.1738 18.4414 60.1738 16.7284V3.78296H62.4723V16.5115C62.4723 17.0536 62.7542 17.2921 63.2747 17.2921H64.1854V19.1787H62.6892Z" fill="#FAF9F5"></path><path d="M54.9688 5.97307V3.67456H57.354V5.97307H54.9688ZM55.0121 19.1787V7.64275H57.3106V19.1787H55.0121Z" fill="#FAF9F5"></path><path d="M46.5935 19.4388C44.2517 19.4388 42.7988 17.8125 42.7988 15.0587V7.6427H45.0973V14.4732C45.0973 16.5765 45.8129 17.509 47.2874 17.509C48.9571 17.509 49.9546 16.3814 49.9546 14.4081V7.6427H52.2531V19.1786H50.1064L50.0847 17.2921C49.4775 18.7016 48.2632 19.4388 46.5935 19.4388Z" fill="#FAF9F5"></path><path d="M35.7814 19.4389C34.1768 19.4389 32.8975 18.7016 32.2469 17.4439L32.1819 19.1787H30.0352V3.78296H32.3337V9.26903C32.9191 8.27156 34.1768 7.38252 35.7814 7.38252C38.7955 7.38252 40.682 9.7244 40.682 13.4107C40.682 17.097 38.7955 19.4389 35.7814 19.4389ZM35.4128 17.4439C37.1692 17.4439 38.2968 15.9044 38.2968 13.4107C38.2968 10.8737 37.1909 9.37745 35.4345 9.37745C33.4829 9.37745 32.3337 10.8737 32.3337 13.4107C32.3337 15.9044 33.4829 17.4439 35.4128 17.4439Z" fill="#FAF9F5"></path></svg></a><style data-emotion="css f2pj6q">.css-f2pj6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-left:auto;}@media (max-width: 1049px){.css-f2pj6q{display:none;}}</style><nav aria-label="Main navigation" class="css-f2pj6q"><span data-megamenu-trigger="true"><style data-emotion="css 4qm1p4">.css-4qm1p4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;
360height:32px;padding:4px 8px;border-radius:6px;background:transparent;border:none;outline:none;cursor:pointer;color:var(--b-text-secondary);font-family:var(--b-font-sans);font-size:15px;font-weight:500;line-height:140%;-webkit-transition:background 0.15s,color 0.15s;transition:background 0.15s,color 0.15s;}.css-4qm1p4:hover{color:var(--b-text-primary);}.css-4qm1p4:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><button type="button" class="css-4qm1p4" aria-expanded="false"><span>Platform</span><style data-emotion="css tvtxuh">.css-tvtxuh{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;}</style><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-tvtxuh"><path d="M13.5306 6.53063L8.5306 11.5306C8.46092 11.6005 8.37813 11.656 8.28696 11.6939C8.1958 11.7317 8.09806 11.7512 7.99935 11.7512C7.90064 11.7512 7.8029 11.7317 7.71173 11.6939C7.62057 11.656 7.53778 11.6005 7.4681 11.5306L2.4681 6.53063C2.3272 6.38973 2.24805 6.19864 2.24805 5.99938C2.24805 5.80012 2.3272 5.60902 2.4681 5.46813C2.60899 5.32723 2.80009 5.24808 2.99935 5.24808C3.19861 5.24808 3.3897 5.32723 3.5306 5.46813L7.99997 9.9375L12.4693 5.4675C12.6102 5.32661 12.8013 5.24745 13.0006 5.24745C13.1999 5.24745 13.391 5.32661 13.5318 5.4675C13.6727 5.6084 13.7519 5.7995 13.7519 5.99875C13.7519 6.19801 13.6727 6.38911 13.5318 6.53L13.5306 6.53063Z" fill="currentColor"></path></svg></button></span><span data-megamenu-trigger="true"><button type="button" class="css-4qm1p4" aria-expanded="false"><span>Resources</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-tvtxuh"><path d="M13.5306 6.53063L8.5306 11.5306C8.46092 11.6005 8.37813 11.656 8.28696 11.6939C8.1958 11.7317 8.09806 11.7512 7.99935 11.7512C7.90064 11.7512 7.8029 11.7317 7.71173 11.6939C7.62057 11.656 7.53778 11.6005 7.4681 11.5306L2.4681 6.53063C2.3272 6.38973 2.24805 6.19864 2.24805 5.99938C2.24805 5.80012 2.3272 5.60902 2.4681 5.46813C2.60899 5.32723 2.80009 5.24808 2.99935 5.24808C3.19861 5.24808 3.3897 5.32723 3.5306 5.46813L7.99997 9.9375L12.4693 5.4675C12.6102 5.32661 12.8013 5.24745 13.0006 5.24745C13.1999 5.24745 13.391 5.32661 13.5318 5.4675C13.6727 5.6084 13.7519 5.7995 13.7519 5.99875C13.7519 6.19801 13.6727 6.38911 13.5318 6.53L13.5306 6.53063Z" fill="currentColor"></path></svg></button></span><span data-megamenu-trigger="true"><button type="button" class="css-4qm1p4" aria-expanded="false"><span>Docs</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="css-tvtxuh"><path d="M13.5306 6.53063L8.5306 11.5306C8.46092 11.6005 8.37813 11.656 8.28696 11.6939C8.1958 11.7317 8.09806 11.7512 7.99935 11.7512C7.90064 11.7512 7.8029 11.7317 7.71173 11.6939C7.62057 11.656 7.53778 11.6005 7.4681 11.5306L2.4681 6.53063C2.3272 6.38973 2.24805 6.19864 2.24805 5.99938C2.24805 5.80012 2.3272 5.60902 2.4681 5.46813C2.60899 5.32723 2.80009 5.24808 2.99935 5.24808C3.19861 5.24808 3.3897 5.32723 3.5306 5.46813L7.99997 9.9375L12.4693 5.4675C12.6102 5.32661 12.8013 5.24745 13.0006 5.24745C13.1999 5.24745 13.391 5.32661 13.5318 5.4675C13.6727 5.6084 13.7519 5.7995 13.7519 5.99875C13.7519 6.19801 13.6727 6.38911 13.5318 6.53L13.5306 6.53063Z" fill="currentColor"></path></svg></button></span><style data-emotion="css 1sa38h0">.css-1sa38h0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;padding:4px 8px;border-radius:6px;color:var(--b-text-secondary);font-family:var(--b-font-sans);font-size:15px;font-weight:500;line-height:140%;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-1sa38h0:hover{color:var(--b-text-primary);}.css-1sa38h0:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><a class="css-1sa38h0" href="/enterprise" data-discover="true">Enterprise</a><a class="css-1sa38h0" href="/pricing" data-discover="true">Pricing</a></nav><style data-emotion="css 1x8by7g">.css-1x8by7g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-left:clamp(40px, calc(15.7vw - 125px), 100px);}@media (max-width: 1049px){.css-1x8by7g{display:none;}}</style><div class="css-1x8by7g"><style data-emotion="css 14kilwa">.css-14kilwa{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;gap:6px;font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border:1px solid var(--b-action-secondary-border);outline:none;-webkit-transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;border-radius:var(--b-radius);white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px 15px;background:var(--b-action-secondary-bg);color:var(--b-action-secondary-text);}.css-14kilwa:hover{background:var(--b-action-secondary-hover);border-color:var(--c-neutral-500);}.css-14kilwa:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><a href="/demo" class="css-14kilwa"><span>CONTACT SALES</span></a><style data-emotion="css 16kyawo">.css-16kyawo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;font-family:var(--b-font-mono);font-weight:600;font-size:var(--b-t-label-1);letter-spacing:0.02em;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border:1px solid var(--b-action-primary-border);outline:none;-webkit-transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;transition:background 0.15s,box-shadow 0.15s,border-color 0.15s;border-radius:var(--b-radius);white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:9px 15px;background:var(--b-action-primary-bg);color:var(--b-action-primary-text);box-shadow:none;}.css-16kyawo:hover{background:var(--b-action-primary-hover);box-shadow:0 0 16px var(--b-action-primary-effect);}.css-16kyawo:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}</style><a href="/signup" class="css-16kyawo"><span>START BUILDING</span></a></div><style data-emotion="css 1prz7jn">.css-1prz7jn{display:none;}@media (max-width: 1049px){.css-1prz7jn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--b-action-primary-bg);border:none;cursor:pointer;color:var(--b-action-primary-text);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;}}</style><button type="button" aria-label="Open menu" aria-expanded="false" class="css-1prz7jn"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><rect x="2" y="4" width="16" height="2" rx="1" fill="currentColor"></rect><rect x="2" y="9" width="16" height="2" rx="1" fill="currentColor"></rect><rect x="2" y="14" width="16" height="2" rx="1" fill="currentColor"></rect></svg></button></div></header><style data-emotion="css k0sogd">.css-k0sogd{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><main id="main-content" class="css-k0sogd"><style data-emotion="css 1sdf07r">.css-1sdf07r{position:relative;width:100%;overflow:hidden;}</style><div class="css-1sdf07r"><style data-emotion="css 1gg0tvz">.css-1gg0tvz{left:0;right:0;max-width:1200px;margin-inline:auto;z-index:0;}</style><style data-emotion="css gxmlpb">.css-gxmlpb{position:absolute;top:0;bottom:0;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(1, 1fr);pointer-events:none;left:0;right:0;max-width:1200px;margin-inline:auto;z-index:0;}</style><div aria-hidden="true" class="css-gxmlpb"><style data-emotion="css 1wcih6j">.css-1wcih6j{box-sizing:border-box;border-left:1px solid var(--b-border-subtle);}</style><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><style data-emotion="css 1xm2lw8">.css-1xm2lw8{box-sizing:border-box;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);}</style><div class="css-1xm2lw8"></div></div><style data-emotion="css 170qbfv">.css-170qbfv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-20) var(--spacing-10);text-align:center;}@media (max-width: 768px){.css-170qbfv{padding:var(--spacing-10);}}</style><style data-emotion="css r3hxbu">.css-r3hxbu{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-20) var(--spacing-10);text-align:center;}@media (max-width: 768px){.css-r3hxbu{padding:var(--spacing-10);}}</style><div class="css-r3hxbu"><style data-emotion="css xyw17r">.css-xyw17r{margin:0;font-family:var(--b-font-mono);font-size:var(--b-t-label-1);font-weight:600;color:var(--b-text-eyebrow);letter-spacing:0.08em;text-transform:uppercase;}</style><p class="css-xyw17r">For Product Managers</p><style data-emotion="css 44sgwt">.css-44sgwt{margin:0;font-size:var(--b-t-heading-1);font-weight:500;line-height:1.05;letter-spacing:-0.02em;max-width:700px;}@media (max-width: 768px){.css-44sgwt{font-size:var(--b-t-heading-2);}}</style><h1 class="css-44sgwt">Ship the changes<br/><style data-emotion="css 11owgl7">.css-11owgl7{color:var(--b-text-secondary);}</style><span class="css-11owgl7">that can't wait.</span></h1><style data-emotion="css 3y8c1y">.css-3y8c1y{margin:0;font-size:var(--b-t-paragraph-1);color:var(--b-text-secondary);max-width:532px;line-height:1.3;}</style><p class="css-3y8c1y">Act on feedback, specs, experiments, and stakeholder requests while the context is still fresh.</p><style data-emotion="css ywiamv">.css-ywiamv{margin-top:var(--spacing-3);}</style><div class="css-ywiamv"><a href="/signup" class="css-16kyawo"><span>TRY BUILDER FREE</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div></div></div><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css u3nhmb">.css-u3nhmb{max-width:1200px;width:100%;margin:0 auto;overflow:hidden;padding:var(--spacing-10) 0;}</style><div class="css-u3nhmb"><style data-emotion="css b48cbg animation-h7pt0t">.css-b48cbg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-12);width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:animation-h7pt0t 70s linear infinite;animation:animation-h7pt0t 70s linear infinite;}@-webkit-keyframes animation-h7pt0t{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(calc(-50% - 20px));-moz-transform:translateX(calc(-50% - 20px));-ms-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px));}}@keyframes animation-h7pt0t{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(calc(-50% - 20px));-moz-transform:translateX(calc(-50% - 20px));-ms-transform:translateX(calc(-50% - 20px));transform:translateX(calc(-50% - 20px));}}</style><div class="css-b48cbg"><style data-emotion="css em6mi8">.css-em6mi8{height:12px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Everlane" loading="lazy" height="12" class="css-em6mi8" width="218" sizes="218px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&width=218 218w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&width=436 436w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&width=218"/><style data-emotion="css 1pz60rb">.css-1pz60rb{height:22px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-4px;}</style><img alt="Scale AI" loading="lazy" height="22" class="css-1pz60rb" width="68" sizes="68px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&width=68 68w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&width=136 136w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&width=68"/><style data-emotion="css 19a7l1i">.css-19a7l1i{height:20px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Zapier" loading="lazy" height="20" class="css-19a7l1i" width="74" sizes="74px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&width=74 74w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&width=148 148w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&width=74"/><img alt="J.Crew" loading="lazy" height="20" class="css-19a7l1i" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&width=97"/><style data-emotion="css 5e55er">.css-5e55er{height:18px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Harry's" loading="lazy" height="18" class="css-5e55er" width="101" sizes="101px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&width=101 101w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&width=202 202w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&width=101"/><style data-emotion="css 1ejwy03">.css-1ejwy03{height:40px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-6px;}</style><img alt="Experian" loading="lazy" height="40" class="css-1ejwy03" width="90" sizes="90px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&width=90 90w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&width=180 180w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&width=90"/><style data-emotion="css 1ox83xh">.css-1ox83xh{height:16px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Faire" loading="lazy" height="16" class="css-1ox83xh" width="128" sizes="128px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&width=128 128w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&width=256 256w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&width=128"/><img alt="Vistaprint" loading="lazy" height="16" class="css-1ox83xh" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&width=97"/><style data-emotion="css 1p0bad8">.css-1p0bad8{height:22px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Alo Yoga" loading="lazy" height="22" class="css-1p0bad8" width="71" sizes="71px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&width=71 71w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&width=142 142w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&width=71"/><img alt="ClickUp" loading="lazy" height="20" class="css-19a7l1i" width="82" sizes="82px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&width=82 82w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&width=164 164w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&width=82"/><img alt="Panasonic" loading="lazy" height="16" class="css-1ox83xh" width="103" sizes="103px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&width=103 103w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&width=206 206w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&width=103"/><img alt="Pendo" loading="lazy" height="20" class="css-19a7l1i" width="88" sizes="88px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&width=88 88w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&width=176 176w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&width=88"/><style data-emotion="css 145o7n">.css-145o7n{height:25px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Schneider Electric" loading="lazy" height="25" class="css-145o7n" width="84" sizes="84px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&width=84 84w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&width=168 168w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&width=84"/><img alt="Quantcast" loading="lazy" height="16" class="css-1ox83xh" width="105" sizes="105px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&width=105 105w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&width=210 210w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&width=105"/><img alt="Afterpay" loading="lazy" height="18" class="css-5e55er" width="95" sizes="95px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&width=95 95w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&width=190 190w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&width=95"/><style data-emotion="css i3k3ph">.css-i3k3ph{height:14px;width:auto;object-fit:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:invert(1);filter:invert(1);opacity:0.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img alt="Fabletics" loading="lazy" height="14" class="css-i3k3ph" width="106" sizes="106px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&width=106 106w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&width=212 212w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&width=106"/><img alt="Vimeo" loading="lazy" height="20" class="css-19a7l1i" width="70" sizes="70px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&width=70 70w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&width=140 140w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&width=70"/><img alt="Everlane" loading="lazy" height="12" class="css-em6mi8" width="218" sizes="218px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&width=218 218w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&width=436 436w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff85785e6aeac467fbe335a821d7469e7?format=webp&width=218"/><img alt="Scale AI" loading="lazy" height="22" class="css-1pz60rb" width="68" sizes="68px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&width=68 68w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&width=136 136w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0694a50a91064e0988d114ba01e13780?format=webp&width=68"/><img alt="Zapier" loading="lazy" height="20" class="css-19a7l1i" width="74" sizes="74px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&width=74 74w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&width=148 148w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fce8a53244e284e8ab5b2e769b2a6d212?format=webp&a
360mp;width=74"/><img alt="J.Crew" loading="lazy" height="20" class="css-19a7l1i" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F86d30d5daf814fe8bbdbf9977728094d?format=webp&width=97"/><img alt="Harry's" loading="lazy" height="18" class="css-5e55er" width="101" sizes="101px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&width=101 101w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&width=202 202w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F38ed071cebed4d14aba6570e72aaadad?format=webp&width=101"/><img alt="Experian" loading="lazy" height="40" class="css-1ejwy03" width="90" sizes="90px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&width=90 90w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&width=180 180w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fc58e8c2cc6d640fcbcf9db9fafd4391d?format=webp&width=90"/><img alt="Faire" loading="lazy" height="16" class="css-1ox83xh" width="128" sizes="128px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&width=128 128w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&width=256 256w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5a3907e41bb94f8486a0d2f407997d0b?format=webp&width=128"/><img alt="Vistaprint" loading="lazy" height="16" class="css-1ox83xh" width="97" sizes="97px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&width=97 97w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&width=194 194w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3554dc5f08742ff9acf3347808f8c89?format=webp&width=97"/><img alt="Alo Yoga" loading="lazy" height="22" class="css-1p0bad8" width="71" sizes="71px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&width=71 71w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&width=142 142w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F732fce23efbb4744aa6732ba8c127bc3?format=webp&width=71"/><img alt="ClickUp" loading="lazy" height="20" class="css-19a7l1i" width="82" sizes="82px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&width=82 82w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&width=164 164w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F490c906b3163405ba4db97e62fafb7c9?format=webp&width=82"/><img alt="Panasonic" loading="lazy" height="16" class="css-1ox83xh" width="103" sizes="103px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&width=103 103w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&width=206 206w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd9450acac3694fe3b29e4469a7dbf1df?format=webp&width=103"/><img alt="Pendo" loading="lazy" height="20" class="css-19a7l1i" width="88" sizes="88px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&width=88 88w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&width=176 176w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5b3d864c06c3431c811d185094d387a2?format=webp&width=88"/><img alt="Schneider Electric" loading="lazy" height="25" class="css-145o7n" width="84" sizes="84px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&width=84 84w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&width=168 168w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F0f0d1d0ea984413da58e4c3fe070322a?format=webp&width=84"/><img alt="Quantcast" loading="lazy" height="16" class="css-1ox83xh" width="105" sizes="105px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&width=105 105w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&width=210 210w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff5abaa22796542a8a11f69120cb18cee?format=webp&width=105"/><img alt="Afterpay" loading="lazy" height="18" class="css-5e55er" width="95" sizes="95px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&width=95 95w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&width=190 190w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3ce7f60ea619400e9478a6c48cef6445?format=webp&width=95"/><img alt="Fabletics" loading="lazy" height="14" class="css-i3k3ph" width="106" sizes="106px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&width=106 106w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&width=212 212w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe7f5fbcab5b140928512283830313f1f?format=webp&width=106"/><img alt="Vimeo" loading="lazy" height="20" class="css-19a7l1i" width="70" sizes="70px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&width=70 70w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&width=140 140w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F5c3d128c7a294637a7b89a3b8bc97f78?format=webp&width=70"/></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css 2klz4j">.css-2klz4j{border-top:1px solid var(--b-border-subtle);}</style><style data-emotion="css wfrvu4">.css-wfrvu4{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;border-top:1px solid var(--b-border-subtle);}</style><div class="css-wfrvu4"><style data-emotion="css 136p4qf">@media (max-width: 768px){.css-136p4qf{grid-template-columns:1fr;}}</style><style data-emotion="css 8zq8xu">.css-8zq8xu{display:grid;grid-template-columns:repeat(3, 1fr);}@media (max-width: 768px){.css-8zq8xu{grid-template-columns:1fr;}}</style><div class="css-8zq8xu"><style data-emotion="css cq04bz">.css-cq04bz{grid-column:span 1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-16) var(--spacing-10);}@media (max-width: 768px){.css-cq04bz{grid-column:span 3;-webkit-order:-1;-ms-flex-order:-1;order:-1;padding-bottom:var(--spacing-6);}}</style><div class="css-cq04bz"><style data-emotion="css l1kqqm">.css-l1kqqm{margin:0;font-size:var(--b-t-heading-3);font-weight:500;line-height:1.15;letter-spacing:-0.02em;}</style><h2 class="css-l1kqqm">Start from feedback or a spec</h2><style data-emotion="css 10fcad4">.css-10fcad4{margin:0;font-size:18px;color:var(--b-text-secondary);line-height:1.3;}@media (max-width: 768px){.css-10fcad4{font-size:15px;}}</style><p class="css-10fcad4">Point Builder at the Slack thread, Jira ticket, or PRD, and the context comes with it.</p></div><style data-emotion="css 9cfcf0">.css-9cfcf0{grid-column:span 2;aspect-ratio:832/600;position:relative;overflow:hidden;background:var(--b-bg-page);border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-9cfcf0{grid-column:span 3;padding:0 24px var(--spacing-16);box-sizing:border-box;}}</style><div class="css-9cfcf0"><style data-emotion="css 14rj1po">.css-14rj1po{width:100%;max-width:680px;height:100%;object-fit:contain;object-position:center;padding:0 40px;box-sizing:border-box;display:block;margin:0 auto;}@media (max-width: 768px){.css-14rj1po{max-width:none;padding:0;}}</style><img alt="Starting from feedback or a spec in Builder" height="600" class="css-14rj1po" width="832" sizes="(max-width: 768px) 100vw, 800px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=2000 2000w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd3531f564cb7418a87856f73564a13e6?format=webp&width=832"/></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-8zq8xu"><style data-emotion="css 22x9ux">.css-22x9ux{grid-column:span 2;aspect-ratio:832/600;position:relative;overflow:hidden;background:var(--b-bg-page);border-left:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-22x9ux{grid-column:span 3;padding:0 24px var(--spacing-16);box-sizing:border-box;}}</style><div class="css-22x9ux"><img alt="Building the first version of a feature" height="600" class="css-14rj1po" width="832" sizes="(max-width: 768px) 100vw, 800px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=2000 2000w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fee5dcbfb208544cfaf6648dc4e8f51b2?format=webp&width=832"/></div><div class="css-cq04bz"><h2 class="css-l1kqqm">Build the first version yourself</h2><p class="css-10fcad4">Turn the request into a working version of the feature, built from your productâs own components.</p></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-8zq8xu"><div class="css-cq04bz"><h2 class="css-l1kqqm">Review it live with the team</h2><p class="css-10fcad4">Stakeholders and teammates comment on the live preview, and open questions get answered on the spot.</p></div><div class="css-9cfcf0"><img alt="Reviewing live preview with the team" height="600" class="css-14rj1po" width="832" sizes="(max-width: 768px) 100vw, 800px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=2000 2000w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F829922c4b8134ecca3b004b5961cfa4e?format=webp&width=832"/></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><div class="css-8zq8xu"><div class="css-22x9ux"><img alt="Moving forward with engineering approval" height="600" class="css-14rj1po" width="832" sizes="(max-width: 768px) 100vw, 800px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=2000 2000w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Ff0ef883c2ade485085d29c814726dd05?format=webp&width=832"/></div><div class="css-cq04bz"><h2 class="css-l1kqqm">Safely move forward with approval</h2><p class="css-10fcad4">Your version reaches engineering as code in their own stack, so they can review, merge, and release it like any roadmap change.</p></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css iu9bpn">.css-iu9bpn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-20) var(--spacing-10) var(--spacing-10);}</style><div class="css-iu9bpn"><p class="css-xyw17r">Use cases</p><style data-emotion="css 1a6kj2k">.css-1a6kj2k{margin:0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.05;letter-spacing:-0.02em;}</style><h2 class="css-1a6kj2k"><style data-emotion="css 4y7c3g">.css-4y7c3g{color:var(--b-text-primary);}</style><span class="css-4y7c3g">Move product work forward</span><br/><span class="css-11owgl7">before momentum fades</span></h2></div></div><div class="css-wfrvu4"><style data-emotion="css 3eas27">.css-3eas27{display:grid;grid-template-columns:1fr 1fr;}@media (max-width: 768px){.css-3eas27{grid-template-columns:1fr;}}</style><div class="css-3eas27"><style data-emotion="css 1r3o6ib">.css-1r3o6ib{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:40px 64px 40px 40px;background:var(--b-bg-page);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);}.css-1r3o6ib:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-1r3o6ib:hover{background:var(--b-bg-raised);}.css-1r3o6ib:hover .use-case-arrow{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-1r3o6ib{border-left:none;border-right:none;border-top:none;}}</style><div role="link" tabindex="0" aria-label="Prototyping" class="css-1r3o6ib"><style data-emotion="css 1txzq6z">.css-1txzq6z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);}</style><div class="css-1txzq6z"><style data-emotion="css r34nns">.css-r34nns{width:36px;height:36px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;padding:1px;background:linear-gradient(140deg, var(--c-neutral-700) 0%, var(--b-bg-prominent) 100%);-webkit-transition:background 0.2s ease;transition:background 0.2s ease;}</style><div class="nl-icon-border css-r34nns"><style data-emotion="css ejcicz">.css-ejcicz{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;border-radius:7px;background:var(--b-bg-prominent);color:var(--b-text-primary);-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;}</style><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-hierarchy "><path d="M10 5a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M3 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M17 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 17.5l5.5 -4.5l5.5 4.5"></path><path d="M12 7l0 6"></path></svg></div></div><style data-emotion="css 2mmtxy">.css-2mmtxy{font-size:var(--b-t-heading-6);font-weight:500;line-height:1.15;letter-spacing:-0.02em;color:var(--b-text-primary);-webkit-text-decoration:none;text-decoration:none;}</style><a draggable="false" tabindex="-1" class="css-2mmtxy" href="/prototypes" data-discover="true">Prototyping</a></div><p class="css-10fcad4">Turn briefs, customer insights, and early ideas into working prototypes your team can test before engineering scope is locked.</p><style data-emotion="css 1x71l1e">.css-1x71l1e{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);color:var(--b-text-primary);-webkit-transition:background 0.15s,border-color 0.15s,color 0.15s;transition:background 0.15s,border-color 0.15s,color 0.15s;}</style><div class="use-case-arrow css-1x71l1e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div></div><style data-emotion="css 1cubuwr">.css-1cubuwr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:40px 64px 40px 40px;background:var(--b-bg-page);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;border-right:1px solid var(--b-border-subtle);}.css-1cubuwr:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:-2px;}.css-1cubuwr:hover{background:var(--b-bg-raised);}.css-1cubuwr:hover .use-case-arrow{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-1cubuwr{border-left:none;border-right:none;border-top:1px solid var(--b-border-subtle);}}</style><div role="link" tabindex="0" aria-label="App development" class="css-1cubuwr"><div class="css-1txzq6z"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-world "><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M3.6 9h16.8"></path><path d="M3.6 15h16.8"></path><path d="M11.5 3a17 17 0 0 0 0 18"></path><path d="M12.5 3a17 17 0 0 1 0 18"></path></svg></div></div><a draggable="false" tabindex="-1" class="css-2mmtxy" href="/web-apps" data-discover="true">App development</a></div><p class="css-10fcad4">Move product improvements, backlog items, and surface-level changes forward without waiting for every request to fit into the next sprint.</p><div class="use-case-arrow css-1x71l1e"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css 8i444i">.css-8i444i{height:80px;border-top:1px solid var(--b-border-subtle);}</style><style data-emotion="css sd35fi">.css-sd35fi{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;height:80px;border-top:1px solid var(--b-border-subtle);}</style><div class="css-sd35fi"></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css hemjcq">.css-hemjcq{display:grid;grid-template-columns:repeat(3, 1fr);}</style><div class="css-hemjcq"><style data-emotion="css 44rces">.css-44rces{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-4);padding:200px var(--spacing-10) 80px;}@media (max-width: 768px){.css-44rces{grid-column:span 3;padding:var(--spacing-20) var(--spacing-10) 80px;}}</style><div class="css-44rces"><p class="css-xyw17r">Integrations</p><style data-emotion="css skrypf">.css-skrypf{margin:0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.05;letter-spacing:-0.02em;color:var(--b-text-primary);max-width:700px;}</style><h2 class="css-skrypf">Connect Builder to your<br/>product workflow</h2><div><a href="/c/docs" class="css-14kilwa"><span>READ THE DOCS</span></a></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 8ebinp">.css-8ebinp{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}@media (max-width: 768px){.css-8ebinp{grid-template-columns:1fr;grid-template-rows:none;}}</style><div class="css-8ebinp"><style data-emotion="css 1a9prm0">.css-1a9prm0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-page);}@media (max-width: 768px){.css-1a9prm0{background:var(--b-bg-page);border-top:none;}}</style><div class="css-1a9prm0"><style data-emotion="css dn3o5b">.css-dn3o5b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-2);}</style><div class="css-dn3o5b"><style data-emotion="css vxcmzt">.css-vxcmzt{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}</style><span aria-label="Supabase" title="Supabase" class="css-vxcmzt"><style data-emotion="css skh8n3">.css-skh8n3{width:34px;height:34px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:7.555555555555555px;padding:1px;background:linear-gradient(140deg, var(--c-neutral-700) 0%, var(--b-bg-prominent) 100%);-webkit-transition:background 0.2s ease;transition:background 0.2s ease;}</style><div class="nl-icon-border css-skh8n3"><style data-emotion="css p6c6sr">.css-p6c6sr{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:6.611111111111111px;background:var(--b-bg-prominent);color:var(--b-text-primary);-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;}</style><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#supabase-icon-clip)"><path d="M10.5215 18.2119C10.0493 18.8066 9.09182 18.4807 9.08044 17.7214L8.91406 6.61572H16.3815C17.7341 6.61572 18.4884 8.17794 17.6474 9.23723L10.5215 18.2119Z" fill="url(#supabase-icon-grad-a)"></path><path d="M10.5215 18.2119C10.0493 18.8066 9.09182 18.4807 9.08044 17.7214L8.91406 6.61572H16.3815C17.7341 6.61572 18.4884 8.17794 17.6474 9.23723L10.5215 18.2119Z" fill="url(#supabase-icon-grad-b)" fill-opacity="0.2"></path><path d="M7.48533 0.341799C7.95754 -0.252928 8.91501 0.0729396 8.92639 0.832253L8.99929 11.938H1.62528C0.272676 11.938 -0.481694 10.3757 0.359393 9.31645L7.48533 0.341799Z" fill="#3ECF8E"></path></g><defs><linearGradient id="supabase-icon-grad-a" x1="8.91406" y1="9.07814" x2="15.5509" y2="11.8616" gradientUnits="userSpaceOnUse"><stop stop-color="#249361"></stop><stop offset="1" stop-color="#3ECF8E"></stop></linearGradient><linearGradient id="supabase-icon-grad-b" x1="5.97164" y1="5.04944" x2="8.99838" y2="10.7471" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><clipPath id="supabase-icon-clip"><rect width="18" height="18.6606" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Neon" title="Neon" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="9 8 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5024 20.5443C13.5543 19.6473 12.9854 18.412 12.9854 17.0002C12.9854 15.5885 13.5397 14.3532 14.4441 13.4562C15.2318 12.6621 15.2318 11.4268 14.4441 10.6327C13.6564 9.83858 12.4311 9.83858 11.6434 10.6327C10.0827 12.265 9.07617 14.515 9.07617 17.0002C9.07617 19.4855 10.0827 21.7355 11.7018 23.3678C12.4895 24.1619 13.7148 24.1619 14.5024 23.3678C15.2172 22.5737 15.2172 21.3384 14.5024 20.5443Z" fill="#FFD85F"></path><path d="M14.5018 13.4558C15.3916 12.4999 16.6314 11.9411 18.0172 11.9411C19.4029 11.9411 20.6428 12.4999 21.5326 13.4117C22.3203 14.2058 23.5456 14.2058 24.3333 13.4117C25.1209 12.6176 25.1209 11.3823 24.3333 10.5882C22.7141 9.01469 20.4823 8 18.0172 8C15.552 8 13.3202 9.01469 11.7011 10.647C10.9134 11.4411 10.9134 12.6764 11.7011 13.4705C12.4888 14.1764 13.7141 14.1764 14.5018 13.4558Z" fill="#3BB4E7"></path><path d="M21.5326 20.5441C20.6428 21.5 19.4029 22.0588 18.0172 22.0588C16.6314 22.0588 15.3916 21.5 14.5018 20.5883C13.7141 19.7941 12.4888 19.7941 11.7011 20.5883C10.9134 21.3824 10.9134 22.6176 11.7011 23.4118C13.3202 24.9853 15.552 26 18.0172 26C20.4823 26 22.7141 24.9853 24.3333 23.3529C25.1209 22.5588 25.1209 21.3235 24.3333 20.5294C23.5456 19.8236 22.3203 19.8236 21.5326 20.5441Z" fill="#ED5C68"></path><path d="M13.1021 14.0145C14.1816 14.0145 15.0567 13.1322 15.0567 12.0439C15.0567 10.9556 14.1816 10.0734 13.1021 10.0734C12.0226 10.0734 11.1475 10.9556 11.1475 12.0439C11.1475 13.1322 12.0226 14.0145 13.1021 14.0145Z" fill="#308BC5"></path><path d="M13.1021 23.9264C14.1816 23.9264 15.0567 23.0442 15.0567 21.9559C15.0567 20.8676 14.1816 19.9854 13.1021 19.9854C12.0226 19.9854 11.1475 20.8676 11.1475 21.9559C11.1475 23.0442 12.0226 23.9264 13.1021 23.9264Z" fill="#D5465F"></path></svg></div></div></span><span aria-label="Cloudinary" title="Cloudinary" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="8 11 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.6005 15.2877C21.8103 12.7873 19.5126 11.0833 16.9078 11.0638C14.7205 11.0518 12.7046 12.2584 11.6699 14.1998C9.24847 14.6371 7.63669 16.9707 8.07057 19.411C8.32702 20.8565 9.27084 22.0842 10.5949 22.6988L10.7067 22.7499H10.7141V21.4726C9.15006 20.5049 8.65952 18.4418 9.61973 16.8655C10.158 15.9805 11.075 15.3974 12.0993 15.2877L12.4124 15.2547L12.5496 14.9707C13.3443 13.2727 15.044 12.1923 16.9078 12.2013C19.1458 12.2178 21.0856 13.7656 21.6119 15.9579L21.7193 16.3877H22.1666C23.6666 16.4192 24.8668 17.6499 24.8728 19.1616C24.8728 20.2209 24.266 21.0879 23.2327 21.5267V22.7378L23.3072 22.7138C24.9682 22.1653 26 20.8039 26 19.1616C25.9866 17.1961 24.5343 15.5417 22.6005 15.2877Z" fill="#3448C5"></path><path d="M14.7218 22.6027L14.9693 22.8522C14.9887 22.8717 14.9872 22.9033 14.9693 22.9228C14.9603 22.9318 14.9484 22.9363 14.9365 22.9363H12.9833C12.4897 22.9363 12.0886 22.5321 12.0886 22.0347V18.212C12.0886 18.185 12.0663 18.1624 12.0394 18.1624H11.622C11.5951 18.1624 11.5728 18.1414 11.5728 18.1129C11.5728 18.0993 11.5772 18.0873 11.5862 18.0783L13.2442 16.4074C13.2636 16.3878 13.2949 16.3878 13.3143 16.4074L14.9708 18.0783C14.9902 18.0978 14.9887 18.1294 14.9708 18.1489C14.9618 18.1579 14.9499 18.1624 14.938 18.1624H14.5145C14.4877 18.1624 14.4653 18.185 14.4638 18.212V21.9686C14.4638 22.2061 14.5578 22.4345 14.7248 22.6027H14.7218Z" fill="#3448C5"></path><path d="M18.3859 22.6025L18.6349 22.8519C18.6543 22.8714 18.6528 22.903 18.6349 22.9225C18.6259 22.9315 18.6125 22.936 18.6006 22.936H16.6518C16.1583 22.936 15.7572 22.5318 15.7572 22.0345V19.1779C15.7572 19.1509 15.7349 19.1283 15.708 19.1268H15.2861C15.2592 19.1268 15.2369 19.1043 15.2384 19.0758C15.2384 19.0637 15.2443 19.0517 15.2518 19.0427L16.9083 17.3748C16.9277 17.3552 16.959 17.3552 16.9784 17.3748L18.6364 19.0397C18.6558 19.0592 18.6543 19.0908 18.6364 19.1103C18.6274 19.1193 18.614 19.1238 18.6021 19.1238H18.1786C18.1518 19.1238 18.1294 19.1479 18.1294 19.1749V21.9683C18.1294 22.2058 18.2234 22.4342 18.3889 22.6025H18.3859Z" fill="#3448C5"></path><path d="M22.0504 22.6027L22.2979 22.8521C22.3173 22.8716 22.3158 22.9032 22.2979 22.9227C22.289 22.9317 22.277 22.9363 22.2651 22.9363H20.3104C19.8169 22.9363 19.4158 22.532 19.4158 22.0347V20.1368C19.4158 20.1098 19.3934 20.0872 19.3666 20.0872H18.9491C18.9223 20.0872 18.8999 20.0662 18.8999 20.0377C18.8999 20.0241 18.9059 20.0106 18.9148 20.0016L20.5728 18.3322C20.5907 18.3126 20.622 18.3126 20.6399 18.3322L22.2979 20.0031C22.3173 20.0226 22.3188 20.0527 22.2994 20.0737C22.2905 20.0842 22.277 20.0887 22.2636 20.0887H21.8387C21.8119 20.0887 21.7895 20.1113 21.7895 20.1383V21.9701C21.7895 22.2075 21.8834 22.4359 22.0504 22.6042V22.6027Z" fill="#3448C5"></path></svg></div></div></span><span aria-label="Make" title="Make" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="15" viewBox="8 10 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.4953 19.3205L24.8248 18.195L21.5841 20.1014L25.1835 15.6755L25.7275 15.3672L25.6067 15.1559L25.8405 14.8679L25.0998 14.2724L25.0041 14.1059L24.9384 14.1428L24.7042 13.9551L24.2209 14.5493L13.7015 20.5103L17.5715 16.0172L24.7983 12.1929L24.1116 10.9111L20.1756 12.9939L22.1131 10.7446L21.0027 9.80005L16.6407 14.8643L12.3081 17.1578L15.6252 12.9239L17.7034 11.8799L17.0436 10.5842L10.9873 13.6277L12.6395 11.5181L11.4864 10.6262L8 15.0801L8.05445 15.122L8.70582 16.4022L12.5697 14.4598L9.04805 18.9546L9.62405 19.401L9.9674 20.0416L14.0372 17.8879L9.55632 23.0901L10.6662 24.0347L10.8894 23.7755L21.698 17.6505L18.1093 22.063L18.1677 22.11L18.1621 22.1138L18.9062 23.3633L23.6789 20.5559L21.842 23.4193L23.0739 24.2L26 19.6406L25.4953 19.3205Z" fill="white"></path></svg></div></div></span><span aria-label="Netlify" title="Netlify" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#netlify-icon-clip)"><path d="M8.40137 14.907V11.1156L8.47317 11.0438H9.42101L9.49282 11.1156V14.907L9.42101 14.9788H8.47317L8.40137 14.907Z" fill="#05BDBA"></path><path d="M8.40137 3.86317V0.0718062L8.47317 0H9.42101L9.49282 0.0718062V3.86317L9.42101 3.93498H8.47317L8.40137 3.86317Z" fill="#05BDBA"></path><path d="M5.14074 12.2358H5.01149L4.36523 11.5896V11.4603L5.58594 10.2396H6.27528L6.36145 10.3258V11.0151L5.14074 12.2358Z" fill="#05BDBA"></path><path d="M4.36523 3.54724V3.41798L5.01149 2.77173H5.14074L6.36145 3.99243V4.68177L6.27528 4.76794H5.58594L4.36523 3.54724Z" fill="#05BDBA"></path><path d="M0.0718062 6.93652H5.42855L5.50036 7.00833V7.95617L5.44291 8.04234H0.0718062L0 7.95617V7.00833L0.0718062 6.93652Z" fill="#05BDBA"></path><path d="M17.9136 6.93652L17.9854 7.00833V7.95617L17.9136 8.02798H12.4707L12.3989 7.95617L12.7867 7.00833L12.8585 6.93652H17.9136Z" fill="#05BDBA"></path><path d="M10.7279 9.46403H9.78008L9.70827 9.39223V7.16623C9.70827 6.77848 9.5503 6.46253 9.07638 6.46253C8.83224 6.46253 8.54501 6.46253 8.25779 6.47689L8.2147 6.51998V9.39223L8.1429 9.46403H7.18069L7.10889 9.39223V5.60086L7.18069 5.52905H9.30616C10.1391 5.52905 10.7997 6.20403
36010.7997 7.02262V9.39223L10.7279 9.46403Z" fill="white"></path></g><defs><clipPath id="netlify-icon-clip"><rect width="18" height="14.984" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><style data-emotion="css yv598l">.css-yv598l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-2);}</style><div class="css-yv598l"><style data-emotion="css lkiul7">.css-lkiul7{margin:0;font-size:var(--b-t-heading-6);font-weight:500;line-height:1.15;letter-spacing:-0.02em;}</style><h3 class="css-lkiul7">Extend with MCP connectors</h3><p class="css-10fcad4">Connect Builder to the tools, data sources, tickets, and team workflows where product context already lives.</p></div></div><style data-emotion="css 1idtasg">.css-1idtasg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-raised);}@media (max-width: 768px){.css-1idtasg{background:var(--b-bg-raised);border-top:1px solid var(--b-border-subtle);}}</style><div class="css-1idtasg"><div class="css-dn3o5b"><span aria-label="GitHub" title="GitHub" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><img alt="" height="18" width="18" sizes="18px" srcSet="https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&width=18 18w, https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&width=36 36w" src="https://api.builder.io/api/v1/image/assets/TEMP/da700509e39433bf6d2e4891835e34b681eb3e26?format=webp&width=18"/></div></div></span><span aria-label="GitLab" title="GitLab" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#gitlab-brand-clip)"><path d="M9.00543 16.599L12.3174 6.40576H5.69336L9.00543 16.599Z" fill="#E24329"></path><path d="M9.00641 16.599L5.69434 6.40576H1.05273L9.00641 16.599Z" fill="#FC6D26"></path><path d="M1.05174 6.40576L0.0452858 9.50345C0.000535766 9.64116 0.000529593 9.7895 0.0452681 9.92722C0.0900067 10.0649 0.177193 10.1849 0.294333 10.2701L9.00542 16.599L1.05167 6.40583L1.05174 6.40576Z" fill="#FCA326"></path><path d="M1.05273 6.40579H5.69434L3.69965 0.26645C3.59699 -0.0494639 3.15009 -0.0493936 3.0475 0.26645L1.05273 6.40579Z" fill="#E24329"></path><path d="M9.00593 16.599L12.3179 6.40576H16.9596L9.00593 16.599Z" fill="#FC6D26"></path><path d="M16.9595 6.40576L17.966 9.50345C18.0107 9.64117 18.0107 9.78952 17.966 9.92723C17.9212 10.0649 17.834 10.185 17.7169 10.2701L9.00586 16.599L16.9595 6.40583V6.40576Z" fill="#FCA326"></path><path d="M16.9581 6.40579H12.3164L14.3112 0.26645C14.4138 -0.0494639 14.8607 -0.0493936 14.9633 0.26645L16.9581 6.40579Z" fill="#E24329"></path></g><defs><clipPath id="gitlab-brand-clip"><rect width="18" height="16.596" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Bitbucket" title="Bitbucket" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="16" viewBox="8 9 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="bitbucket-brand-mask" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="9" width="18" height="16"><path d="M26 9.17145H8V24.8283H26V9.17145Z" fill="white"></path></mask><g mask="url(#bitbucket-brand-mask)"><path d="M8.57322 9.21625C8.22872 9.21625 7.94163 9.52164 7.99905 9.8548L10.4393 24.1528C10.4967 24.5136 10.8125 24.7913 11.2144 24.7913H22.8988C23.1859 24.7913 23.4155 24.5969 23.4729 24.3193L25.9133 9.8548C25.9707 9.52164 25.7123 9.21625 25.3391 9.21625H8.57322ZM18.8509 19.5441H15.1188L14.114 14.4357H19.7696L18.8509 19.5441Z" fill="#2684FF"></path><path d="M25.1367 14.4359H19.7395L18.8496 19.5443H15.1174L10.6963 24.5971C10.6963 24.5971 10.8972 24.7914 11.213 24.7914H22.8974C23.1845 24.7914 23.4142 24.5971 23.4716 24.3195L25.1367 14.4359Z" fill="url(#bitbucket-brand-gradient)"></path></g><defs><linearGradient id="bitbucket-brand-gradient" x1="26.3744" y1="15.8709" x2="17.6966" y2="22.8755" gradientUnits="userSpaceOnUse"><stop offset="0.176" stop-color="#0052CC"></stop><stop offset="1" stop-color="#2684FF"></stop></linearGradient></defs></svg></div></div></span><span aria-label="Azure DevOps" title="Azure DevOps" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
360<path d="M6.25022 1.22699H11.1323L6.06422 16.2433C6.01213 16.3976 5.91296 16.5317 5.78067 16.6267C5.64838 16.7217 5.48964 16.7728 5.32678 16.7728H1.52728C1.40389 16.7728 1.28226 16.7435 1.17247 16.6871C1.06268 16.6308 0.967878 16.5492 0.895905 16.4489C0.823931 16.3487 0.776857 16.2328 0.758577 16.1108C0.740296 15.9887 0.751334 15.8641 0.790778 15.7472L5.51259 1.75649C5.56466 1.60213 5.66384 1.46798 5.79617 1.37296C5.9285 1.27793 6.0873 1.227 6.25022 1.22699Z" fill="url(#azure-devops-grad-a)"></path><path d="M13.3467 11.2988H5.6048C5.53283 11.2987 5.4625 11.3203 5.40297 11.3608C5.34345 11.4013 5.29749 11.4587 5.27108 11.5257C5.24467 11.5926 5.23904 11.666 5.25492 11.7362C5.27081 11.8064 5.30746 11.8702 5.36012 11.9193L10.3349 16.5625C10.4797 16.6976 10.6704 16.7727 10.8685 16.7727H15.2522L13.3467 11.2988Z" fill="#0078D4"></path><path d="M6.25118 1.22706C6.08648 1.22642 5.92591 1.27847 5.7929 1.37559C5.65989 1.4727 5.56141 1.60981 5.51186 1.76687L0.797551 15.7345C0.755453 15.8518 0.742237 15.9776 0.75902 16.1011C0.775802 16.2247 0.822091 16.3423 0.893969 16.4442C0.965846 16.546 1.0612 16.6291 1.17196 16.6863C1.28272 16.7435 1.40564 16.7732 1.5303 16.7729H5.42786C5.57303 16.7469 5.7087 16.6829 5.82103 16.5874C5.93336 16.4919 6.01833 16.3682 6.06724 16.2291L7.00736 13.4584L10.3655 16.5906C10.5062 16.707 10.6827 16.7714 10.8654 16.7729H15.2328L13.3173 11.299L7.73336 11.3003L11.1509 1.22706H6.25118Z" fill="url(#azure-devops-grad-b)"></path><path d="M12.4862 1.75568C12.4342 1.60156 12.3351 1.46764 12.203 1.37278C12.0709 1.27792 11.9123 1.22691 11.7497 1.22693H6.30859C6.47124 1.22694 6.62979 1.27796 6.76191 1.37282C6.89403 1.46767 6.99308 1.60158 7.04509 1.75568L11.7671 15.7469C11.8066 15.8639 11.8176 15.9885 11.7994 16.1106C11.7811 16.2327 11.734 16.3486 11.6621 16.4489C11.5901 16.5491 11.4953 16.6308 11.3855 16.6872C11.2757 16.7435 11.154 16.7729 11.0306 16.7729H16.4718C16.5953 16.7729 16.7169 16.7435 16.8267 16.6871C16.9364 16.6307 17.0312 16.5491 17.1032 16.4488C17.1751 16.3485 17.2222 16.2326 17.2404 16.1105C17.2587 15.9885 17.2476 15.8639 17.2082 15.7469L12.4862 1.75568Z" fill="url(#azure-devops-grad-c)"></path><defs><linearGradient id="azure-devops-grad-a" x1="8.02959" y1="2.37899" x2="2.9594" y2="17.3576" gradientUnits="userSpaceOnUse"><stop stop-color="#114A8B"></stop><stop offset="1" stop-color="#0669BC"></stop></linearGradient><linearGradient id="azure-devops-grad-b" x1="9.61436" y1="9.35949" x2="8.44155" y2="9.75606" gradientUnits="userSpaceOnUse"><stop stop-opacity="0.3"></stop><stop offset="0.071" stop-opacity="0.2"></stop><stop offset="0.321" stop-opacity="0.1"></stop><stop offset="0.623" stop-opacity="0.05"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient id="azure-devops-grad-c" x1="8.96866" y1="1.94205" x2="14.5342" y2="16.7697" gradientUnits="userSpaceOnUse"><stop stop-color="#3CCBF4"></stop><stop offset="1" stop-color="#2892DF"></stop></linearGradient></defs></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><div class="css-yv598l"><h3 class="css-lkiul7">Keep your Git workflow</h3><p class="css-10fcad4">Move product changes through the same review and approval process your engineering team already trusts.</p></div></div><style data-emotion="css 1i376dx">
360.css-1i376dx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-raised);}@media (max-width: 768px){.css-1i376dx{background:var(--b-bg-page);border-top:1px solid var(--b-border-subtle);}}</style><div class="css-1i376dx"><div class="css-dn3o5b"><span aria-label="Builder.io" title="Builder.io" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="8 8 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9997 8.00096C12.0814 8.00096 8.07192 11.9638 8.00095 16.8622C7.9289 21.837 11.9679 25.9593 16.9468 25.9881C18.4843 25.9971 19.9652 25.6212 21.2805 24.907C21.4087 24.8375 21.4285 24.6611 21.3194 24.5646L20.4771 23.8187C20.306 23.6672 20.0625 23.6243 19.8518 23.7136C18.9339 24.1038 17.9364 24.3033 16.9082 24.2907C12.8851 24.2414 9.63464 20.8963 9.69876 16.8763C9.76216 12.907 13.013 9.69761 16.9997 9.69761H24.3015V22.6671L20.1587 18.9887C20.0247 18.8695 19.8194 18.8929 19.7113 19.0359C19.0463 19.9157 17.963 20.4629 16.7598 20.3801C15.0908 20.2649 13.7385 18.9221 13.6135 17.255C13.464 15.2664 15.0411 13.6003 16.9997 13.6003C18.7714 13.6003 20.2304 14.9629 20.3828 16.6945C20.3965 16.8485 20.466 16.9922 20.5816 17.0948L21.6605 18.0506C21.783 18.1589 21.9772 18.0927 22.0075 17.9318C22.0853 17.516 22.1126 17.0829 22.082 16.6387C21.9084 14.1065 19.8557 12.0693 17.3207 11.9134C14.4143 11.7345 11.9845 14.0064 11.9074 16.8543C11.8321 19.6298 14.1077 22.0224 16.8856 22.0836C18.0452 22.1091 19.1201 21.7448 19.9887 21.1134L25.4016 25.9085C25.6336 26.1141 26 25.9495 26 25.6396V8.34152C26 8.15288 25.8473 8.00024 25.6585 8.00024H16.9997V8.00096Z" fill="#003DFF"></path></svg></div></div></span><span aria-label="Shopify" title="Shopify" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="21" viewBox="8 6 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7552 10.706C23.7406 10.603 23.6525 10.5441 23.5792 10.5441C23.5058 10.5441 22.0535 10.5146 22.0535 10.5146C22.0535 10.5146 20.836 9.33659 20.7186 9.20406C20.6012 9.08626 20.3665 9.11571 20.2785 9.14516C20.2785 9.14516 20.0438 9.21879 19.6624 9.33659C19.6037 9.13044 19.501 8.88011 19.369 8.61505C18.9436 7.79043 18.2981 7.34867 17.5353 7.34867C17.4766 7.34867 17.4326 7.34867 17.3739 7.3634C17.3446 7.33395 17.3299 7.3045 17.3006 7.28977C16.9632 6.93636 16.5377 6.75966 16.0243 6.77291C15.0414 6.80236 14.0586 7.5239 13.2517 8.79028C12.6943 9.68853 12.2689 10.8077 12.1368 11.6764C11.0073 12.0299 10.2151 12.2802 10.1858 12.2802C9.61366 12.4569 9.59899 12.4716 9.52565 13.0165C9.49631 13.4288 8 25.047 8 25.047L20.5572 27.2264L25.9997 25.8717C25.985 25.8717 23.7699 10.8077 23.7552 10.7046V10.706ZM19.0316 9.54275C18.7382 9.6311 18.4155 9.73417 18.0634 9.85198C18.0634 9.35132 17.99 8.6445 17.77 8.05549C18.5181 8.17329 18.8849 9.02736 19.0316 9.54275ZM17.4033 10.0434C16.7431 10.2496 16.0243 10.4704 15.3055 10.6913C15.5109 9.91088 15.8923 9.14516 16.3617 8.62977C16.5377 8.43835 16.7871 8.23219 17.0659 8.11439C17.3592 8.68868 17.4179 9.49857 17.4033 10.0434ZM16.0536 7.43702C16.2884 7.43702 16.4791 7.4812 16.6404 7.599C16.3764 7.73153 16.1123 7.93768 15.8776 8.20274C15.2468 8.88011 14.7627 9.9256 14.572 10.9417C13.9706 11.1331 13.3838 11.3098 12.8557 11.4718C13.2077 9.8667 14.5427 7.4812 16.0536 7.43702Z" fill="#95BF47"></path><path d="M23.5796 10.544C23.5062 10.544 22.0539 10.5146 22.0539 10.5146C22.0539 10.5146 20.8363 9.33653 20.719 9.204C20.675 9.15982 20.6163 9.13037 20.5576 9.13037V27.2278L26.0001 25.8731C26.0001 25.8731 23.7849 10.8091 23.7703 10.706C23.7409 10.6029 23.6529 10.544 23.5796 10.544Z" fill="#5E8E3E"></path><path d="M17.5363 13.3566L16.9055 15.7273C16.9055 15.7273 16.2014 15.4034 15.3652 15.4623C14.1329 15.5359 14.1329 16.3164 14.1329 16.5078C14.2063 17.568 16.9789 17.8036 17.1402 20.2922C17.2576 22.2507 16.1133 23.5907 14.441 23.6937C12.4459 23.7968 11.3457 22.6188 11.3457 22.6188L11.7711 20.8076C11.7711 20.8076 12.886 21.6469 13.7662 21.588C14.3383 21.5586 14.5584 21.0726 14.529 20.7487C14.441 19.3645 12.1819 19.4528 12.0352 17.1704C11.9178 15.2561 13.1647 13.3271 15.9226 13.1504C16.9935 13.0768 17.5363 13.3566 17.5363 13.3566Z" fill="white"></path></svg></div></div></span><span aria-label="Lokalise" title="Lokalise" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="14" height="16" viewB
360ox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#lokalise-icon-clip)"><path d="M13.9925 9.89648H11.5177H9.87499H9.46965L6.9949 12.3686L4.52282 9.89648H4.11747H2.47475H0V12.3686H3.49878L5.24817 14.118L6.9949 15.8673L8.74429 14.118L10.4937 12.3686H13.9925V9.89648Z" fill="white"></path><path d="M13.9925 4.94971H0V7.42446H13.9925V4.94971Z" fill="white"></path><path d="M13.9925 0.00280762H0V2.47756H13.9925V0.00280762Z" fill="white"></path></g><defs><clipPath id="lokalise-icon-clip"><rect width="14.0005" height="15.8672" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Smartling" title="Smartling" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 17.122" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#smartling-icon-clip)"><mask id="smartling-icon-mask" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="17"><path d="M17.9999 0.113159H0.39502V16.9717H17.9999V0.113159Z" fill="white"></path></mask><g mask="url(#smartling-icon-mask)"><path d="M7.49017 10.9165C7.96582 10.9165 8.35139 10.5407 8.35139 10.0773C8.35139 9.61377 7.96582 9.23804 7.49017 9.23804C7.01451 9.23804 6.62891 9.61377 6.62891 10.0773C6.62891 10.5407 7.01451 10.9165 7.49017 10.9165Z" fill="#F26C5D"></path><path d="M16.1556 14.7431C16.0621 14.7429 15.9703 14.7196 15.8887 14.6752C15.8071 14.6309 15.7385 14.5669 15.6893 14.4895C15.6401 14.4121 15.6121 14.3237 15.6077 14.2328C15.6034 14.1418 15.623 14.0513 15.6646 13.9698C17.4033 10.565 16.7164 6.46923 13.9546 3.77804C11.1822 1.07679 6.96785 0.412645 3.46709 2.12547C3.337 2.18913 3.18628 2.19982 3.0481 2.1552C2.90991 2.11057 2.79558 2.01428 2.73025 1.88751C2.66492 1.76075 2.65395 1.61388 2.69974 1.47923C2.74554 1.34457 2.84436 1.23317 2.97445 1.16951C6.89898 -0.750594 11.6233 -0.00629034 14.7308 3.02125C17.8268 6.038 18.597 10.6292 16.6475 14.446C16.602 14.5353 16.5319 14.6104 16.445 14.6628C16.3581 14.7153 16.2578 14.7431 16.1556 14.7431Z" fill="#F26C5D"></path><path d="M7.49183 13.1283C5.75899 13.1283 4.34912 11.7543 4.34912 10.0661C4.34912 8.37775 5.75916 7.00378 7.49183 7.00378C9.2245 7.00378 10.6344 8.37775 10.6344 10.0661C10.6344 11.7543 9.22461 13.1283 7.49183 13.1283ZM7.49183 8.07353C6.36424 8.07353 5.44731 8.96738 5.44731 10.0661C5.44731 11.1647 6.36424 12.0586 7.49208 12.0586C8.61992 12.0586 9.53677 11.1651 9.53677 10.0661C9.53677 8.96703 8.61925 8.07353 7.49183 8.07353Z" fill="#F26C5D"></path><path d="M7.49159 15.4276C6.93459 15.4281 6.38075 15.3461 5.84904 15.1845C5.77911 15.1637 5.7141 15.1297 5.65773 15.0842C5.60136 15.0389 5.55476 14.9831 5.52062 14.92C5.48648 14.857 5.46548 14.7881 5.4588 14.7171C5.45213 14.6462 5.45993 14.5747 5.48174 14.5066C5.50355 14.4386 5.53895 14.3755 5.58591 14.3209C5.63287 14.2663 5.69043 14.2213 5.75534 14.1884C5.82021 14.1555 5.89112 14.1356 5.964 14.1295C6.03684 14.1235 6.11021 14.1316 6.17982 14.1533C6.60448 14.2822 7.04677 14.3476 7.49159 14.3471C9.91441 14.3471 11.8856 12.4264 11.8856 10.0655C11.8856 7.70463 9.91441 5.78384 7.49159 5.78384C5.06877 5.78384 3.09718 7.70456 3.09718 10.0659C3.09677 10.5002 3.16409 10.9319 3.29683 11.3464C3.33949 11.4828 3.32508 11.6301 3.25675 11.7562C3.18841 11.8823 3.0717 11.9769 2.93204 12.0195C2.79238 12.0621 2.64112 12.0491 2.51122 11.9835C2.38133 11.9178 2.28334 11.8048 2.23863 11.669C2.07225 11.1501 1.98784 10.6096 1.98828 10.0659C1.98828 7.1092 4.45695 4.70374 7.49124 4.70374C10.5255 4.70374 12.9939 7.1092 12.9939 10.0659C12.9939 13.0227 10.5258 15.4276 7.49159 15.4276Z" fill="#F26C5D"></path><path d="M10.8407 16.9717C10.7163 16.9717 10.5956 16.931 10.4978 16.8561C10.4 16.7812 10.3309 16.6764 10.3016 16.5585C10.2723 16.4407 10.2846 16.3167 10.3363 16.2065C10.3881 16.0963 10.4764 16.0062 10.5871 15.9508C12.8628 14.8117 14.2765 12.5566 14.2765 10.0657C14.2765 6.42 11.2327 3.45391 7.49141 3.45391C4.92716 3.45391 2.60978 4.83765 1.44336 7.06502C1.41028 7.1282 1.36474 7.18443 1.30935 7.23051C1.25396 7.27656 1.18981 7.31154 1.12055 7.33342C1.05129 7.3553 0.97829 7.36369 0.905703 7.35811C0.83312 7.35249 0.762381 7.33303 0.697521 7.30079C0.632661 7.26855 0.574954 7.22415 0.527693 7.17021C0.480432 7.11622 0.444543 7.05371 0.422076 6.98624C0.399609 6.91873 0.391003 6.84761 0.396749 6.77688C0.402496 6.70614 0.422483 6.6372 0.455568 6.57401C1.81247 3.98303 4.5084 2.37354 7.49141 2.37354C11.844 2.37354 15.3853 5.82412 15.3853 10.0657C15.3853 12.9636 13.7409 15.5868 11.0936 16.9119C11.0154 16.9512 10.9287 16.9717 10.8407 16.9717Z" fill="#F26C5D"></path></g></g><defs><clipPath id="smartling-icon-clip"><rect width="18" height="17.122" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Cloudinary" title="Cloudinary" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="8 11 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.6005 15.2877C21.8103 12.7873 19.5126 11.0833 16.9078 11.0638C14.7205 11.0518 12.7046 12.2584 11.6699 14.1998C9.24847 14.6371 7.63669 16.9707 8.07057 19.411C8.32702 20.8565 9.27084 22.0842 10.5949 22.6988L10.7067 22.7499H10.7141V21.4726C9.15006 20.5049 8.65952 18.4418 9.61973 16.8655C10.158 15.9805 11.075 15.3974 12.0993 15.2877L12.4124 15.2547L12.5496 14.9707C13.3443 13.2727 15.044 12.1923 16.9078 12.2013C19.1458 12.2178 21.0856 13.7656 21.6119 15.9579L21.7193 16.3877H22.1666C23.6666 16.4192 24.8668 17.6499 24.8728 19.1616C24.8728 20.2209 24.266 21.0879 23.2327 21.5267V22.7378L23.3072 22.7138C24.9682 22.1653 26 20.8039 26 19.1616C25.9866 17.1961 24.5343 15.5417 22.6005 15.2877Z" fill="#3448C5"></path><path d="M14.7218 22.6027L14.9693 22.8522C14.9887 22.8717 14.9872 22.9033 14.9693 22.9228C14.9603 22.9318 14.9484 22.9363 14.9365 22.9363H12.9833C12.4897 22.9363 12.0886 22.5321 12.0886 22.0347V18.212C12.0886 18.185 12.0663 18.1624 12.0394 18.1624H11.622C11.5951 18.1624 11.5728 18.1414 11.5728 18.1129C11.5728 18.0993 11.5772 18.0873 11.5862 18.0783L13.2442 16.4074C13.2636 16.3878 13.2949 16.3878 13.3143 16.4074L14.9708 18.0783C14.9902 18.0978 14.9887 18.1294 14.9708 18.1489C14.9618 18.1579 14.9499 18.1624 14.938 18.1624H14.5145C14.4877 18.1624 14.4653 18.185 14.4638 18.212V21.9686C14.4638 22.2061 14.5578 22.4345 14.7248 22.6027H14.7218Z" fill="#3448C5"></path><path d="M18.3859 22.6025L18.6349 22.8519C18.6543 22.8714 18.6528 22.903 18.6349 22.9225C18.6259 22.9315 18.6125 22.936 18.6006 22.936H16.6518C16.1583 22.936 15.7572 22.5318 15.7572 22.0345V19.1779C15.7572 19.1509 15.7349 19.1283 15.708 19.1268H15.2861C15.2592 19.1268 15.2369 19.1043 15.2384 19.0758C15.2384 19.0637 15.2443 19.0517 15.2518 19.0427L16.9083 17.3748C16.9277 17.3552 16.959 17.3552 16.9784 17.3748L18.6364 19.0397C18.6558 19.0592 18.6543 19.0908 18.6364 19.1103C18.6274 19.1193 18.614 19.1238 18.6021 19.1238H18.1786C18.1518 19.1238 18.1294 19.1479 18.1294 19.1749V21.9683C18.1294 22.2058 18.2234 22.4342 18.3889 22.6025H18.3859Z" fill="#3448C5"></path><path d="M22.0504 22.6027L22.2979 22.8521C22.3173 22.8716 22.3158 22.9032 22.2979 22.9227C22.289 22.9317 22.277 22.9363 22.2651 22.9363H20.3104C19.8169 22.9363 19.4158 22.532 19.4158 22.0347V20.1368C19.4158 20.1098 19.3934 20.0872 19.3666 20.0872H18.9491C18.9223 20.0872 18.8999 20.0662 18.8999 20.0377C18.8999 20.0241 18.9059 20.0106 18.9148 20.0016L20.5728 18.3322C20.5907 18.3126 20.622 18.3126 20.6399 18.3322L22.2979 20.0031C22.3173 20.0226 22.3188 20.0527 22.2994 20.0737C22.2905 20.0842 22.277 20.0887 22.2636 20.0887H21.8387C21.8119 20.0887 21.7895 20.1113 21.7895 20.1383V21.9701C21.7895 22.2075 21.8834 22.4359 22.0504 22.6042V22.6027Z" fill="#3448C5"></path></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><div class="css-yv598l"><h3 class="css-lkiul7">Connect content and commerce</h3><p class="css-10fcad4">Connect the CMS, product data, commerce, localization, and content tools behind launches, onboarding, and personalized experiences.</p></div></div><style data-emotion="css kz0hde">.css-kz0hde{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;
360-webkit-justify-content:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--b-bg-page);}@media (max-width: 768px){.css-kz0hde{background:var(--b-bg-raised);border-top:1px solid var(--b-border-subtle);}}</style><div class="css-kz0hde"><div class="css-dn3o5b"><span aria-label="React" title="React" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#react-framework-icon-clip)"><path d="M17.9337 8.03444C17.9337 6.84902 16.4492 5.72561 14.1731 5.02894C14.6983 2.70913 14.465 0.863503 13.4363 0.272605C13.1991 0.134 12.9221 0.0683429 12.6193 0.0683429V0.88174C12.7871 0.88174 12.9221 0.914569 13.0351 0.976571C13.5311 1.26108 13.7463 2.34439 13.5785 3.73772C13.5384 4.08059 13.4729 4.44169 13.3925 4.81008C12.6776 4.63501 11.8971 4.50005 11.0764 4.41252C10.584 3.73772 10.0733 3.12494 9.55901 2.58877C10.7481 1.48357 11.8642 0.878086 12.6229 0.878086V0.0646973C11.6199 0.0646973 10.3068 0.779608 8.97911 2.01976C7.65136 0.7869 6.3383 0.0792886 5.33527 0.0792886V0.892677C6.09028 0.892677 7.21003 1.49452 8.39913 2.59241C7.88846 3.1286 7.3778 3.73772 6.89268 4.41252C6.06834 4.50005 5.28779 4.63501 4.57291 4.81373C4.48897 4.44899 4.427 4.09518 4.38319 3.75596C4.21183 2.36262 4.42332 1.27931 4.91579 0.991162C5.02516 0.925506 5.1674 0.896331 5.33527 0.896331V0.0829344C5.02884 0.0829344 4.7516 0.148591 4.51092 0.287197C3.48593 0.878086 3.25618 2.72007 3.78503 5.03258C1.5163 5.73291 0.0390625 6.8527 0.0390625 8.03444C0.0390625 9.21994 1.52359 10.3434 3.79962 11.04C3.27437 13.3599 3.50779 15.2054 4.53645 15.7963C4.77354 15.9349 5.0507 16.0006 5.35712 16.0006C6.36016 16.0006 7.67331 15.2856 9.00097 14.0456C10.3286 15.2784 11.6418 15.9861 12.6449 15.9861C12.9512 15.9861 13.2284 15.9204 13.4691 15.7818C14.494 15.1908 14.7239 13.3488 14.195 11.0364C16.4565 10.3397 17.9337 9.21627 17.9337 8.03444ZM13.1846 5.60159C13.0496 6.07215 12.8819 6.55719 12.6922 7.04233C12.5427 6.75058 12.3859 6.45876 12.2144 6.16692C12.0467 5.87515 11.8678 5.59065 11.6892 5.31344C12.2071 5.39004 12.7068 5.48488 13.1846 5.60159ZM11.514 9.48615C11.2295 9.97862 10.9378 10.4455 10.6351 10.8795C10.0915 10.9269 9.54082 10.9525 8.98636 10.9525C8.43557 10.9525 7.8848 10.9269 7.34502 10.8831C7.04226 10.4491 6.74677 9.98588 6.46228 9.49708C6.18505 9.01929 5.93343 8.53417 5.70359 8.04545C5.92976 7.55666 6.18505 7.06785 6.45869 6.59007C6.74318 6.09768 7.03493 5.63077 7.33768 5.19672C7.88121 5.1493 8.43191 5.12376 8.98636 5.12376C9.53715 5.12376 10.0879 5.1493 10.6277 5.19308C10.9305 5.62712 11.226 6.09034 11.5104 6.57913C11.7877 7.05692 12.0393 7.54205 12.2691 8.03086C12.0393 8.51957 11.7877 9.00837 11.514 9.48615ZM12.6922 9.01203C12.8837 9.48738 13.0517 9.97184 13.1955 10.4637C12.7178 10.5804 12.2144 10.6789 11.6929 10.7555C11.8715 10.4747 12.0502 10.1865 12.218 9.89102C12.3859 9.59927 12.5427 9.30378 12.6922 9.01203ZM8.99362 12.9039C8.65441 12.5537 8.31519 12.1634 7.97965 11.7367C8.30793 11.7512 8.64347 11.7623 8.9827 11.7623C9.32557 11.7623 9.66479 11.7549 9.99675 11.7367C9.68365 12.1435 9.34879 12.5332 8.99362 12.9039ZM6.27991 10.7555C5.76199 10.6789 5.26226 10.5841 4.78448 10.4673C4.91938 9.99682 5.08724 9.51168 5.27687 9.02656C5.42645 9.31838 5.58329 9.61021 5.75465 9.90195C5.92609 10.1938 6.10121 10.4783 6.27991 10.7555ZM8.97544 3.16507C9.31465 3.51522 9.65386 3.90551 9.9894 4.33226C9.66113 4.31767 9.32557 4.30673 8.98636 4.30673C8.64347 4.30673 8.30427 4.31402 7.97239 4.33226C8.28545 3.9254 8.6203 3.53577 8.97544 3.16507ZM6.27624 5.31344C6.09753 5.5943 5.91884 5.88244 5.75107 6.17786C5.58329 6.46968 5.42645 6.76151 5.27687 7.05325C5.08537 6.57792 4.9174 6.09345 4.77354 5.60159C5.25133 5.48852 5.75465 5.39004 6.27624 5.31344ZM2.97527 9.8801C1.68409 9.32931 0.848806 8.60717 0.848806 8.03444C0.848806 7.4618 1.68409 6.73598 2.97527 6.18887C3.28896 6.05388 3.63185 5.93352 3.98566 5.82044C4.19356 6.53534 4.46713 7.27942 4.80634 8.04178C4.47079 8.80047 4.20083 9.54087 3.99659 10.2522C3.63551 10.139 3.29264 10.0151 2.97527 9.8801ZM4.93765 15.0924C4.44159 14.8079 4.22635 13.7246 4.3942 12.3312C4.43433 11.9884 4.49991 11.6273 4.58017 11.2588C5.29514 11.434 6.07567 11.5689 6.89635 11.6564C7.38874 12.3312 7.89939 12.944 8.41372 13.4801C7.22464 14.5853 6.10847 15.1908 5.34978 15.1908C5.18567 15.1872 5.04711 15.1544 4.93765 15.0924ZM13.5895 12.3129C13.7609 13.7063 13.5494 14.7896 13.0569 15.0777C12.9476 15.1434 12.8053 15.1726 12.6374 15.1726C11.8824 15.1726 10.7627 14.5708 9.5736 13.4729C10.0843 12.9366 10.5949 12.3276 11.08 11.6528C11.9044 11.5653 12.6849 11.4303 13.3998 11.2515C13.4838 11.6199 13.5494 11.9738 13.5895 12.3129ZM14.9937 9.8801C14.6801 10.0151 14.3372 10.1355 13.9834 10.2485C13.7755 9.53362 13.502 8.78953 13.1627 8.02718C13.4984 7.2685 13.7683 6.52808 13.9725 5.81679C14.3336 5.92987 14.6764 6.05388 14.9975 6.18887C16.2886 6.73957 17.1239 7.4618 17.1239 8.03444C17.1202 8.60717 16.285 9.33299 14.9937 9.8801Z" fill="#61DAFB"></path><path d="M8.98327 9.70126C9.90394 9.70126 10.6502 8.95498 10.6502 8.03431C10.6502 7.11372 9.90394 6.36743 8.98327 6.36743C8.0627 6.36743 7.31641 7.11372 7.31641 8.03431C7.31641 8.95498 8.0627 9.70126 8.98327 9.70126Z" fill="#61DAFB"></path></g><defs><clipPath id="react-framework-icon-clip"><rect width="18" height="16.0875" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Next.js" title="Next.js" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="5 5 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="next-framework-icon-mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="24" height="24">
360<path d="M17 29C23.6274 29 29 23.6274 29 17C29 10.3726 23.6274 5 17 5C10.3726 5 5 10.3726 5 17C5 23.6274 10.3726 29 17 29Z" fill="black"></path></mask><g mask="url(#next-framework-icon-mask)"><path d="M24.9346 26.0027L14.2191 12.2H12.2002V21.796H13.8153V14.2512L23.6667 26.9793C24.1113 26.6819 24.5347 26.3553 24.9346 26.0027Z" fill="url(#next-framework-wordmark-gradient)"></path><path d="M21.9335 12.2001H20.3335V21.8001H21.9335V12.2001Z" fill="url(#next-framework-bar-gradient)"></path></g><defs><linearGradient id="next-framework-wordmark-gradient" x1="19.5335" y1="20.5333" x2="24.2669" y2="26.4" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient id="next-framework-bar-gradient" x1="21.1335" y1="12.2001" x2="21.1067" y2="19.2501" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient></defs></svg></div></div></span><span aria-label="Vue" title="Vue" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#vue-framework-icon-clip)"><path d="M10.9968 0L8.93365 3.57344L6.87051 0H0L8.93365 15.4737L17.8673 0H10.9968Z" fill="#0FDFBA"></path><path d="M10.9956 0L8.93245 3.57344L6.86933 0H3.57227L8.93245 9.28402L14.2926 0H10.9956Z" fill="#34495E"></path></g><defs><clipPath id="vue-framework-icon-clip"><rect width="18" height="15.4737" fill="white"></rect></clipPath></defs></svg></div></div></span><span aria-label="Svelte" title="Svelte" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><style data-emotion="css x5avbf">.css-x5avbf{display:block;width:18px;height:22px;object-fit:contain;}</style><img alt="" height="22" class="css-x5avbf" width="18" sizes="18px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&width=18 18w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&width=36 36w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44982ad5cbd8413db8aa014045741c49?format=webp&width=18"/></div></div></span><span aria-label="Angular" title="Angular" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 3.98527L16.1998 12.2713L10.8598 1.40527L16.7578 3.98407V3.98527ZM13.0594 14.7001L9.02502 16.8757L4.99062 14.7001L5.81142 12.8209H12.2398L13.0606 14.7001H13.0594ZM9.02502 5.52967L11.1394 10.3861H6.90942L9.02382 5.52967H9.02502ZM1.84422 12.2701L1.29102 3.98527L7.19022 1.40527L1.84542 12.2713L1.84422 12.2701Z" fill="url(#angular-framework-main-gradient)"></path><path d="M16.7578 3.98527L16.1998 12.2713L10.8598 1.40527L16.7578 3.98407V3.98527ZM13.0594 14.7001L9.02502 16.8757L4.99062 14.7001L5.81142 12.8209H12.2398L13.0606 14.7001H13.0594ZM9.02502 5.52967L11.1394 10.3861H6.90942L9.02382 5.52967H9.02502ZM1.84422 12.2701L1.29102 3.98527L7.19022 1.40527L1.84542 12.2713L1.84422 12.2701Z" fill="url(#angular-framework-highlight-gradient)"></path><defs><linearGradient id="angular-framework-main-gradient" x1="2.92782" y1="11.269" x2="15.1474" y2="5.47721" gradientUnits="userSpaceOnUse"><stop stop-color="#E40035"></stop><stop offset="0.24" stop-color="#F60A48"></stop><stop offset="0.35" stop-color="#F20755"></stop><stop offset="0.49" stop-color="#DC087D"></stop><stop offset="0.74" stop-color="#9717E7"></stop><stop offset="1" stop-color="#6C00F5"></stop></linearGradient><linearGradient id="angular-framework-highlight-gradient" x1="4.56258" y1="2.4319" x2="12.4533" y2="11.4953" gradientUnits="userSpaceOnUse"><stop stop-color="#FF31D9"></stop><stop offset="1" stop-color="#FF5BE1" stop-opacity="0"></stop></linearGradient></defs></svg></div></div></span><span aria-label="More integrations" title="More integrations" class="css-vxcmzt"><div class="nl-icon-border css-skh8n3"><div class="nl-icon-inner css-p6c6sr"><svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.9419 10.058H3.5259V7.942H7.9419V3.526H10.0809V7.942H14.4739V10.058H10.0809V14.474H7.9419V10.058Z" fill="var(--b-text-primary)"></path></svg></div></div></span></div><div class="css-yv598l"><h3 class="css-lkiul7">Use your framework</h3><p class="css-10fcad4">Build against the frontend your product already runs on, so prototypes and product changes reflect what your team can actually ship.</p></div></div><style data-emotion="css 14xfh3">.css-14xfh3{left:0;right:0;z-index:1;}@media (max-width: 768px){.css-14xfh3{display:none;}}</style><style data-emotion="css g837dx">.css-g837dx{position:absolute;top:0;bottom:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);pointer-events:none;left:0;right:0;z-index:1;}@media (max-width: 768px){.css-g837dx{display:none;}}</style><div aria-hidden="true" class="css-g837dx"><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div><style data-emotion="css qe00pa">.css-qe00pa{box-sizing:border-box;border-left:1px solid var(--b-border-subtle);border-top:1px solid var(--b-border-subtle);}</style><div class="css-qe00pa"></div><style data-emotion="css 12fgu1v">.css-12fgu1v{box-sizing:border-box;border-left:1px solid var(--b-border-subtle);border-right:1px solid var(--b-border-subtle);border-top:1px solid var(--b-border-subtle);}</style><div class="css-12fgu1v"></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-sd35fi"></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 1bt3jle">.css-1bt3jle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;
360-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;padding:var(--spacing-16) var(--spacing-10) var(--spacing-10);}@media (max-width: 768px){.css-1bt3jle{padding:var(--spacing-10) var(--spacing-10) var(--spacing-8);}}</style><div class="css-1bt3jle"><style data-emotion="css 1jq5nip">.css-1jq5nip{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);}</style><div class="css-1jq5nip"><p class="css-xyw17r">Testimonials</p><style data-emotion="css 1weogg4">.css-1weogg4{margin:0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;max-width:560px;}</style><h2 class="css-1weogg4">What teams are saying</h2></div><style data-emotion="css 14z25ji">.css-14z25ji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--spacing-2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><div class="css-14z25ji"><style data-emotion="css 11nvlsy">.css-11nvlsy{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:40px;height:40px;border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);background:transparent;color:var(--b-text-primary);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-11nvlsy:hover{background:var(--b-bg-raised);}</style><button aria-label="Previous testimonials" class="css-11nvlsy"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-left "><path d="M15 6l-6 6l6 6"></path></svg></button><button aria-label="Next testimonials" class="css-11nvlsy"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right "><path d="M9 6l6 6l-6 6"></path></svg></button></div></div></div><style data-emotion="css a6xx6b">.css-a6xx6b{overflow:hidden;border-top:1px solid var(--b-border-subtle);}</style><style data-emotion="css gnbf2i">
360.css-gnbf2i{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;border-top:1px solid var(--b-border-subtle);}</style><div class="css-gnbf2i"><style data-emotion="css lgj0h8">.css-lgj0h8{display:grid;}</style><div class="css-lgj0h8"><style data-emotion="css hcswu6">.css-hcswu6{grid-area:1/1;display:grid;grid-template-columns:repeat(3, 1fr);pointer-events:auto;background:var(--b-bg-page);}@media (max-width: 768px){.css-hcswu6{grid-template-columns:1fr;}}</style><div aria-hidden="false" class="css-hcswu6" style="transform:none"><style data-emotion="css tlrkbn">.css-tlrkbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:var(--spacing-8);padding:32px 64px 32px 32px;min-height:300px;border-left:1px solid var(--b-border-subtle);}.css-tlrkbn:last-child{border-right:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-tlrkbn{padding:var(--spacing-8);border-left:none;}.css-tlrkbn:last-child{border-right:none;}.css-tlrkbn+.css-tlrkbn{border-top:1px solid var(--b-border-subtle);}}</style><div class="css-tlrkbn"><style data-emotion="css osxmje">.css-osxmje{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-5);}</style><div class="css-osxmje"><style data-emotion="css 13jbdhy">.css-13jbdhy{margin:0;font-size:18px;line-height:1.5;color:var(--b-text-secondary);}</style><p class="css-13jbdhy">âBuilder hits this nice middle ground⦠itâs structured enough for developers to stay in control, but flexible enough to let other teams move fast without creating chaos.â</p><style data-emotion="css ez17zy">.css-ez17zy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-1);}</style><div class="css-ez17zy"><style data-emotion="css sxd1g2">.css-sxd1g2{font-size:12px;line-height:1.4;color:var(--b-text-primary);}</style><span class="css-sxd1g2">Tom Wolf</span><style data-emotion="css 17cduw6">.css-17cduw6{font-size:12px;line-height:1.4;color:var(--b-text-secondary);}</style><span class="css-17cduw6">Staff Engineer at LegalZoom</span></div></div><style data-emotion="css 2yesag">.css-2yesag{display:block;width:200px;height:33px;object-fit:contain;object-position:left center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}</style><img alt="LegalZoom" height="66" class="css-2yesag" width="400" sizes="200px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6b9e442ae0be4fdf9fe0f9f44ae944c5?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6b9e442ae0be4fdf9fe0f9f44ae944c5?format=webp&width=400 400w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F6b9e442ae0be4fdf9fe0f9f44ae944c5?format=webp&width=400"/></div><div class="css-tlrkbn"><div class="css-osxmje"><p class="css-13jbdhy">âA page that took three engineers a month to build can now <span class="css-4y7c3g">be created in a couple of days.</span>â</p><div class="css-ez17zy"><span class="css-sxd1g2">Gregory Quick</span><span class="css-17cduw6">Staff Engineer at Storyblocks</span></div></div><style data-emotion="css bfzjbs">.css-bfzjbs{display:block;width:130px;height:28px;object-fit:contain;object-position:left center;}</style><img alt="Storyblocks" height="56" class="css-bfzjbs" width="260" sizes="130px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4d8728cd49724a03b42d9d2aaf67cf13?format=webp&width=130 130w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4d8728cd49724a03b42d9d2aaf67cf13?format=webp&width=260 260w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F4d8728cd49724a03b42d9d2aaf67cf13?format=webp&width=260"/></div><div class="css-tlrkbn"><div class="css-osxmje"><p class="css-13jbdhy">âBuilder makes everyoneâs lives easier, it makes it easier for us to maintain, and it makes it easier for the brand team
360s to maintain.â</p><div class="css-ez17zy"><span class="css-sxd1g2">Tyler Hozie</span><span class="css-17cduw6">Director of Technology at Anheuser-Busch</span></div></div><style data-emotion="css qwq0p">.css-qwq0p{display:block;width:160px;height:40px;object-fit:contain;object-position:left center;}</style><img alt="Anheuser-Busch" height="80" class="css-qwq0p" width="320" sizes="160px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&width=160 160w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&width=320 320w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fa5144b1da1f34b96960c14990f2ee289?format=webp&width=320"/></div></div><style data-emotion="css vwx8mh">.css-vwx8mh{grid-area:1/1;display:grid;grid-template-columns:repeat(3, 1fr);pointer-events:none;background:var(--b-bg-page);}@media (max-width: 768px){.css-vwx8mh{grid-template-columns:1fr;}}</style><div aria-hidden="true" inert="" class="css-vwx8mh" style="transform:translateX(100%)"><div class="css-tlrkbn"><div class="css-osxmje"><p class="css-13jbdhy">âThanks to Builder, we diverted 20% of our development budget from content management maintenance to strategic growth initiatives like optimizing conversions and increasing member loyalty.â</p><div class="css-ez17zy"><span class="css-sxd1g2">Tim Collins</span><span class="css-17cduw6">CTO at TechStyle Fashion Group</span></div></div><style data-emotion="css 1u692ah">.css-1u692ah{display:block;width:120px;height:16px;object-fit:contain;object-position:left center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}</style><img alt="Fabletics" height="32" class="css-1u692ah" width="240" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F2240cbeb59bb421ab8f54c77ac366613?format=webp&width=240"/></div><div class="css-tlrkbn"><div class="css-osxmje"><p class="css-13jbdhy">âWith Builder, weâre able to see the same quality results that were only previously possible through reliance on our engineering team, who now have capacity to tackle higher-value projects.â</p><div class="css-ez17zy"><span class="css-sxd1g2">Dave King</span><span class="css-17cduw6">CTO at Everlane</span></div></div><style data-emotion="css 1oxwly6">.css-1oxwly6{display:block;width:120px;height:14px;object-fit:contain;object-position:left center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}</style><img alt="Everlane" height="28" class="css-1oxwly6" width="240" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F20124a5cfd33420e8e9fca801387fc9f?format=webp&width=240"/></div><div class="css-tlrkbn"><div class="css-osxmje"><p class="css-13jbdhy">âOur developer team is ecstatic about working with Builder. Theyâre far and away the best vendor that we work with in terms of customer service, development processes, and documentation.â</p><div class="css-ez17zy"><span class="css-sxd1g2">Colin Tracy</span><span class="css-17cduw6">Director of Engineering at Black Rifle Coffee Company</span></div></div><style data-emotion="css 1jpdegs">.css-1jpdegs{display:block;width:120px;height:30px;object-fit:contain;object-position:left center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}</style><img alt="Black Rifle Coffee" height="60" class="css-1jpdegs" width="240" sizes="120px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&width=120 120w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&width=240 240w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F041bac1891614ac6aed9fe3bc2e4ff47?format=webp&width=240"/></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 10ixhzv">.css-10ixhzv{padding:var(--spacing-30) var(--spacing-10) var(--spacing-8);}</style><div class="css-10ixhzv"><p class="css-xyw17r">Enterprise-ready</p><style data-emotion="css 17sjyku">.css-17sjyku{margin:var(--spacing-3) 0 0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;}</style><h2 class="css-17sjyku">Product velocity with the controls<!-- --> <span class="css-11owgl7">your teams need</span></h2></div></div><div class="css-wfrvu4"><div class="css-hemjcq"><style data-emotion="css 1m5lsub">.css-1m5lsub{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;
360-webkit-justify-content:space-between;justify-content:space-between;padding:var(--spacing-10);}@media (max-width: 768px){.css-1m5lsub{grid-column:span 3;}}</style><div class="css-1m5lsub"><style data-emotion="css z9q793">.css-z9q793{margin:0;font-size:var(--b-t-heading-6);color:var(--b-text-secondary);line-height:1.5;max-width:260px;}</style><p class="css-z9q793">Builder helps product teams<!-- --> <style data-emotion="css 1h5t0r7">.css-1h5t0r7{color:var(--b-text-primary);font-weight:inherit;}</style><strong class="css-1h5t0r7">move faster</strong> <!-- -->across code, content, experiments, and launches while keeping security, governance, and engineering review in place.</p><style data-emotion="css 14t89hy">.css-14t89hy{width:100%;max-width:202px;height:auto;display:block;margin-top:auto;padding-top:var(--spacing-8);}</style><img alt="Enterprise security badges" loading="lazy" height="202" class="css-14t89hy" width="202" sizes="202px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&width=400 400w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F485d6a821de145c68f2149b4488ed896?format=webp&width=202"/></div><style data-emotion="css 951kjj">.css-951kjj{grid-column:span 2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-left:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-951kjj{grid-column:span 3;border-left:none;}}</style><div class="css-951kjj"><style data-emotion="css 1prtb8k">.css-1prtb8k{padding:var(--spacing-4) var(--spacing-10);background:var(--b-bg-raised);border-top:none;-webkit-flex:1;-ms-flex:1;flex:1;}</style><div class="css-1prtb8k"><style data-emotion="css 1x4kekq">.css-1x4kekq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;padding:var(--spacing-4) var(--spacing-2);cursor:default;}.css-1x4kekq:hover{background:var(--b-bg-raised);}.css-1x4kekq:hover .nl-icon-inner{background:var(--c-neutral-50);color:var(--b-action-primary-text);}.css-1x4kekq:hover .nl-icon-border{background:var(--c-neutral-50);}.css-1x4kekq:hover .nl-description{color:var(--b-text-primary);}.css-1x4kekq:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:2px;}.css-1x4kekq:hover{background:transparent;}.css-1x4kekq:hover .nl-icon-inner{background:var(--b-bg-prominent);color:var(--b-text-primary);}.css-1x4kekq:hover .nl-icon-border{background:linear-gradient(135deg, var(--c-neutral-700) 0%, var(--b-bg-prominent) 100%);}.css-1x4kekq:hover .nl-description{color:var(--b-text-secondary);}</style><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shield-lock "><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"></path><path d="M11 11a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M12 12l0 2.5"></path></svg></div></div><style data-emotion="css 13axzfo">.css-13axzfo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3px;min-width:0;}</style><div class="css-13axzfo"><style data-emotion="css 4qlq1z">.css-4qlq1z{font-size:14px;font-weight:500;color:var(--b-text-primary);line-height:140%;font-family:var(--b-font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}</style><span class="css-4qlq1z">Security and privacy</span><style data-emotion="css xbanle">.css-xbanle{font-size:13px;color:var(--b-text-secondary);line-height:140%;font-family:var(--b-font-sans);-webkit-transition:color 0.2s ease;transition:color 0.2s ease;}</style><span class="nl-description css-xbanle">
360SOC 2 Type II compliant, with controls to protect your code, prompts, product context, content, and workspace data.</span></div></div></div><style data-emotion="css 1caxbg">.css-1caxbg{padding:var(--spacing-4) var(--spacing-10);background:var(--b-bg-raised);border-top:1px solid var(--b-border-default);-webkit-flex:1;-ms-flex:1;flex:1;}</style><div class="css-1caxbg"><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sitemap "><path d="M3 17a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -2"></path><path d="M15 17a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -2"></path><path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -2"></path><path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1"></path><path d="M12 9l0 3"></path></svg></div></div><div class="css-13axzfo"><span class="css-4qlq1z">SSO and role-based access</span><span class="nl-description css-xbanle">Use SSO and permissions to control who can create, edit, review, publish, manage integrations, and change workspace settings.</span></div></div></div><div class="css-1caxbg"><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-git-pull-request "><path d="M4 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M16 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6 8l0 8"></path><path d="M11 6h5a2 2 0 0 1 2 2v8"></path><path d="M14 9l-3 -3l3 -3"></path></svg></div></div><div class="css-13axzfo"><span class="css-4qlq1z">Review and release governance</span><span class="nl-description css-xbanle">Route product changes through branches, pull requests, previews, approvals, and publishing workflows before they reach users.</span></div></div></div><div class="css-1caxbg"><div class="css-1x4kekq"><div class="nl-icon-border css-r34nns"><div class="nl-icon-inner css-ejcicz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-headset "><path d="M4 14v-3a8 8 0 1 1 16 0v3"></path><path d="M18 19c0 1.657 -2.686 3 -6 3"></path><path d="M4 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3"></path><path d="M15 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3"></path></svg></div></div><div class="css-13axzfo"><span class="css-4qlq1z">Team rollout support</span><span class="nl-description css-xbanle">Get technical guidance, support, and governance controls for bringing Builder into product, design, engineering, marketing, and content workflows.</span></div></div></div></div></div></div></section><div style="display:none"><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-wfrvu4"><style data-emotion="css 1g3cllb">.css-1g3cllb{padding:var(--spacing-30) var(--spacing-10) var(--spacing-20);}@media (max-width: 768px){.css-1g3cllb{padding:var(--spacing-10);}}</style><div class="css-1g3cllb"><p class="css-xyw17r">Learn more</p><style data-emotion="css xzueon">.css-xzueon{margin:var(--spacing-3) 0 0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;max-width:560px;}</style><h2 class="css-xzueon">Key resources for product managers</h2></div></div><div class="css-wfrvu4"><div class="css-8zq8xu"><style data-emotion="css 8t64fj">.css-8t64fj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:inherit;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-8t64fj:hover{background:var(--b-bg-raised);}.css-8t64fj:hover .resource-card-action{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-8t64fj{border-top:none;}}</style><a class="css-8t64fj" href="https://www.builder.io/blog/introducing-fusion"><style data-emotion="css 1qppxi8">.css-1qppxi8{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--b-bg-raised);border-left:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-1qppxi8{border-left:none;}}</style><div class="css-1qppxi8"><style data-emotion="css 12qah06">.css-12qah06{display:block;width:100%;height:100%;object-fit:cover;}</style><img alt="Code â AI-powered collaborative development" loading="lazy" height="500" class="css-12qah06" width="800" sizes="(max-width: 768px) 100vw, 420px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&width=420 420w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3213fa1d40e442f2a5664ea8cf32b1ac?format=webp&width=800"/></div><style data-emotion="css 1vn6mxf">.css-1vn6mxf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-10) var(--spacing-10);border-top:1px solid var(--b-border-subtle);}</style><div class="css-1vn6mxf">
360<style data-emotion="css acli7g">.css-acli7g{display:inline-block;-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;font-family:var(--b-font-mono);font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--b-text-eyebrow);background:color-mix(in srgb, var(--b-text-eyebrow) 12%, transparent);padding:3px 8px;border-radius:4px;margin-bottom:4px;}</style><span class="css-acli7g">Product</span><style data-emotion="css pjc4hr">.css-pjc4hr{margin:0;font-size:var(--b-t-heading-6);font-weight:500;line-height:1.25;letter-spacing:-0.01em;}</style><h3 class="css-pjc4hr">Introducing Code: Vibe Code at any scale</h3><style data-emotion="css 2btljv">.css-2btljv{margin:0 0 auto;font-size:var(--b-t-paragraph-2);color:var(--b-text-secondary);line-height:1.5;}</style><p class="css-2btljv">See how teams use Builder to go from idea to live faster than ever with AI-powered visual edits, Figma imports, and GitHub pull requests.</p><style data-emotion="css 1ch14iq">.css-1ch14iq{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;margin-top:var(--spacing-4);border:1px solid var(--b-action-secondary-border);border-radius:var(--b-radius);color:var(--b-text-primary);-webkit-transition:background 0.15s,border-color 0.15s,color 0.15s;transition:background 0.15s,border-color 0.15s,color 0.15s;}</style><span aria-hidden="true" class="resource-card-action css-1ch14iq"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></a><style data-emotion="css 1w9gmye">.css-1w9gmye{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:inherit;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:background 0.15s;transition:background 0.15s;}.css-1w9gmye:hover{background:var(--b-bg-raised);}.css-1w9gmye:hover .resource-card-action{background:var(--b-text-primary);border-color:var(--b-text-primary);color:var(--b-bg-page);}@media (max-width: 768px){.css-1w9gmye{border-top:1px solid var(--b-border-subtle);}}</style><a class="css-1w9gmye" href="https://www.builder.io/blog/figma-to-code-fusion"><div class="css-1qppxi8"><img alt="Figma to code conversion with Code AI" loading="lazy" height="500" class="css-12qah06" width="800" sizes="(max-width: 768px) 100vw, 420px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&width=420 420w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe894dcefd5d2457e953762b598b60993?format=webp&width=800"/></div><div class="css-1vn6mxf"><span class="css-acli7g">Product</span><h3 class="css-pjc4hr">Figma to Code with Code AI</h3><p class="css-2btljv">Read how Builder's Code AI converts Figma designs into production-ready code using your existing components and design system.</p><span aria-hidden="true" class="resource-card-action css-1ch14iq"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></a><a class="css-1w9gmye" href="https://www.builder.io/m/design-to-code/"><div class="css-1qppxi8"><img alt="Design to code automation guide" loading="lazy" height="500" class="css-12qah06" width="800" sizes="(max-width: 768px) 100vw, 420px" srcSet="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb92ef8eef81747b19030b464167c7604?format=webp&width=320 320w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb92ef8eef81747b19030b464167c7604?format=webp&width=420 420w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb92ef8eef81747b19030b464167c7604?format=webp&width=640 640w, https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb92ef8eef81747b19030b464167c7604?format=webp&width=800 800w" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fb92ef8eef81747b19030b464167c7604?format=webp&width=800"/></div><div class="css-1vn6mxf"><span class="css-acli7g">Product</span>
360<h3 class="css-pjc4hr">Launching Projects Faster with Design to Code Automation</h3><p class="css-2btljv">Read this guide for engineering leaders to learn how design-to-code automation can improve time-to-market and engineering productivity.</p><span aria-hidden="true" class="resource-card-action css-1ch14iq"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></a></div></div></section></div><style data-emotion="css 16sz48o">.css-16sz48o{position:relative;width:100%;overflow:hidden;}</style><section class="css-16sz48o"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css 18ros0n">.css-18ros0n{height:200px;border-top:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-18ros0n{height:0;border:none;}}</style><style data-emotion="css 1ifqe9s">.css-1ifqe9s{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;height:200px;border-top:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-1ifqe9s{height:0;border:none;}}</style><div class="css-1ifqe9s"></div><div class="css-wfrvu4"><style data-emotion="css 1mfeklj">.css-1mfeklj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}@media (max-width: 768px){.css-1mfeklj{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}</style><div class="css-1mfeklj"><style data-emotion="css hd73ln">.css-hd73ln{width:33.333%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:80px 64px 32px 32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-3);-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-right:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-hd73ln{width:100%;border-right:none;padding:80px var(--spacing-8) var(--spacing-8);}}</style><div class="css-hd73ln"><p class="css-xyw17r">FAQs</p><style data-emotion="css 19qp2yk">.css-19qp2yk{margin:0;font-size:var(--b-t-heading-4);font-weight:500;line-height:1.15;letter-spacing:-0.02em;}</style><h2 class="css-19qp2yk">Get answers to common questions</h2></div><style data-emotion="css n65xmz">.css-n65xmz{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:0;border-right:1px solid var(--b-border-subtle);}@media (max-width: 768px){.css-n65xmz{width:100%;border-right:none;border-top:1px solid var(--b-border-subtle);}}</style><div class="css-n65xmz"><style data-emotion="css fdp4b8">.css-fdp4b8{border-top:none;background:var(--b-bg-page);-webkit-transition:background 0.15s;transition:background 0.15s;}</style><div class="css-fdp4b8"><style data-emotion="css varare">.css-varare{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:var(--spacing-4);padding:16px 32px;background:none;border:none;cursor:pointer;text-align:left;color:var(--b-text-primary);}.css-varare:focus-visible{outline:2px solid var(--b-text-primary);outline-offset:-2px;}@media (max-width: 768px){.css-varare{padding:var(--spacing-4);}}</style><button type="button" aria-expanded="true" class="css-varare"><style data-emotion="css mfn3n8">.css-mfn3n8{padding-top:8px;-webkit-flex:1;-ms-flex:1;flex:1;font-size:var(--b-t-heading-6);font-weight:500;line-height:1.15;letter-spacing:-0.02em;color:var(--b-text-primary);}</style><span class="css-mfn3n8">
360Can product managers use Builder without writing code?</span><style data-emotion="css x0xutz">.css-x0xutz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--b-radius-md);border:1px solid var(--b-text-primary);background:transparent;color:var(--b-text-primary);-webkit-transition:border-color 0.15s,color 0.15s;transition:border-color 0.15s,color 0.15s;}</style><span aria-hidden="true" class="css-x0xutz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-up "><path d="M6 15l6 -6l6 6"></path></svg></span></button><style data-emotion="css 1mq4724">.css-1mq4724{height:auto;overflow:hidden;interpolate-size:allow-keywords;-webkit-transition:height 0.24s ease;transition:height 0.24s ease;}</style><div class="css-1mq4724"><style data-emotion="css 12o6pk3">.css-12o6pk3{padding:20px 80px 20px 52px;min-height:260px;}@media (max-width: 768px){.css-12o6pk3{padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-8);min-height:180px;}}</style><div class="css-12o6pk3"><style data-emotion="css 1errct8">.css-1errct8{font-size:var(--b-t-paragraph-1);color:var(--b-text-secondary);line-height:1.3;margin:0;}</style><p class="css-1errct8">Yes. Product managers can prompt Builder, review live previews, edit copy, adjust product experiences visually, leave comments, and share work with the team. Engineering still controls the codebase, review process, and final merge.</p></div></div></div><style data-emotion="css 1ndn6zz">.css-1ndn6zz{border-top:1px solid var(--b-border-subtle);background:var(--b-bg-raised);-webkit-transition:background 0.15s;transition:background 0.15s;}</style><div class="css-1ndn6zz"><button type="button" aria-expanded="false" class="css-varare"><style data-emotion="css oqr52q">.css-oqr52q{padding-top:8px;-webkit-flex:1;-ms-flex:1;flex:1;font-size:var(--b-t-heading-6);font-weight:500;line-height:1.15;letter-spacing:-0.02em;color:var(--b-text-highlight);}</style><span class="css-oqr52q">Does Builder replace Jira, Slack, Figma, or our engineering workflow?</span><span aria-hidden="true" class="css-x0xutz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down "><path d="M6 9l6 6l6 -6"></path></svg></span></button><style data-emotion="css 1ih9bo7">.css-1ih9bo7{height:0;overflow:hidden;interpolate-size:allow-keywords;-webkit-transition:height 0.24s ease;transition:height 0.24s ease;}</style><div class="css-1ih9bo7"><div class="css-12o6pk3"><p class="css-1errct8">No. Builder connects to the tools where product work already happens. You can start from Slack, Jira, specs, designs, or the product itself, then move work through branches, previews, reviews, and pull requests.</p></div></div></div><div class="css-1ndn6zz"><button type="button" aria-expanded="false" class="css-varare"><span class="css-oqr52q">How does Builder help with product specs?</span><span aria-hidden="true" class="css-x0xutz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down "><path d="M6 9l6 6l6 -6"></path></svg></span></button><div class="css-1ih9bo7"><div class="css-12o6pk3"><p class="css-1errct8">Builder helps turn specs into working product experiences earlier. Instead of waiting until the end of a sprint to see whether the requirement was clear, your team can review a prototype or branch while there is still time to adjust the direction.</p></div></div></div><div class="css-1ndn6zz"><button type="button" aria-expanded="false" class="css-varare"><span class="css-oqr52q">Can PMs make urgent product changes themselves?</span><span aria-hidden="true" class="css-x0xutz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down "><path d="M6 9l6 6l6 -6"></path></svg></span></button><div class="css-1ih9bo7"><div class="css-12o6pk3"><p class="css-1errct8">PMs can start and refine changes in Builder, especially copy, layout, content, prototype, and experience updates. What ships still depends on the permissions, review workflows, and engineering controls your team sets.</p></div></div></div><div class="css-1ndn6zz"><button type="button" aria-expanded="false" class="css-varare"><span class="css-oqr52q">How do engineers stay in control?</span><span aria-hidden="true" class="css-x0xutz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down "><path d="M6 9l6 6l6 -6"></path></svg></span></button><div class="css-1ih9bo7"><div class="css-12o6pk3"><p class="css-1errct8">Builder works through branches, pull requests, previews, approvals, and permissions. Product managers can contribute in context, while engineers review the diff, run checks, and decide what reaches production.</p></div></div></div><div class="css-1ndn6zz"><button type="button" aria-expanded="false" class="css-varare"><span class="css-oqr52q">
360Will prototypes become throwaway work?</span><span aria-hidden="true" class="css-x0xutz"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down "><path d="M6 9l6 6l6 -6"></path></svg></span></button><div class="css-1ih9bo7"><div class="css-12o6pk3"><p class="css-1errct8">They do not have to. Builder can start from prompts and specs, but it is most powerful when connected to your real repo, components, and design system. That keeps work closer to the product your team can actually ship.</p></div></div></div></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><style data-emotion="css olt6c8">.css-olt6c8{min-height:360px;border-top:1px solid var(--b-border-subtle);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:var(--spacing-20) var(--spacing-10) var(--spacing-20);text-align:center;box-sizing:border-box;}</style><style data-emotion="css vr15xe">.css-vr15xe{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;min-height:360px;border-top:1px solid var(--b-border-subtle);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:var(--spacing-20) var(--spacing-10) var(--spacing-20);text-align:center;box-sizing:border-box;}</style><div class="css-vr15xe"><style data-emotion="css n7e7u9">.css-n7e7u9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-8);padding-top:var(--spacing-8);}</style><div class="css-n7e7u9"><style data-emotion="css nwn9k4">.css-nwn9k4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-3);}</style><div class="css-nwn9k4"><style data-emotion="css r0iusb">.css-r0iusb{margin:0;font-size:var(--b-t-heading-2);font-weight:500;line-height:1.1;letter-spacing:-0.02em;}</style><h2 class="css-r0iusb">Close the loop with your users.</h2></div><style data-emotion="css 1116ax1">.css-1116ax1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--spacing-3);-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}</style><div class="css-1116ax1"><a href="/signup" class="css-16kyawo"><span>START BUILDING</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right "><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a><a href="/demo" class="css-14kilwa"><span>BOOK A DEMO</span></a></div></div></div></section><section class="css-1sdf07r"><div aria-hidden="true" class="css-gxmlpb"><div class="css-1wcih6j"></div><div class="css-1wcih6j"></div><div class="css-1xm2lw8"></div></div><div class="css-sd35fi"></div></section></main><style data-emotion="css d2ypuu">.css-d2ypuu{width:100%;background:var(--b-bg-surface);border-top:1px solid var(--b-border-subtle);color:var(--b-text-primary);font-family:var(--b-font-sans);box-sizing:border-box;}</style><footer class="builder-brand-tokens docs-footer css-d2ypuu"><style> 361 362.builder-brand-tokens { 363 /* ââ Fonts ââ */ 364 --b-font-sans: 'Geist', system-ui, sans-serif; 365 --b-font-mono: 'Geist Mono', monospace; 366 367 /* ââ Color primitives ââ */ 368 --c-violet-400: #A8C1FF; 369 --c-blue-100: #BEF0F5; 370 --c-blue-200: #7BE8F5; 371 --c-blue-300: #00DFF6; 372 --c-blue-400: #00D6F6; 373 --c-blue-500: #01C8F1; 374 --c-blue-500-40p: #01C8F166; 375 --c-blue-600: #009CCC; 376 --c-blue-900: #00161B; 377 --c-green-400: #0FDFBA; 378 --c-yellow-400: #DEC75F; 379 --c-red-400: #FFA27D; 380 --c-pink-400: #FA9BF2; 381 --c-neutral-50: #FAF9F5; 382 --c-neutral-100: #E0E0D7; 383 --c-neutral-200: #CAC9C6; 384 --c-neutral-400: #ABABAB; 385 --c-neutral-500: #9A9997; 386 --c-neutral-600: #5E5E5E; 387 --c-neutral-700: #3D3D3D; 388 --c-neutral-800: #2E2E2E; 389 --c-neutral-900: #1A1A1A; 390 --c-neutral-925: #0F0F0F; 391 --c-neutral-950: #0A0A0A; 392 --c-neutral-950-90p: #0A0A0AE6; 393 --c-white-5p: #FFFFFF0D; 394 395 /* ââ Semantic: bg ââ */ 396 --b-bg-page: #0A0A0A; 397 --b-bg-surface: #0A0A0A; 398 --b-bg-raised: #0F0F0F; 399 --b-bg-prominent: #1A1A1A; 400 --b-bg-translucent: #0A0A0AE6; 401 --b-bg-alternative: #00161B; 402 403 /* ââ Semantic: text ââ */ 404 --b-text-primary: #FAF9F5; 405 --b-text-secondary: #AEADAC; 406 --b-text-muted: #5E5E5E; 407 --b-text-highlight: #E0E0D7; 408 --b-text-link: #BEF0F5; 409 --b-text-eyebrow: #01C8F1; 410 411 /* ââ Semantic: border ââ */ 412 --b-border-default: #1A1A1A; 413 --b-border-subtle: #141414; 414 --b-border-title-row: #2E2E2E; 415 --b-border-menu: #1a1a1a; 416 417 /* ââ Semantic: action ââ */ 418 --b-action-primary-bg: #01C8F1; 419 --b-action-primary-hover: #00DFF6; 420 --b-action-primary-text: #0A0A0A; 421 --b-action-primary-border: #00DFF6; 422 --b-action-primary-effect: #01C8F166; 423 --b-action-secondary-bg: transparent; 424 --b-action-secondary-hover: #1A1A1A; 425 --b-action-secondary-text: #FAF9F5; 426 --b-action-secondary-border: #5E5E5E; 427 --b-action-tab-bg: #0A0A0A; 428 --b-action-tab-bg-active: #00161B; 429 --b-action-tab-bg-hover: #0F0F0F; 430 --b-action-tab-text: #5E5E5E; 431 --b-action-tab-text-active: #BEF0F5; 432 --b-action-tab-text-hover: #FAF9F5; 433 --b-action-tab-indicator: #01C8F1; 434 435 /* ââ Utility ââ */ 436 --b-btn-hover-bg: rgba(255, 255, 255, 0.08); 437 438 /* ââ Border radius ââ */ 439 --b-radius: 6px; 440 --b-radius-none: 0px; 441 --b-radius-sm: 3px; 442 --b-radius-md: 6px; 443 --b-radius-lg: 12px; 444 --b-radius-full: 9999px; 445 446 /* ââ Gradient ââ */ 447 --b-gradient-blue: linear-gradient(90deg, #18B4F4 0%, #19B9F5 6.25%, #1BBDF5 12.5%, #1CC2F6 18.75%, #1EC7F7 25%, #1FCBF7 31.25%, #21D0F8 37.5%, #22D5F9 43.75%, #24D9F9 50%, #25DEFA 56.25%, #26E3FB 62.5%, #28E8FC 68.75%, #29ECFC 75%, #2BF1FD 81.25%, #2CF6FE 87.5%, #2EFAFE 93.75%, #2FFFFF 100%); 448 449 /* ââ Spacing scale (token key à 4px) ââ */ 450 --spacing-0: 0px; 451 --spacing-1: 4px; 452 --spacing-2: 8px; 453 --spacing-3: 12px; 454 --spacing-4: 16px; 455 --spacing-5: 20px; 456 --spacing-6: 24px; 457 --spacing-8: 32px; 458 --spacing-10: 40px; 459 --spacing-12: 48px; 460 --spacing-16: 64px; 461 --spacing-20: 80px; 462 --spacing-24: 96px; 463 --spacing-30: 120px; 464 --spacing-35: 150px; 465 --spacing-50: 200px; 466 467 /* ââ Typography scale ââ */ 468 --b-t-heading-1: 56px; 469 --b-t-heading-2: 46px; 470 --b-t-heading-3: 37px; 471 --b-t-heading-4: 28px; 472 --b-t-heading-5: 23px; 473 --b-t-heading-6: 18px; 474 --b-t-paragraph-1: 18px; 475 --b-t-paragraph-2: 15px; 476 --b-t-paragraph-2-md: 15px; 477 --b-t-paragraph-3: 12px; 478 --b-t-label-1: 14px; 479 --b-t-label-2: 11px; 480} 481 482@media (max-width: 768px) { 483 .builder-brand-tokens { 484 --spacing-4: 12px; 485 --spacing-5: 16px;
486 --spacing-6: 20px; 487 --spacing-8: 24px; 488 --spacing-10: 24px; 489 --spacing-12: 24px; 490 --spacing-16: 24px; 491 --spacing-20: 32px; 492 --spacing-24: 32px; 493 --spacing-30: 72px; 494 --spacing-35: 88px; 495 --spacing-50: 80px; 496 497 --b-t-heading-1: 32px; 498 --b-t-heading-2: 28px; 499 --b-t-heading-3: 24px; 500 --b-t-heading-4: 22px; 501 --b-t-heading-5: 19px; 502 --b-t-heading-6: 16px; 503 --b-t-paragraph-1: 16px; 504 --b-t-paragraph-2: 15px; 505 --b-t-paragraph-3: 12px; 506 --b-t-label-1: 14px; 507 --b-t-label-2: 11px; 508 } 509} 510 511.builder-brand-tokens .blue-gradient { 512 background: var(--b-gradient-blue); 513} 514 515.builder-brand-tokens .blue-gradient-text { 516 background: var(--b-gradient-blue); 517 -webkit-background-clip: text; 518 -webkit-text-fill-color: transparent; 519 background-clip: text; 520} 521</style><style data-emotion="css 1s8mjau">.css-1s8mjau{padding:0 40px;padding-top:var(--spacing-30);}@media (max-width: 768px){.css-1s8mjau{padding:0 20px;}}</style><div class="css-1s8mjau"><style data-emotion="css dnfjz5">.css-dnfjz5{max-width:1200px;margin:0 auto;box-sizing:border-box;}</style><div class="css-dnfjz5"><style data-emotion="css kt64ld">.css-kt64ld{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:40px;padding:40px 0;}@media (max-width: 768px){.css-kt64ld{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:24px;padding:32px 0;}}</style><div class="css-kt64ld"><style data-emotion="css 6su6fj">.css-6su6fj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><div class="css-6su6fj"><style data-emotion="css 7mhizf">.css-7mhizf{margin:0;font-size:24px;font-weight:600;color:var(--b-text-primary);font-family:var(--b-font-sans);line-height:1.3;letter-spacing:-0.01em;}</style><p class="css-7mhizf">Get the latest from Builder.io</p><style data-emotion="css k4sh66">.css-k4sh66{margin:6px 0 0;font-size:13px;color:var(--b-text-secondary);font-family:var(--b-font-sans);line-height:1.5;}</style><p class="css-k4sh66">By submitting, you agree to our<!-- --> <style data-emotion="css 1u1w7kj">.css-1u1w7kj{color:var(--b-text-secondary);-webkit-text-decoration:underline!important;text-decoration:underline!important;}.css-1u1w7kj:hover{color:var(--b-text-primary);}</style><a href="/legal/privacy" class="css-1u1w7kj">Privacy Policy</a>.</p></div><style data-emotion="css 1x7c4z8">.css-1x7c4z8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:12px;-webkit-flex:1;-ms-flex:1;flex:1;max-width:480px;}@media (max-width: 768px){.css-1x7c4z8{width:100%;max-width:100%;}}</style><form class="css-1x7c4z8"><style data-emotion="css 1fjtzvx">.css-1fjtzvx{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;}</style><div class="css-1fjtzvx"><style data-emotion="css 1p1huzw">.css-1p1huzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;opacity:1;-webkit-transition:opacity 0.15s;transition:opacity 0.15s;}</style><div class="css-1p1huzw"><style data-emotion="css 7boy05">.css-7boy05{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-7boy05"><style data-emotion="css 1tsuiy9">.css-1tsuiy9{width:100%;background:var(--b-bg-prominent);border:1px solid transparent;border-radius:var(--b-radius);color:var(--b-action-secondary-text);font-size:var(--b-t-label-1);font-family:var(--b-font-mono);font-weight:400;letter-spacing:0.02em;outline:none;box-sizing:border-box;-webkit-transition:border-color 0.15s,background 0.15s;transition:border-color 0.15s,background 0.15s;padding:9px 15px;}.css-1tsuiy9:hover{background:var(--c-neutral-800);}.css-1tsuiy9:focus{background:var(--b-bg-prominent);outline:none;border:1px solid var(--b-action-primary-bg);}.css-1tsuiy9::-webkit-input-placeholder{color:var(--b-text-muted);}.css-1tsuiy9::-moz-placeholder{color:var(--b-text-muted);}.css-1tsuiy9:-ms-input-placeholder{color:var(--b-text-muted);}.css-1tsuiy9::placeholder{color:var(--b-text-muted);}</style><input id="_R_9laai75_-input" type="email" placeholder="Enter your email" autoComplete="email" required="" class="css-1tsuiy9" value=""/></div></div></div><button type="submit" class="css-14kilwa"><span>Submit</span></button></form></div></div></div><style data-emotion="css 141i7w0">.css-141i7w0{height:1px;background:var(--b-border-subtle);
521width:100%;}</style><div class="css-141i7w0"></div><style data-emotion="css xavy00">.css-xavy00{padding:0 40px;}@media (max-width: 768px){.css-xavy00{padding:0 20px;}}</style><div class="css-xavy00"><style data-emotion="css 9y6zxw">.css-9y6zxw{max-width:1200px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:40px repeat(6, 1fr);gap:24px;padding:40px 0;}@media (max-width: 1100px){.css-9y6zxw{grid-template-columns:repeat(4, 1fr);}}@media (max-width: 640px){.css-9y6zxw{grid-template-columns:repeat(2, 1fr);gap:32px;}}</style><div class="css-9y6zxw"><style data-emotion="css s6hn4f">@media (max-width: 1100px){.css-s6hn4f{display:none;}}</style><div class="css-s6hn4f"><style data-emotion="css torrbt">.css-torrbt{color:var(--b-text-primary);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><a aria-label="Builder.io home" class="css-torrbt" href="/" data-discover="true"><svg width="20" height="20" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Builder.io"><path d="M21.2566 7.2C21.2566 3.20492 18.0148 0 14.0566 0H1.896C0.845542 0 0 0.852927 0 1.896C0 3.83815 4.11506 5.31323 4.11506 12C4.11506 18.6868 0 20.1618 0 22.104C0 23.1471 0.845542 24 1.896 24H14.0566C18.0148 24 21.2566 20.7951 21.2566 16.8C21.2566 13.8646 19.4935 12.0757 19.4234 12C19.4917 11.9243 21.2566 10.1354 21.2566 7.2ZM2.50708 2.05854H14.0566C15.4302 2.05854 16.7225 2.59386 17.6935 3.56494C18.6646 4.53602 19.2 5.82836 19.2 7.2019C19.2 8.57544 18.6942 9.7865 17.7932 10.7373L2.50892 2.05854H2.50708ZM17.6917 20.4369C16.7206 21.408 15.4283 21.9434 14.0548 21.9434H2.50521L17.7895 13.2646C18.6905 14.2154 19.1963 15.4708 19.1963 16.8C19.1963 18.1292 18.6609 19.4658 17.6898 20.4369H17.6917ZM4.74462 18.3065C4.86646 18.0517 6.16983 15.5225 6.16983 12C6.16983 8.47754 4.86646 5.94836 4.74462 5.69359L15.8511 12L4.74462 18.3065Z" fill="currentColor"></path></svg></a></div><style data-emotion="css 6r2fzw">.css-6r2fzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;}</style><div class="css-6r2fzw"><style data-emotion="css 1hdbc19">.css-1hdbc19{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;}</style><div class="css-1hdbc19"><style data-emotion="css wt8jaz">.css-wt8jaz{margin:0;font-size:var(--b-t-label-1);font-weight:600;font-family:var(--b-font-mono);color:var(--b-text-primary);letter-spacing:0.02em;line-height:120%;text-transform:uppercase;}</style><p class="css-wt8jaz">Platform</p><style data-emotion="css s3o70k">.css-s3o70k{list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;}</style><ul class="css-s3o70k"><li><style data-emotion="css 18eexel">.css-18eexel{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;font-size:14px;font-family:var(--b-font-sans);font-weight:400;color:var(--b-text-secondary);-webkit-text-decoration:none;text-decoration:none;line-height:1.4;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-18eexel:hover{color:var(--b-text-primary);}</style><a class="css-18eexel" href="/platform/code" data-discover="true">Code</a></li><li><a class="css-18eexel" href="/platform/content" data-discover="true">Content</a></li><li><a class="css-18eexel" href="/updates" data-discover="true">Product Updates</a></li></ul></div><div class="css-1hdbc19"><p class="css-wt8jaz">Company</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/m/about-us" data-discover="true">About</a></li><li><a class="css-18eexel" href="/careers" data-discover="true">Careers</a></li><li><a class="css-18eexel" href="/demo" data-discover="true">Contact Sales</a></li><li><a class="css-18eexel" href="/brand" data-discover="true">Brand</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Developer</p><ul class="css-s3o70k">
521<li><a class="css-18eexel" href="/c/docs/developers" data-discover="true">Documentation</a></li><li><a class="css-18eexel" href="/c/docs/get-started-fusion" data-discover="true">Code Docs</a></li><li><a class="css-18eexel" href="/c/docs/get-started-publish" data-discover="true">Content Docs</a></li></ul></div><div class="css-1hdbc19"><p class="css-wt8jaz">Frameworks</p><ul class="css-s3o70k"><li><style data-emotion="css 79elbk">.css-79elbk{position:relative;}</style><div class="css-79elbk"><style data-emotion="css 1bqekiv">.css-1bqekiv{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;font-family:var(--b-font-sans);font-weight:400;color:var(--b-text-secondary);-webkit-text-decoration:none;text-decoration:none;line-height:1.4;-webkit-transition:color 0.15s;transition:color 0.15s;background:none;border:none;padding:0;cursor:pointer;}.css-1bqekiv:hover{color:var(--b-text-primary);}</style><button type="button" aria-expanded="false" aria-controls="footer-submenu-design-to-code" class="css-1bqekiv">Design to Code<style data-emotion="css 1w1brbj">.css-1w1brbj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.15s;transition:transform 0.15s;}</style><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right css-1w1brbj"><path d="M9 6l6 6l-6 6"></path></svg></button></div></li><li><div class="css-79elbk"><button type="button" aria-expanded="false" aria-controls="footer-submenu-cms" class="css-1bqekiv">CMS<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right css-1w1brbj"><path d="M9 6l6 6l-6 6"></path></svg></button></div></li><li><div class="css-79elbk"><button type="button" aria-expanded="false" aria-controls="footer-submenu-page-builder" class="css-1bqekiv">Page Builder<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-right css-1w1brbj"><path d="M9 6l6 6l-6 6"></path></svg></button></div></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Workflows</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/workflows/figma-ai" data-discover="true">Figma AI to Production Code</a></li><li><a class="css-18eexel" href="/workflows/ai-prototyping-product-managers" data-discover="true">AI Prototyping for Product Managers</a></li><li><a class="css-18eexel" href="/workflows/figma-to-storybook" data-discover="true">Figma to Storybook</a></li><li><a class="css-18eexel" href="/workflows/figma-to-app" data-discover="true">Figma to App Converter</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Use Cases</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/use-cases/app-development" data-discover="true">App Development</a></li><li><a class="css-18eexel" href="/use-cases/prototypes" data-discover="true">Prototypes</a></li><li><a class="css-18eexel" href="/use-cases/design-to-code" data-discover="true">Design to Code</a></li><li><a class="css-18eexel" href="/use-cases/marketing-sites" data-discover="true">Marketing Sites</a></li><li><a class="css-18eexel" href="/use-cases/ecommerce" data-discover="true">E-commerce</a></li><li><a class="css-18eexel" href="/use-cases/personalization" data-discover="true">Personalization</a></li><li><a class="css-18eexel" href="/headless-cms" data-discover="true">Headless CMS</a></li><li><a class="css-18eexel" href="/m/multi-brand-cms" data-discover="true">Multi-Brand CMS</a></li><li><a class="css-18eexel" href="/m/headless-commerce" data-discover="true">Headless Commerce</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Resources</p><ul class="css-s3o70k">
521<li><a class="css-18eexel" href="/resources" data-discover="true">All Resources</a></li><li><a class="css-18eexel" href="/blog" data-discover="true">Blog</a></li><li><a class="css-18eexel" href="/livestreams" data-discover="true">Livestreams</a></li><li><a class="css-18eexel" href="/guides" data-discover="true">Guides</a></li><li><a class="css-18eexel" href="/customer-stories" data-discover="true">Customer Stories</a></li><li><a href="https://forum.builder.io/" target="_blank" rel="noopener noreferrer" class="css-18eexel">Community Forum</a></li><li><a class="css-18eexel" href="/partners" data-discover="true">Partners</a></li><li><a class="css-18eexel" href="/affiliate" data-discover="true">Affiliate Program</a></li><li><a class="css-18eexel" href="/integrations" data-discover="true">CMS Integrations</a></li><li><a class="css-18eexel" href="/c/blueprints" data-discover="true">CMS Blueprints</a></li><li><a class="css-18eexel" href="/explainers" data-discover="true">Explainers</a></li><li><a class="css-18eexel" href="/glossary" data-discover="true">Glossary</a></li><li><a href="https://agent-native.com/" target="_blank" rel="noopener noreferrer" class="css-18eexel">Agent-Native</a></li></ul></div></div><div class="css-6r2fzw"><div class="css-1hdbc19"><p class="css-wt8jaz">Popular Guides</p><ul class="css-s3o70k"><li><a class="css-18eexel" href="/hub/guides/figma-design-to-code" data-discover="true">Figma to Code Guide</a></li><li><a class="css-18eexel" href="/m/knowledge-center/headless-cms-visual-guide" data-discover="true">Headless CMS Guide</a></li><li><a class="css-18eexel" href="/m/knowledge-center/headless-commerce" data-discover="true">Headless Commerce Guide</a></li><li><a class="css-18eexel" href="/m/explainers/composable-dxp" data-discover="true">Composable DXP Guide</a></li></ul></div></div></div></div><div class="css-141i7w0"></div><div class="css-xavy00"><style data-emotion="css 1fszwyz">.css-1fszwyz{max-width:1200px;margin:0 auto;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:24px;padding:20px 0;}@media (max-width: 768px){.css-1fszwyz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:16px;}}</style><div class="css-1fszwyz"><style data-emotion="css 128maw8">.css-128maw8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}</style><div class="css-128maw8"><style data-emotion="css sqlf0m">.css-sqlf0m{font-size:12px;color:var(--b-text-muted);font-family:var(--b-font-mono);letter-spacing:0.04em;text-transform:uppercase;}</style><span class="css-sqlf0m">© 2026 Builder.io, Inc.</span><style data-emotion="css 9u3mxb">.css-9u3mxb{font-size:12px;font-family:var(--b-font-sans);color:var(--b-text-muted);-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-9u3mxb:hover{color:var(--b-text-primary);}</style><a class="css-9u3mxb" href="/c/security" data-discover="true">Security</a><a class="css-9u3mxb" href="/legal/privacy" data-discover="true">Privacy Policy</a><a class="css-9u3mxb" href="/legal/terms" data-discover="true">Terms</a><a href="https://trust.builder.io" target="_blank" rel="noopener noreferrer" class="css-9u3mxb">Trust Center</a><style data-emotion="css i4id9">.css-i4id9{font-size:12px;font-family:var(--b-font-sans);color:var(--b-text-muted);background:none;border:none;padding:0;cursor:pointer;-webkit-transition:color 0.15s;transition:color 0.15s;}.css-i4id9:hover{color:var(--b-text-primary);}</style><button type="button" class="css-i4id9">Cookie Preferences</button></div><style data-emotion="css j0ozid">.css-j0ozid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;}</style><div class="css-j0ozid"><style data-emotion="css 1ol7tua">.css-1ol7tua{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
521-webkit-justify-content:center;justify-content:center;color:var(--b-text-secondary);-webkit-transition:color 0.15s;transition:color 0.15s;}.css-1ol7tua:hover{color:var(--b-text-primary);}</style><a href="https://www.youtube.com/@Builderio" aria-label="YouTube" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-youtube "><path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8"></path><path d="M10 9l5 3l-5 3l0 -6"></path></svg></a><a href="https://github.com/builderio/builder" aria-label="GitHub" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-github "><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path></svg></a><a href="https://x.com/builderio" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-x "><path d="M4 4l11.733 16h4.267l-11.733 -16l-4.267 0"></path><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path></svg></a><a href="https://www.linkedin.com/company/builder-io/" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-linkedin "><path d="M8 11v5"></path><path d="M8 8v.01"></path><path d="M12 16v-5"></path><path d="M16 16v-3a2 2 0 1 0 -4 0"></path><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10"></path></svg></a><a href="https://www.builder.io/blog/feed/xml" aria-label="RSS Feed" target="_blank" rel="noopener noreferrer" class="css-1ol7tua"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-rss "><path d="M4 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M4 4a16 16 0 0 1 16 16"></path><path d="M4 11a9 9 0 0 1 9 9"></path></svg></a></div></div></div></footer></div>
521<script>((kt,Nt)=>{if(!window.history.state||!window.history.state.key){let kt=Math.random().toString(32).slice(2);window.history.replaceState({key:kt},``)}try{let Ft=JSON.parse(sessionStorage.getItem(kt)||`{}`)[Nt||window.history.state.key];typeof Ft==`number`&&window.scrollTo(0,Ft)}catch(Nt){console.error(Nt),sessionStorage.removeItem(kt)}})("react-router-scroll-positions", null)</script>
521<script>window.__reactRouterContext = {"basename":"/","future":{"unstable_optimizeDeps":false},"routeDiscovery":{"mode":"initial"},"ssr":true,"isSpaMode":false};window.__reactRouterContext.stream = new ReadableStream({start(controller){window.__reactRouterContext.streamController = controller;}}).pipeThrough(new TextEncoderStream());</script>
521<script type="module" async="">import "/assets/manifest-e0814bec.js"; 522import * as route0 from "/assets/root-umB_G5Hj.js"; 523import * as route1 from "/assets/for-Cng0DwuQ.js"; 524import * as route2 from "/assets/for.product-managers-DQbspPbS.js"; 525 526 window.__reactRouterRouteModules = {"root":route0,"routes/for":route1,"routes/for.product-managers":route2}; 527 528import("/assets/entry.client-C4mqfX4h.js");</script>
528<script src="https://cdn.cookielaw.org/consent/c1ac8074-fbe7-4bc7-b3ac-8daf0e65345f/OtAutoBlock.js"></script>
528<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charSet="UTF-8" data-domain-script="c1ac8074-fbe7-4bc7-b3ac-8daf0e65345f"></script>
528<script>function OptanonWrapper() {}</script>
528<script>
vendor: 395 bytes, lines 528-538
528 529(function (w, d, s, l, i) { 530 w[l] = w[l] || []; 531 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 532 var f = d.getElementsByTagName(s)[0], 533 j = d.createElement(s), 534 dl = l != 'dataLayer' ? '&l=' + l : ''; 535 j.async = true; 536 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 537 f.parentNode.insertBefore(j, f); 538})(window, document, 'script', 'dataLayer', '
538GTM-N3WSTXZ
vendor: 4 bytes, line 538
538');
539</script>
539<!--$-->
539<script>window.__reactRouterContext.streamController.enqueue("[{\"_1\":2,\"_3\":-5,\"_4\":-5},\"loaderData\",{\"_5\":6,\"_7\":-5},\"actionData\",\"errors\",\"root\",{\"_8\":9},\"routes/for.product-managers\",\"announcementBar\",{\"_10\":11,\"_12\":13},\"href\",\"https://www.builder.io/reports/engineering-leaders-ai-gate\",\"text\",\"Where does your team stand on AI adoption? \"]\n");</script>
539<!--$-->
539<script>window.__reactRouterContext.streamController.close();</script>
539<!--/$--><!--/$--></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.