1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="initial-scale=1.0, width=device-width"/><title>About us ⢠Chromatic</title><meta name="description" content="We create products to help frontend developers build, test, and get sign-off on user interfaces. Thousands of companies use our tools to ship UIs to billions of people."/><meta property="og:url" content="https://www.chromatic.com/"/><meta property="og:image" content="https://www.chromatic.com/open-graph/og-about.jpg"/><meta name="twitter:image" content="https://www.chromatic.com/open-graph/og-about.jpg"/><meta property="og:title" content="About us ⢠Chromatic"/><meta property="og:description" content="We create products to help frontend developers build, test, and get sign-off on user interfaces. Thousands of companies use our tools to ship UIs to billions of people."/><meta name="twitter:title" content="About us ⢠Chromatic"/><meta name="twitter:description" content="We create products to help frontend developers build, test, and get sign-off on user interfaces. Thousands of companies use our tools to ship UIs to billions of people."/><meta name="next-head-count" content="11"/><meta property="og:type" content="article"/><meta name="twitter:card" content="summary_image_large"/><meta name="twitter:site" content="@chromaui"/><link rel="shortcut icon" type="image/png" href="/marketing/favicon/favicon-default.png" sizes="16x16 32x32 64x64"/><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link rel="preload" href="https://www2.chromatic.com/_next/static/media/68180864d7f93f02.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font=""/>
1<script data-cookieconsent="ignore" data-nscript="beforeInteractive"> 2window.dataLayer = window.dataLayer || []; 3function gtag() { 4 dataLayer.push(arguments); 5} 6 7// EU-specific settings 8gtag('consent', 'default', { 9 'ad_personalization': 'denied', 10 'ad_storage': 'denied', 11 'ad_user_data': 'denied', 12 'analytics_storage': 'denied', 13 'functionality_storage': 'denied', 14 'personalization_storage': 'denied', 15 'region': [ 16 'GB','AT','BE','BG','CH','CY','DE','DK','EE','ES','FI', 17 'FR','GG','GR','HR','HU','IE','IM','IT','JE','LT','LU', 18 'LV','MT','NL','PL','PT','RO','SE','SI','SK' 19 ], 20 'wait_for_update': 500, 21}); 22// Default settings 23gtag('consent', 'default', { 24 'ad_personalization': 'granted', 25 'ad_storage': 'granted', 26 'ad_user_data': 'granted', 27 'analytics_storage': 'granted', 28 'functionality_storage': 'granted', 29 'personalization_storage': 'granted', 30 'security_storage': 'granted', 31 'wait_for_update': 500, 32}); 33gtag('set', 'ads_data_redaction', true); 34gtag('set', 'url_passthrough', false); 35</script>
35<script id="gtm-script" data-nscript="beforeInteractive">
vendor: 327 bytes, lines 35-39
35(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 36new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 37j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 38'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 39})(window,document,'script','dataLayer','
39GTM-K35MZQHR
vendor: 3 bytes, line 39
39');
39</script>
39<link rel="preload" href="https://www2.chromatic.com/_next/static/css/362a96e8419bf7e4.css" as="style"/><link rel="stylesheet" href="https://www2.chromatic.com/_next/static/css/362a96e8419bf7e4.css" data-n-g=""/><noscript data-n-css=""></noscript>
39<script defer="" nomodule="" src="https://www2.chromatic.com/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
39<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="16lPvD3_7sP3qG" defer="" data-nscript="beforeInteractive"></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/webpack-7d9000f56213fb79.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/framework-2c30f1b8faa368d5.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/main-dc620e778a8cac0f.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/pages/_app-a3a431c3f242f94d.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/821bb490-5dbe60c209f64d9b.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/086d643d-521a35ba8e2c4a26.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/6739-469d22fb45c2dd71.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/6577-6f600fec5ad80713.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/763-83412c52e2b449da.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/3190-12c4590ead9c3e5b.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/chunks/pages/company/about-a7aadf42e5bc3e0e.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/icCCkea4h1YzrFrm0ksP2/_buildManifest.js" defer=""></script>
39<script src="https://www2.chromatic.com/_next/static/icCCkea4h1YzrFrm0ksP2/_ssgManifest.js" defer=""></script>
39</head><body>
vendor: 67 bytes, line 39
39<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
39GTM-K35MZQHR
vendor: 82 bytes, line 39
39" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
39<div class="root"><div id="__next"><style data-emotion="css-global 4c50ce">:root{--nunito-sans:'__Nunito_Sans_c022c9';-webkit-print-color-scheme:light dark;color-scheme:light dark;}body{font-family:var(--nunito-sans,"Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;color:hsl(212 27 11);margin:0;overflow-y:auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;margin:0;overflow-y:auto;overflow-x:hidden;background:hsl(212 55 98);}body *{box-sizing:border-box;}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:400;margin:0;padding:0;}body button,body input,body textarea,body select{font-family:var(--nunito-sans,"Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}body sub,body sup{font-size:0.8em;}body sub{bottom:-0.2em;}body sup{top:-0.2em;}body b,body em{font-weight:700;}body em{font-style:normal;}body hr{border:none;border-top:1px solid hsl(212 50 30 / 0.15);clear:both;margin-bottom:1.25rem;}body code,body pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body code{display:inline-block;padding-left:2px;padding-right:2px;vertical-align:baseline;color:hsl(212 100% 55%);}body pre{line-height:18px;padding:11px 1rem;white-space:pre-wrap;background:rgba(0,0,0,0.05);color:hsl(212 27 11);border-radius:3px;margin:1rem 0;}body.ReactModal__Body--open{overflow:hidden;}body.ReactModal__Body--open.hide-intercom #intercom-container{display:none;}body .ReactModalPortal>div{opacity:0;}body .ReactModalPortal .ReactModal__Overlay{-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;}body .ReactModalPortal .ReactModal__Overlay--after-open{opacity:1;}body .ReactModalPortal .ReactModal__Overlay--before-close{opacity:0;}html{scroll-behavior:smooth;scroll-padding-block-start:5rem;}@media (min-width:1024px){html{scroll-padding-block-start:3rem;}}html,body,.root,#__next{height:100%;}</style><style data-emotion="css 14r34si">.css-14r34si{background-color:#FFFFFF;}</style><div class="css-14r34si ey6k8lb0"><style data-emotion="css 1m3ti49">.css-1m3ti49{position:-webkit-sticky;position:sticky;top:0;background:hsl(from #FFFFFF h s l / 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12;}</style><div class="css-1m3ti49 e1yii0rh0"><style data-emotion="css vwaf58">.css-vwaf58{padding-left:1.25rem;padding-right:1.25rem;}@media (min-width: 600px){.css-vwaf58{margin-left:5.55555%;margin-right:5.55555%;}}@media (min-width: 1200px){.css-vwaf58{margin-left:11.1111%;margin-right:11.1111%;}}@media (min-width: 1800px){.css-vwaf58{margin-left:16.66665%;margin-right:16.66665%;}}@media (min-width: 2400px){.css-vwaf58{margin-left:22.2222%;margin-right:22.2222%;}}</style><div class="css-vwaf58"><style data-emotion="css wg1i0t">.css-wg1i0t{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:72px;-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;}.css-wg1i0t >*{box-sizing:border-box;}</style><div class="css-wg1i0t"><style data-emotion="css 19ugr9s">@media (min-width: 600px){.css-19ugr9s{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:1.5rem;}}</style><div class="css-19ugr9s"><style data-emotion="css 1u9zuyg">.css-1u9zuyg{display:block;padding:0.5rem;font-size:0;border-radius:6px;margin-left:-0.5rem;}.css-1u9zuyg:focus-visible{box-shadow:0 0 0 2px rgba(30, 167, 253, 0.3);outline:none;}</style><a aria-label="Home" class="css-1u9zuyg" href="/"><style data-emotion="css 1kpzp8t">.css-1kpzp8t{width:auto;height:22px;}@media (min-width: 1000px){.css-1kpzp8t{height:24px;}}</style><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 24" class="css-1kpzp8t"><path fill="#2E3438" fill-rule="evenodd" d="M93.638 15.5c0 1.025-.965 1.671-2.32 1.671-1.196 0-1.84-.423-1.84-1.225 0-.825.667-1.182 1.679-1.182h2.481v.735Zm-1.746-6.286c-2.011 0-3.154.669-4 1.622l-.044.05.024.023 1.676.938c.497-.425 1.162-.76 2.16-.76 1.241 0 1.93.623 1.93 2.117h-2.642c-2.183.023-3.792.869-3.792 2.809 0 2.095 1.563 2.964 3.47 2.964 1.425 0 2.343-.535 3.033-1.538l-.069 1.337h2.32V13.25c0-2.765-1.745-4.035-4.066-4.035Zm26.25 6.682a2.932 2.932 0 0 1-2.229 1.015c-1.6 0-2.902-1.263-2.902-2.816 0-1.552 1.302-2.815 2.902-2.815.891 0 1.689.393 2.223 1.008l1.858-1.042a5.07 5.07 0 0 0-4.081-2.032c-2.779 0-5.031 2.186-5.031 4.881 0 2.696 2.252 4.882 5.031 4.882a5.073 5.073 0 0 0 4.087-2.04l-1.858-1.04Zm-81.51 0a2.934 2.934 0 0 1-2.23 1.015c-1.6 0-2.902-1.263-2.902-2.816 0-1.552 1.302-2.815 2.902-2.815.891 0 1.69.393 2.223 1.008l1.858-1.041a5.071 5.071 0 0 0-4.081-2.033c-2.78 0-
395.031 2.186-5.031 4.881 0 2.696 2.252 4.882 5.03 4.882a5.073 5.073 0 0 0 4.088-2.04l-1.858-1.04Zm33.97-6.48h2.32l-.045 1.604c.644-1.181 1.632-1.806 2.872-1.806 1.401 0 2.322.646 2.827 1.783.758-1.114 1.906-1.783 3.308-1.783 2.274 0 3.63 1.472 3.63 3.856v5.706h-2.32v-5.482c0-1.294-.483-2.007-1.816-2.007-1.354 0-2.16.803-2.16 2.363v5.126h-2.32v-5.482c0-1.294-.46-2.007-1.792-2.007-1.38 0-2.183.803-2.183 2.363v5.126h-2.32v-9.36ZM40.166 4h2.32v7.064c.622-1.158 1.77-1.85 3.22-1.85 2.134 0 3.606 1.472 3.606 4.013v5.55H46.99v-5.372c0-1.338-.642-2.118-2-2.118-1.515 0-2.503.892-2.503 2.408v5.081h-2.32V4ZM63.73 9.214c-2.778 0-5.031 2.186-5.031 4.881 0 2.696 2.253 4.882 5.03 4.882 2.781 0 5.033-2.186 5.033-4.882 0-2.695-2.252-4.88-5.032-4.88Zm0 2.066c1.602 0 2.904 1.263 2.904 2.815 0 1.553-1.302 2.816-2.904 2.816-1.6 0-2.902-1.264-2.902-2.816 0-1.552 1.303-2.815 2.902-2.815Zm-12.11-1.865h2.321l-.024 1.76c.645-1.47 1.747-1.939 2.804-1.939.495 0 .884.081 1.215.217.131.053.404.18.67.373 0 0-.322.389-.605.86-.284.473-.476.98-.476.98-.367-.178-.735-.313-1.263-.313-1.379 0-2.32.78-2.32 2.877v4.546h-2.323v-9.36Zm54.896 9.376h2.348V9.415h-2.348v9.376Zm-.368-13.014c0-.848.713-1.473 1.542-1.473.828 0 1.542.625 1.542 1.473 0 .893-.714 1.495-1.542 1.495-.829 0-1.542-.602-1.542-1.495Zm-6.918 9.844v-4.308h-1.45V9.415h1.45V4h2.324v5.415h2.577v1.898h-2.577v4.353c0 1.071.368 1.384.967 1.384.552 0 .897-.246 1.15-.447l1.105 1.518c-.484.447-1.243.893-2.485.893-1.818 0-3.06-.893-3.06-3.393Z" clip-rule="evenodd"></path><circle cx="12" cy="12" r="12" fill="#FC521F"></circle><path fill="#fff" fill-rule="evenodd" d="m14.82 17.52-1.907-1.1 5.737-3.309a4.31 4.31 0 0 0 .62-.435 3.347 3.347 0 0 1 .154 3.611 3.372 3.372 0 0 1-4.604 1.233Zm-.46.795c.22.127.45.234.688.32a3.35 3.35 0 0 1-3.054 1.938 3.373 3.373 0 0 1-3.37-3.367v-6.619l2.911 1.68v4.153a.46.46 0 0 0 .23.397l2.596 1.498Zm-6.864-.344a3.383 3.383 0 0 1-2.92-1.683 3.343 3.343 0 0 1-.337-2.556c.233-.869.79-1.595 1.57-2.044l1.906-1.1v6.617c0 .254.022.505.067.754a3.4 3.4 0 0 1-.286.012Zm7.418-8.179-2.91 1.679-3.6-2.077a.46.46 0 0 0-.459 0L5.35 10.892c-.22.126-.428.272-.621.435a3.349 3.349 0 0 1-.154-3.611A3.385 3.385 0 0 1 7.497 6.03c.588 0 1.169.156 1.682.452l5.735 3.31Zm-2.92-6.362c1.859 0 3.37 1.51 3.37 3.368v2.2L9.629 5.689a4.261 4.261 0 0 0-.688-.32 3.351 3.351 0 0 1 3.053-1.939Zm7.43 4.287a3.37 3.37 0 0 1-1.234 4.6l-5.736 3.308v-3.357l3.6-2.077a.459.459 0 0 0 .23-.398V6.798c0-.253-.023-.505-.066-.753a3.383 3.383 0 0 1 3.206 1.672Z" clip-rule="evenodd"></path></svg></a><style data-emotion="css i1zax">.css-i1zax{display:none;}@media (min-width: 1000px){.css-i1zax{display:contents;}}</style><div class="css-i1zax"><style data-emotion="css hcuvre">.css-hcuvre{position:relative;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;z-index:100;}</style><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="css-hcuvre"><style data-emotion="css 16x3812">.css-16x3812{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;list-style:none;margin:0;padding:0;gap:9px;}</style><div style="position:relative"><ul data-orientation="horizontal" class="css-16x3812" dir="ltr"><style data-emotion="css cssveg">.css-cssveg{position:relative;}</style><li class="css-cssveg"><style data-emotion="css n0zu5b">.css-n0zu5b{all:unset;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:0 0.5rem;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;border:none;height:2rem;background:transparent;gap:6px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out;
39font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:400;font-weight:700;color:hsl(212 10 20);}.css-n0zu5b:focus{box-shadow:0 0 0 2px rgba(30, 167, 253, 0.3);background-color:rgba(30, 167, 253, 0.14);}.css-n0zu5b:hover{background-color:rgba(30, 167, 253, 0.14);color:hsl(212 100% 55%);}.css-n0zu5b[data-state='open']{background-color:rgba(30, 167, 253, 0.07);color:hsl(212 100% 40%);}.css-n0zu5b[data-state='open']>.CaretDown{-webkit-transform:rotate(-180deg) translateY(0px);-moz-transform:rotate(-180deg) translateY(0px);-ms-transform:rotate(-180deg) translateY(0px);transform:rotate(-180deg) translateY(0px);}</style><button id="radix-:R5ad6et6:-trigger-radix-:R13dad6et6:" data-state="closed" aria-expanded="false" aria-controls="radix-:R5ad6et6:-content-radix-:R13dad6et6:" class="css-n0zu5b" data-radix-collection-item="">Platform<style data-emotion="css 91t81r">.css-91t81r{position:relative;-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);-webkit-transition:-webkit-transform 250ms ease;transition:transform 250ms ease;}</style><div class="CaretDown css-91t81r"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true"><path d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"></path></svg></div></button></li><li class="css-cssveg"><button id="radix-:R5ad6et6:-trigger-radix-:R15dad6et6:" data-state="closed" aria-expanded="false" aria-controls="radix-:R5ad6et6:-content-radix-:R15dad6et6:" class="css-n0zu5b" data-radix-collection-item="">Solutions<div class="CaretDown css-91t81r"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true"><path d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"></path></svg></div></button></li><li class="css-cssveg"><style data-emotion="css rhen4g">.css-rhen4g{all:unset;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:0 0.5rem;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;border:none;height:2rem;background:transparent;gap:6px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out;font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:400;font-weight:700;font-weight:700;color:hsl(212 10 20);}.css-rhen4g:focus{box-shadow:0 0 0 2px rgba(30, 167, 253, 0.3);background-color:rgba(30, 167, 253, 0.14);}.css-rhen4g:hover{background-color:rgba(30, 167, 253, 0.14);color:hsl(212 100% 55%);}</style><a href="/docs" data-radix-collection-item="" class="css-rhen4g">Docs</a></li><li class="css-cssveg"><button id="radix-:R5ad6et6:-trigger-radix-:R19dad6et6:" data-state="closed" aria-expanded="false" aria-controls="radix-:R5ad6et6:-content-radix-:R19dad6et6:" class="css-n0zu5b" data-radix-collection-item="">Resources<div class="CaretDown css-91t81r"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true"><path d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"></path></svg></div></button></li><li class="css-cssveg"><a data-radix-collection-item="" class="css-rhen4g" href="/pricing">Pricing</a></li></ul></div></nav></div></div><style data-emotion="css foq6vf">.css-foq6vf{display:none;}@media (min-width: 1000px){.css-foq6vf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}}</style><div class="css-foq6vf"><style data-emotion="css havx6p">.css-havx6p{border:0;border-radius:3em;cursor:pointer;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;padding:0;background:transparent;color:hsl(212 100% 46%);font-size:0.875rem;font-weight:600;
39font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;gap:0.25em;-webkit-transition:all 0.16s ease-in-out;transition:all 0.16s ease-in-out;-webkit-text-decoration:none;text-decoration:none;}.css-havx6p:hover,.css-havx6p:focus-visible{color:hsl(from hsl(212 100% 46%) h s calc( l + 4 ));cursor:pointer;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);}.css-havx6p:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}</style><a color="blue600" href="/sales" class="css-havx6p">Contact</a><a color="blue600" href="/start" class="css-havx6p">Sign in</a><style data-emotion="css 1obf64m">.css-1obf64m{display:contents;}</style><span class="css-1obf64m eanhjf30"><style data-emotion="css 1jzejng">.css-1jzejng{height:2rem;font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:400;font-weight:700;}</style><style data-emotion="css ihdwva">.css-ihdwva{border:0;border-radius:3em;cursor:pointer;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;padding:0 1rem;background:transparent;color:hsl(212 100% 46%);height:1.75rem;box-shadow:0 0 0 1px hsl(212 100% 46%);font-size:0.75rem;font-weight:600;font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;gap:0.375rem;-webkit-transition:all 0.16s ease-in-out;transition:all 0.16s ease-in-out;-webkit-text-decoration:none;text-decoration:none;height:2rem;font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:400;font-weight:700;}.css-ihdwva:hover{background:hsl(212 100% 55% / 0.10);color:hsl(from hsl(212 100% 46%) h s calc( l - 4 ));}</style><a color="blue" href="/signup" class="css-ihdwva">Sign up</a></span></div><style data-emotion="css ote93k">.css-ote93k{display:contents;}@media (min-width: 1000px){.css-ote93k{display:none;}}</style><div class="css-ote93k"><style data-emotion="css 1530kb">.css-1530kb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media (min-width: 600px){.css-1530kb{gap:1.5rem;}}@media (min-width: 800px){.css-1530kb{gap:1.5rem;}}@media (min-width: 900px){.css-1530kb{gap:1.5rem;}}@media (min-width: 1200px){.css-1530kb{gap:1.5rem;}}@media (min-width: 1800px){.css-1530kb{gap:1.5rem;}}</style><div class="css-1530kb"><a color="blue600" href="/sales" class="css-havx6p">Contact</a><style data-emotion="css 1q60axs">.css-1q60axs{display:none;}@media (min-width: 400px){.css-1q60axs{display:contents;}}</style><div class="css-1q60axs"><a color="blue600" href="/start" class="css-havx6p">Sign in</a></div><style data-emotion="css v8l4ba">.css-v8l4ba{all:unset;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:6px;margin-left:-10px;}.css-v8l4ba:focus{box-shadow:0 0 0 2px rgba(30, 167, 253, 0.3);}</style><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R2t6et6:" data-state="closed" aria-label="Toggle Menu" class="css-v8l4ba"><style data-emotion="css l7rhlk">.css-l7rhlk{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:18px;height:18px;}.css-l7rhlk:focus{box-shadow:0 0 0 2px rgba(30, 167, 253, 0.3);}</style><div class="css-l7rhlk"><style data-emotion="css d8irl0">.css-d8irl0{position:absolute;width:16px;height:1.4px;border-radius:6px;top:4px;left:1px;background-color:hsl(212 10 20);}</style><div class="css-d8irl0"></div><style data-emotion="css 192jduq">.css-192jduq{position:absolute;width:16px;height:1.4px;border-radius:6px;top:8.5px;left:1px;background-color:hsl(212 10 20);}</style><div class="css-192jduq"></div><style data-emotion="css 13bn96d">.css-13bn96d{position:absolute;width:16px;height:1.4px;border-radius:6px;top:13px;left:1px;background-color:hsl(212 10 20);}</style><div class="css-13bn96d"></div></div></button></div></div></div></div><style data-emotion="css 1koi8va">.css-1koi8va{height:1px;background-color:rgba(0, 0, 0, 0.10);}</style><div class="css-1koi8va"></div></div><style data-emotion="css 1e8fqpt">.css-1e8fqpt{padding:0 20px;text-align:center;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;position:relative;z-index:1;padding-top:3rem;padding-bottom:1.5rem;}@media (min-width:600px){.css-1e8fqpt{margin:0 5.55555%;}}@media (min-width:1200px){.css-1e8fqpt{margin:0 11.1111%;}}@media (min-width:1800px){.css-1e8fqpt{margin:0 16.66665%;}}@media (min-width:2400px){.css-1e8fqpt{margin:0 22.2222%;}}.css-1e8fqpt >*{max-width:600px;}@media (min-width: 600px){.css-1e8fqpt{padding-top:6rem;padding-bottom:3rem;}}</style><div class="css-1e8fqpt e1iuuo550"><div class="css-0 ekrzrxy3"><style data-emotion="css a1mtzm">.css-a1mtzm{color:hsl(212 27 11);font-weight:700;font-size:28px;line-height:32px;}@media (min-width:600px){.css-a1mtzm{font-size:40px;line-height:48px;}}</style><h1 class="css-a1mtzm ekrzrxy0">Our mission is to improve the UX of the internet</h1><style data-emotion="css 1am9w9i">
39.css-1am9w9i{color:hsl(212 27 11);font-size:16px;line-height:28px;margin-top:0.5rem;margin-bottom:0;}</style><div class="css-1am9w9i ekrzrxy2">We create products to help frontend developers build, test, and get sign-off on user interfaces. Thousands of companies use our tools to ship UIs to billions of people.</div></div></div><style data-emotion="css 1jbzvfz">.css-1jbzvfz{padding:0 20px;font-size:16px;line-height:28px;}@media (min-width:600px){.css-1jbzvfz{margin:0 5.55555%;}}@media (min-width:1200px){.css-1jbzvfz{margin:0 11.1111%;}}@media (min-width:1800px){.css-1jbzvfz{margin:0 16.66665%;}}@media (min-width:2400px){.css-1jbzvfz{margin:0 22.2222%;}}@media (min-width: 600px){.css-1jbzvfz{padding-bottom:2rem;}}.css-1jbzvfz p{margin:1rem 0;}.css-1jbzvfz p:first-of-type{margin-top:0;}.css-1jbzvfz p:last-of-type{margin-bottom:0;}</style><div class="css-1jbzvfz e1iuuo556"><style data-emotion="css yjv009">.css-yjv009{max-width:900px;margin-left:auto;margin-right:auto;position:relative;z-index:0;margin-top:-1rem;margin-bottom:-2rem;}@media (min-width: 800px){.css-yjv009{margin-top:-2rem;margin-bottom:-3rem;}}@media (min-width: 900px){.css-yjv009{margin-top:-3rem;margin-bottom:-4rem;}}</style><div class="css-yjv009 e1iuuo551"><style data-emotion="css 13vf86x">.css-13vf86x{position:relative;width:100%;height:0;padding-bottom:75%;}.css-13vf86x>*{position:absolute;width:100%;height:auto;left:0;top:0;}</style><div width="400" height="300" class="css-13vf86x e1muq86y0"><style data-emotion="css ducv57">.css-ducv57{width:100%;height:auto;}</style><video autoplay="" muted="" loop="" playsinline="" class="css-ducv57 eqpl3fi0"><source src="/marketing/animations/about-componentdrivendevelopment-with-team-lg.mp4" type="video/mp4"/></video></div></div><style data-emotion="css 14h8e8e">.css-14h8e8e{position:relative;z-index:1;max-width:660px;margin-left:auto;margin-right:auto;margin-top:3rem;margin-bottom:3rem;}@media (min-width: 600px){.css-14h8e8e{margin-top:4rem;margin-bottom:4rem;}}</style><div class="css-14h8e8e e1iuuo554"><div style="margin-bottom:1rem;max-height:26px"><img alt="Storybook" loading="lazy" width="130" height="26" decoding="async" data-nimg="1" style="color:transparent" src="https://www2.chromatic.com/_next/static/media/logotype-storybook.4ab30079.svg"/></div><p>We maintain<!-- --> <style data-emotion="css ngyrxy">.css-ngyrxy{border:0;border-radius:3em;cursor:pointer;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;padding:0;background:transparent;color:hsl(212 100% 46%);font-size:1em;font-weight:400;font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;gap:0.25em;-webkit-transition:all 0.16s ease-in-out;transition:all 0.16s ease-in-out;-webkit-text-decoration:none;text-decoration:none;}.css-ngyrxy:hover,.css-ngyrxy:focus-visible{color:hsl(from hsl(212 100% 46%) h s calc( l + 8));cursor:pointer;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);}.css-ngyrxy:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}</style><a href="https://storybook.js.org/" target="_blank" class="css-ngyrxy"><strong>Storybook</strong></a>, the most popular open source tool for developing user interfaces. It's used by thousands of companies including Airbnb, Microsoft, and LEGO to create UIs for billions of people. Find us at conferences, giving workshops, and writing tutorials about<!-- --> <a href="https://www.componentdriven.org/" target="_blank" class="css-ngyrxy">Component-Driven Development</a> <!-- -->with Storybook.</p></div><div class="css-14h8e8e e1iuuo554"><div style="margin-bottom:1rem;max-height:26px"><img alt="Chromatic" loading="lazy" width="133" height="26" decoding="async" data-nimg="1" style="color:transparent" src="https://www2.chromatic.com/_next/static/media/logotype-chromatic.c2d49216.svg"/></div><p>To fuel our open source work we build<!-- --> <a href="/" class="css-ngyrxy"><strong>Chromatic</strong></a>, a cloud service that scans every possible UI state across browsers to catch visual and functional bugs. Assign reviewers and resolve discussions to speed up team sign-off. This enables customers like BBC, Mozilla, Adobe, and Square to iterate faster with less manual work.</p></div><div class="css-14h8e8e e1iuuo554"><style data-emotion="css 1g3znef">.css-1g3znef{font-weight:700;font-size:20px;line-height:24px;margin-bottom:0.5rem;}@media (min-width: 600px){.css-1g3znef{font-size:20px;line-height:24px;margin-bottom:0.75rem;}}</style><h2 class="css-1g3znef e1iuuo555">Who we are</h2><style data-emotion="css p6m5rf">.css-p6m5rf{margin:1.25rem 0 0;}</style><style data-emotion="css 19tdguh">.css-19tdguh{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-box-pack:start;-ms-flex-pack:start;
39-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin:1.25rem 0 0;}</style><div class="e1iuuo552 css-19tdguh e1kifuzz4"><style data-emotion="css 1m9k66v">.css-1m9k66v{display:block;color:hsl(212 10 30);font-size:14px;font-weight:700;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;display:block;color:hsl(212 27 11);margin-right:5%;margin-bottom:20px;}.css-1m9k66v .e1kifuzz0,.css-1m9k66v .e1kifuzz2,.css-1m9k66v .e1kifuzz1{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 150ms ease-out;transition:all 150ms ease-out;}.css-1m9k66v .e1kifuzz1{transition-delay:50ms;}.css-1m9k66v:hover .e1kifuzz0,.css-1m9k66v:hover .e1kifuzz2{-webkit-transform:translate3d(0,-3px,0);-moz-transform:translate3d(0,-3px,0);-ms-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);box-shadow:rgba(0,0,0,0.08) 0 3px 10px 0;}.css-1m9k66v:hover .e1kifuzz1{-webkit-transform:translate3d(0,-3px,0);-moz-transform:translate3d(0,-3px,0);-ms-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);}.css-1m9k66v:active .e1kifuzz0,.css-1m9k66v:active .e1kifuzz2,.css-1m9k66v:active .e1kifuzz1{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}</style><a href="https://twitter.com/zqzoltan" target="_blank" class="css-1m9k66v e1kifuzz3"><style data-emotion="css 1x3euk5">.css-1x3euk5{display:block;overflow:hidden;border-radius:3rem;height:72px;width:72px;margin:0 auto 0.25rem;}.css-1x3euk5 img{width:100%;height:100%;display:block;object-fit:cover;}</style><span class="css-1x3euk5 e1kifuzz0"><img alt="Zoltan Olah" src="/marketing/team/portraits-zol-square.jpg"/></span><style data-emotion="css 13o7eu2">.css-13o7eu2{display:block;}</style><span class="css-13o7eu2 e1kifuzz1">Zoltan</span></a><a href="https://twitter.com/domyen" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Dominic Nguyen" src="/marketing/team/portraits-dom-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Dominic</span></a><a href="https://twitter.com/tmeasday" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Tom Coleman" src="/marketing/team/portraits-tom-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Tom</span></a><a href="https://twitter.com/NorbertdeLangen" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Norbert de Langen" src="/marketing/team/portraits-norbert-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Norbert</span></a><a href="https://twitter.com/mshilman" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Michael Shilman" src="/marketing/team/portraits-michael-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Michael</span></a><a href="https://twitter.com/ghengeveld" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Gert Hengeveld" src="/marketing/team/portraits-gert-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Gert</span></a><a href="https://twitter.com/winkerVSbecks" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Varun Vachhar" src="/marketing/team/portraits-varun-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Varun</span></a><a href="https://twitter.com/xapaxa" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="João Cardoso" src="/marketing/team/portraits-joao-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">João</span></a><a href="https://velvetcache.org" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="John Hobbs" src="/marketing/team/portraits-hobbs-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">John</span></a><a href="https://twitter.com/michaelarestad" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Michael Arestad" src="/marketing/team/portraits-m-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Michael</span></a><a href="https://www.linkedin.com/in/cody-kaup/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Cody Kaup" src="/marketing/team/portraits-cody-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Cody</span></a><a href="https://twitter.com/kylegach" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Kyle Gach" src="/marketing/team/portraits-kg-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Kyle</span></a><a href="https://twitter.com/yannbf" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Yann Braga" src="/marketing/team/portraits-yann-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Yann</span></a><a href="https://www.linkedin.com/in/lisa-marie-chinn/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Lisa Chinn" src="/marketing/team/portraits-lisa-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Lisa</span></a><a href="https://bsky.app/profile/rockhouse.org" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Bryan Rockwood" src="/marketing/team/portraits-bryan-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Bryan</span></a><a href="https://www.linkedin.com/in/catherine-nguyen-profile/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Catherine Nguyen" src="/marketing/team/portraits-catherine-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Catherine</span></a><a href="https://www.linkedin.com/in/reuben-ellis-15922895/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Reuben Ellis" src="/marketing/team/portraits-reuben-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Reuben</span></a><a href="https://www.linkedin.com/in/chelsiedcook/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Chelsie Cook" src="/marketing/team/portraits-chelsie-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Chelsie</span></a><a href="https://www.linkedin.com/in/steven-kitterman-6944b076" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Steven Kitterman" src="/marketing/team/portraits-steven-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Steven</span></a><a href="https://www.linkedin.com/in/thafryer/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Jarel Fryer" src="/marketing/team/portraits-jarel-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Jarel</span></a><a href="https://www.linkedin.com/in/andrewortwein/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Andrew Ortwein" src="/marketing/team/portraits-andrew-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Andrew</span></a><a href="https://www.linkedin.com/in/pdelliott/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Paul Elliott" src="/marketing/team/portraits-paul-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Paul</span></a><a href="https://twitter.com/drreinhold/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Jeppe Reinhold" src="/marketing/team/portraits-jeppe-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">
39Jeppe</span></a><a href="https://linkedin.com/in/amyalphonse" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Amy Alphonse" src="/marketing/team/portraits-amy-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Amy</span></a><a href="https://twitter.com/KasperPeulen" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Kasper Peulen" src="/marketing/team/portraits-kasper-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Kasper</span></a><a href="https://www.linkedin.com/in/marknewell/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Mark Newell" src="/marketing/team/portraits-mark-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Mark</span></a><a href="https://linkedin.com/in/valentinpalkovic" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Valentin Palkovic" src="/marketing/team/portraits-valentin-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Valentin</span></a><a href="https://www.linkedin.com/in/vanessayuenn/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Vanessa Yuen" src="/marketing/team/portraits-vanessa-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Vanessa</span></a><a href="https://linkedin.com/in/tevanoff" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Todd Evanoff" src="/marketing/team/portraits-todd-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Todd</span></a><a href="https://www.linkedin.com/in/cgbl/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Carmen Lopez" src="/marketing/team/portraits-camy-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Camy</span></a><a href="https://www.linkedin.com/in/byebrianwong/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Brian Wong" src="/marketing/team/portraits-brian-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Brian</span></a><a href="https://www.linkedin.com/in/jwir3/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Scott Johnson" src="/marketing/team/portraits-scott-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Scott</span></a><a href="https://www.linkedin.com/in/hannahpeters-/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Hannah Peters" src="/marketing/team/portraits-hannah-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Hannah</span></a><a href="https://www.linkedin.com/in/jeff-lewis-3577046/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Jeff Lewis" src="/marketing/team/portraits-jeff-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Jeff</span></a><a href="https://www.linkedin.com/in/deandre/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="DeAndre Harris" src="/marketing/team/portraits-deandre-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">DeAndre</span></a><a href="https://www.linkedin.com/in/imtiazrashid/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Imtiaz Rashid" src="/marketing/team/portraits-imtiaz-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Imtiaz</span></a><a href="https://www.linkedin.com/in/ryanjohnpeterson/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Ryan Peterson" src="/marketing/team/portraits-ryan-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Ryan</span></a><a href="https://www.linkedin.com/in/melissaaaron/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Mel Aaron" src="/marketing/team/portraits-mel-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Mel</span></a><a href="https://www.linkedin.com/in/katie-poe-bayes-3840452b/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Katie Poe Bayes" src="/marketing/team/portraits-katie-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Katie</span></a><a href="https://www.linkedin.com/in/raquel-pareja/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Raquel Pareja" src="/marketing/team/portraits-raquel-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Raquel</span></a><a href="https://www.linkedin.com/in/justin-thurman-dev/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Justin Thurman" src="/marketing/team/portraits-justin-thurman-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Justin</span></a><a href="https://www.linkedin.com/in/axvasquez/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Armando Vasquez" src="/marketing/team/portraits-armando-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Armando</span></a><a href="https://www.linkedin.com/in/clairereitz/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Claire Reitz" src="/marketing/team/portraits-claire-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Claire</span></a><a href="https://www.linkedin.com/in/tobin-gordon/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Tobin Gordon" src="/marketing/team/portraits-tobin-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Tobin</span></a><a href="https://www.linkedin.com/in/jenny-tran-profile/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Jenny Tran" src="/marketing/team/portraits-jenny-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Jenny</span></a><a href="https://www.linkedin.com/in/peter-coyne-04195222b/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Peter Coyne" src="/marketing/team/portraits-pete-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Pete</span></a><a href="https://www.linkedin.com/in/valdemir-demirev-b2ab2715/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Valdemir Demirev" src="/marketing/team/portraits-v-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">V</span></a><a href="https://www.linkedin.com/in/victor-babel-6a537896/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Victor Babel" src="/marketing/team/portraits-victor-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">
39Victor</span></a><a href="https://www.linkedin.com/in/stephaniezeng/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Stephanie Zeng" src="/marketing/team/portraits-stephanie-zeng-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Stephanie</span></a><a href="https://www.linkedin.com/in/malcolmwolters/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Malcolm Wolters" src="/marketing/team/portraits-malcolm-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Malcolm</span></a><a href="https://www.linkedin.com/in/vladbudica/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Vlad Budica" src="/marketing/team/portraits-vlad-budica-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Vlad</span></a><a href="https://bsky.app/profile/ariperkkio.dev" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Ari Perkkiö" src="/marketing/team/portraits-ari-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Ari</span></a><a href="https://www.linkedin.com/in/stevedodierlazaro/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Steve Dodier-Lazaro" src="/marketing/team/portraits-steve-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Steve</span></a><a href="https://www.linkedin.com/in/julien-huang/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Julien Huang" src="/marketing/team/portraits-julien-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Julien</span></a><a href="https://www.linkedin.com/in/likhodievski/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Aleksey Likhodievski" src="/marketing/team/portraits-aleksey-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Aleksey</span></a><a href="https://www.linkedin.com/in/mengqizhu/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Mengqi Zhu" src="/marketing/team/portraits-mengqi-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Mengqi</span></a><a href="https://www.linkedin.com/in/estelle-k/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Estelle Keaton" src="/marketing/team/portraits-estelle-keaton-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Estelle</span></a><a href="https://www.linkedin.com/in/nathanunderdahl/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Nathan Underdahl" src="/marketing/team/portraits-nathan-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Nate</span></a><a href="https://www.linkedin.com/in/nickdifelice/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Nick DiFelice" src="/marketing/team/portraits-nick-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Nick</span></a><a href="https://www.linkedin.com/in/blakeswendel/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Blake Wendel" src="/marketing/team/portraits-blake-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Blake</span></a><a href="https://www.linkedin.com/in/idavidlee/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="David Lee" src="/marketing/team/portraits-david-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">David</span></a><a href="https://www.linkedin.com/in/stephen-kaddis/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Stephen Kaddis" src="/marketing/team/portraits-stephen-square.jpeg"/></span><span class="css-13o7eu2 e1kifuzz1">Stephen</span></a><a href="https://www.linkedin.com/in/kylevsteger/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Kyle Steger" src="/marketing/team/portraits-kyle-steger-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Kyle</span></a><a href="https://www.linkedin.com/in/ryanyogan/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Ryan Yogan" src="/marketing/team/portraits-ryan-yogan-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Ryan</span></a><a href="https://www.linkedin.com/in/katestam/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Kate Stamas" src="/marketing/team/portraits-kate-stamas-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Kate</span></a><a href="https://www.melissahoover.dev/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Melissa Hoover" src="/marketing/team/portraits-melissa-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Melissa</span></a><a href="https://www.linkedin.com/in/morane-tanguy-b5a89914b" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Morane Tanguy" src="/marketing/team/portraits-morane-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Morane</span></a><a href="https://www.linkedin.com/in/jennifer-wadella" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Jennifer Wadella" src="/marketing/team/portraits-jennifer-wadella-square.jpg"/></span><span class="css-13o7eu2 e1kifuzz1">Jennifer</span></a><a href="https://www.linkedin.com/in/enaz321/" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Zane Whitfield" src="/marketing/team/portraits-zane-updated-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Zane</span></a><a href="" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Zak Derras" src="/marketing/team/portraits-zac-derras-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Zac</span></a><a href="" target="_blank" class="css-1m9k66v e1kifuzz3"><span class="css-1x3euk5 e1kifuzz0"><img alt="Ben Murray" src="/marketing/team/portraits-ben-square.png"/></span><span class="css-13o7eu2 e1kifuzz1">Ben</span></a><a href="/company/careers#list" class="css-1m9k66v e1kifuzz3"><style data-emotion="css y5byed">.css-y5byed{height:72px;width:72px;margin-bottom:0.25rem;}.css-y5byed svg{bottom:-6px;}</style><style data-emotion="css m7e1va">.css-m7e1va{background:transparent;border-radius:50%;display:inline-block;vertical-align:top;overflow:hidden;text-transform:uppercase;height:28px;width:28px;line-height:28px;background:hsl(212 31 95);-webkit-filter:grayscale(1);filter:grayscale(1);height:72px;width:72px;margin-bottom:0.25rem;}.css-m7e1va img{width:100%;height:auto;display:block;}.css-m7e1va svg{bottom:-6px;}</style><div type="user" aria-busy="true" aria-label="Loading avatar ..." role="img" class="e1kifuzz2 css-m7e1va"><style data-emotion="css 1t42tnl animation-r0iffl">.css-1t42tnl{position:relative;margin:0 auto;display:block;bottom:-2px;height:100%;width:100%;}
39.css-1t42tnl path{fill:hsl(212 49 90);-webkit-animation:animation-r0iffl 1.5s ease-in-out infinite;animation:animation-r0iffl 1.5s ease-in-out infinite;}@-webkit-keyframes animation-r0iffl{0%,100%{opacity:1;}50%{opacity:.4;}}@keyframes animation-r0iffl{0%,100%{opacity:1;}50%{opacity:.4;}}</style><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true" type="user" class="css-1t42tnl"><path d="M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z"></path></svg></div><span class="css-13o7eu2 e1kifuzz1">Join us!</span></a></div></div><div class="css-14h8e8e e1iuuo554"><h2 class="css-1g3znef e1iuuo555">Investors</h2><style data-emotion="css xseuwg">.css-xseuwg{margin-top:1.25rem;}.css-xseuwg img{display:inline-block;vertical-align:middle;margin-right:30px;margin-bottom:20px;}</style><div class="css-xseuwg e1iuuo553"><img style="width:65px;height:65px" alt="Charles River Ventures" src="/marketing/team/investor-crv.jpg"/><img style="width:auto;height:45px" alt="Mango Capital" src="/marketing/team/investor-mango.png"/><img style="width:190px;height:auto" alt="Designer Fund" src="/marketing/team/investor-designer-fund.png"/><img style="width:105px;height:auto" alt="Fathom Capital" src="/marketing/team/investor-fathom.png"/></div></div></div><style data-emotion="css 1vlvj58">.css-1vlvj58{background-color:hsl(212 100% 98%);border-top:1px solid rgba(0, 0, 0, 0.10);padding-top:3rem;padding-bottom:3rem;}@media (min-width: 600px){.css-1vlvj58{padding-top:5rem;padding-bottom:5rem;}}</style><footer class="css-1vlvj58"><div class="css-vwaf58"><style data-emotion="css 12resbq">.css-12resbq{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:3rem 2rem;margin-bottom:3rem;}@media (min-width: 600px){.css-12resbq{margin-bottom:5rem;}}</style><div class="css-12resbq"><style data-emotion="css 1g4v4le">.css-1g4v4le{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:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:0.75rem;}</style><div class="css-1g4v4le"><style data-emotion="css 1ypz22f">.css-1ypz22f{font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.25rem;font-weight:700;letter-spacing:0.35em;text-transform:uppercase;color:hsl(212 10 40);margin-bottom:0.25rem;opacity:1;}</style><div class="css-1ypz22f">Company</div><style data-emotion="css 14r4wst">.css-14r4wst{font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:400;-webkit-text-decoration:none;text-decoration:none;display:block;color:hsl(212 10 20);-webkit-transition:-webkit-transform 150ms ease-out,color 150ms ease-out;transition:transform 150ms ease-out,color 150ms ease-out;}.css-14r4wst:hover,.css-14r4wst:focus-visible{cursor:pointer;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);}.css-14r4wst:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}</style><a title="About" class="css-14r4wst" href="/company/about">About</a><a title="Careers" class="css-14r4wst" href="/company/careers">Careers</a><a href="/docs/terms-of-service" title="Terms of Service" class="css-14r4wst">Terms of Service</a><a href="/docs/privacy-policy" title="Privacy" class="css-14r4wst">Privacy</a><a href="/security" title="Security ⢠SOC 2" class="css-14r4wst">Security ⢠SOC 2</a><a href="https://status.chromatic.com/" title="Status" class="css-14r4wst">Status</a><a title="Contact Sales" class="css-14r4wst" href="/sales">Contact Sales</a></div><div class="css-1g4v4le"><div class="css-1ypz22f">Platform</div><a title="UI Tests" class="css-14r4wst" href="/features/test">UI Tests</a><a title="Visual test" class="css-14r4wst" href="/features/visual-test">Visual test</a><a title="Interaction test" class="css-14r4wst" href="/features/interaction-test">Interaction test</a><a title="Accessibility test" class="css-14r4wst" href="/features/accessibility-test">Accessibility test</a><a title="TurboSnap" class="css-14r4wst" href="/features/turbosnap">TurboSnap</a><a title="SteadySnap" class="css-14r4wst" href="/features/steadysnap">SteadySnap</a><a title="UI Review" class="css-14r4wst" href="/features/review">UI Review</a><a title="Publish" class="css-14r4wst" href="/features/publish">Publish</a><a title="Storybook" class="css-14r4wst" href="/storybook">Storybook</a><a title="AI & Agents" class="css-14r4wst" href="/ai">AI & Agents</a>
39<a title="Vitest" class="css-14r4wst" href="/vitest">Vitest</a><a title="Playwright" class="css-14r4wst" href="/playwright">Playwright</a><a title="Cypress" class="css-14r4wst" href="/cypress">Cypress</a><a href="/features/figma-plugin" title="Figma plugin" class="css-14r4wst">Figma plugin</a><a title="Pricing" class="css-14r4wst" href="/pricing">Pricing</a></div><div class="css-1g4v4le"><div class="css-1ypz22f">Customers</div><a title="Enterprise" class="css-14r4wst" href="/enterprise">Enterprise</a><a title="Frontend teams" class="css-14r4wst" href="/solutions/frontend">Frontend teams</a><a title="Design systems" class="css-14r4wst" href="/solutions/design-systems">Design systems</a><a title="Digital agencies" class="css-14r4wst" href="/solutions/agencies">Digital agencies</a><a title="Netlify" class="css-14r4wst" href="/customers/netlify">Netlify</a><a title="Monday.com" class="css-14r4wst" href="/customers/monday">Monday.com</a><a title="Collective.work" class="css-14r4wst" href="/customers/collective">Collective.work</a><a title="ezCater" class="css-14r4wst" href="/customers/ezcater">ezCater</a></div><div class="css-1g4v4le"><div class="css-1ypz22f">Learn</div><a href="/docs" title="Docs" class="css-14r4wst">Docs</a><a href="/blog" title="Changelog" class="css-14r4wst">Changelog</a><a title="Live sessions" class="css-14r4wst" href="/live-sessions">Live sessions</a><a href="https://storybook.js.org/tutorials/visual-testing-handbook/" title="Visual Testing" class="css-14r4wst">Visual Testing</a><a href="https://www.componentdriven.org/" title="Component Driven UIs" class="css-14r4wst">Component Driven UIs</a><a title="Frontend testing guide" class="css-14r4wst" href="/frontend-testing-guide">Frontend testing guide</a><a title="Frontend workflow for AI" class="css-14r4wst" href="/frontend-workflow-for-ai">Frontend workflow for AI</a><a title="Snapshot calculator" class="css-14r4wst" href="/snapshot-calculator">Snapshot calculator</a><a title="A11y budget calculator" class="css-14r4wst" href="/accessibility-budget-calculator">A11y budget calculator</a></div><div class="css-1g4v4le"><div class="css-1ypz22f">Compare</div><a title="Overview of tools" class="css-14r4wst" href="/choose/visual-testing">Overview of tools</a><a title="Applitools" class="css-14r4wst" href="/compare/applitools">Applitools</a><a title="Percy" class="css-14r4wst" href="/compare/percy">Percy</a><a title="Sauce Labs" class="css-14r4wst" href="/compare/sauce-labs">Sauce Labs</a><a title="Katalon" class="css-14r4wst" href="/compare/katalon">Katalon</a><a title="LambdaTest" class="css-14r4wst" href="/compare/lambdatest">LambdaTest</a><a title="SmartBear" class="css-14r4wst" href="/compare/smartbear">SmartBear</a><a title="TestingBot" class="css-14r4wst" href="/compare/testingbot">TestingBot</a><a title="Lost Pixel" class="css-14r4wst" href="/compare/lost-pixel">Lost Pixel</a><a title="Backstop" class="css-14r4wst" href="/compare/backstop">Backstop</a><a title="Playwright" class="css-14r4wst" href="/compare/playwright">Playwright</a><a title="Axe" class="css-14r4wst" href="/compare/axe">Axe</a><a title="Accessibility testing" class="css-14r4wst" href="/compare/accessibility">Accessibility testing</a><a title="Deploy Storybook" class="css-14r4wst" href="/choose/storybook-deploy">Deploy Storybook</a></div></div><style data-emotion="css xfitfl">.css-xfitfl{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-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.25rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><div class="css-xfitfl"><style data-emotion="css dv3xji">.css-dv3xji{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:1.25rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}@media (min-width: 600px){.css-dv3xji{gap:1.25rem;}}@media (min-width: 800px){.css-dv3xji{gap:1.25rem;}}@media (min-width: 900px){.css-dv3xji{gap:1.25rem;}}@media (min-width: 1200px){.css-dv3xji{gap:1.25rem;}}@media (min-width: 1800px){.css-dv3xji{gap:1.25rem;}}.css-dv3xji svg{-webkit-flex:none;-ms-flex:none;flex:none;margin-top:-5px;}</style><div class="css-dv3xji"><style data-emotion="css 1n5y6du">.css-1n5y6du{display:block;-webkit-transition:-webkit-transform 150ms ease-out,color 150ms ease-out;transition:transform 150ms ease-out,color 150ms ease-out;}.css-1n5y6du svg{display:block;}.css-1n5y6du:hover,.css-1n5y6du:focus-visible{cursor:pointer;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);}.css-1n5y6du:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}</style><a class="css-1n5y6du" href="/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" width="120" height="24" viewBox="0 0 120 24" role="img"><title>Chromatic</title><path fill="#2E3438" fill-rule="evenodd" d="M93.638 15.5c0 1.025-.965 1.671-2.32 1.671-1.196 0-1.84-.423-1.84-1.225 0-.825.667-1.182 1.679-1.182h2.481v.735Zm-1.746-6.286c-2.011 0-3.154.669-4 1.622l-.044.05.024.023 1.676.938c.497-.425 1.162-.76 2.16-.76 1.241 0 1.93.623 1.93 2.117h-2.642c-2.183.023-3.792.869-3.792 2.809 0 2.095 1.563 2.964 3.47 2.964 1.425 0 2.343-.535 3.033-1.538l-.069 1.337h2.32V13.25c0-2.765-1.745-4.035-4.066-4.035Zm26.25 6.682a2.932 2.932 0 0 1-2.229 1.015c-1.6 0-2.902-1.263-2.902-2.816 0-1.552 1.302-2.815 2.902-2.815.891 0 1.689.393 2.223 1.008l1.858-1.042a5.07 5.07 0 0 0-4.081-2.032c-2.779 0-5.031 2.186-5.031 4.881 0 2.696 2.252 4.882 5.031 4.882a5.073 5.073 0 0 0 4.087-2.04l-1.858-1.04Zm-81.51 0a2.934 2.934 0 0 1-2.23 1.015c-1.6 0-2.902-1.263-2.902-2.816 0-1.552 1.302-2.815 2.902-2.815.891 0 1.69.393 2.223 1.008l1.858-1.041a5.071 5.071 0 0 0-4.081-2.033c-2.78 0-
395.031 2.186-5.031 4.881 0 2.696 2.252 4.882 5.03 4.882a5.073 5.073 0 0 0 4.088-2.04l-1.858-1.04Zm33.97-6.48h2.32l-.045 1.604c.644-1.181 1.632-1.806 2.872-1.806 1.401 0 2.322.646 2.827 1.783.758-1.114 1.906-1.783 3.308-1.783 2.274 0 3.63 1.472 3.63 3.856v5.706h-2.32v-5.482c0-1.294-.483-2.007-1.816-2.007-1.354 0-2.16.803-2.16 2.363v5.126h-2.32v-5.482c0-1.294-.46-2.007-1.792-2.007-1.38 0-2.183.803-2.183 2.363v5.126h-2.32v-9.36ZM40.166 4h2.32v7.064c.622-1.158 1.77-1.85 3.22-1.85 2.134 0 3.606 1.472 3.606 4.013v5.55H46.99v-5.372c0-1.338-.642-2.118-2-2.118-1.515 0-2.503.892-2.503 2.408v5.081h-2.32V4ZM63.73 9.214c-2.778 0-5.031 2.186-5.031 4.881 0 2.696 2.253 4.882 5.03 4.882 2.781 0 5.033-2.186 5.033-4.882 0-2.695-2.252-4.88-5.032-4.88Zm0 2.066c1.602 0 2.904 1.263 2.904 2.815 0 1.553-1.302 2.816-2.904 2.816-1.6 0-2.902-1.264-2.902-2.816 0-1.552 1.303-2.815 2.902-2.815Zm-12.11-1.865h2.321l-.024 1.76c.645-1.47 1.747-1.939 2.804-1.939.495 0 .884.081 1.215.217.131.053.404.18.67.373 0 0-.322.389-.605.86-.284.473-.476.98-.476.98-.367-.178-.735-.313-1.263-.313-1.379 0-2.32.78-2.32 2.877v4.546h-2.323v-9.36Zm54.896 9.376h2.348V9.415h-2.348v9.376Zm-.368-13.014c0-.848.713-1.473 1.542-1.473.828 0 1.542.625 1.542 1.473 0 .893-.714 1.495-1.542 1.495-.829 0-1.542-.602-1.542-1.495Zm-6.918 9.844v-4.308h-1.45V9.415h1.45V4h2.324v5.415h2.577v1.898h-2.577v4.353c0 1.071.368 1.384.967 1.384.552 0 .897-.246 1.15-.447l1.105 1.518c-.484.447-1.243.893-2.485.893-1.818 0-3.06-.893-3.06-3.393Z" clip-rule="evenodd"></path><circle cx="12" cy="12" r="12" fill="#FC521F"></circle><path fill="#FFFFFF" fill-rule="evenodd" d="m14.82 17.52-1.907-1.1 5.737-3.309a4.31 4.31 0 0 0 .62-.435 3.347 3.347 0 0 1 .154 3.611 3.372 3.372 0 0 1-4.604 1.233Zm-.46.795c.22.127.45.234.688.32a3.35 3.35 0 0 1-3.054 1.938 3.373 3.373 0 0 1-3.37-3.367v-6.619l2.911 1.68v4.153a.46.46 0 0 0 .23.397l2.596 1.498Zm-6.864-.344a3.383 3.383 0 0 1-2.92-1.683 3.343 3.343 0 0 1-.337-2.556c.233-.869.79-1.595 1.57-2.044l1.906-1.1v6.617c0 .254.022.505.067.754a3.4 3.4 0 0 1-.286.012Zm7.418-8.179-2.91 1.679-3.6-2.077a.46.46 0 0 0-.459 0L5.35 10.892c-.22.126-.428.272-.621.435a3.349 3.349 0 0 1-.154-3.611A3.385 3.385 0 0 1 7.497 6.03c.588 0 1.169.156 1.682.452l5.735 3.31Zm-2.92-6.362c1.859 0 3.37 1.51 3.37 3.368v2.2L9.629 5.689a4.261 4.261 0 0 0-.688-.32 3.351 3.351 0 0 1 3.053-1.939Zm7.43 4.287a3.37 3.37 0 0 1-1.234 4.6l-5.736 3.308v-3.357l3.6-2.077a.459.459 0 0 0 .23-.398V6.798c0-.253-.023-.505-.066-.753a3.383 3.383 0 0 1 3.206 1.672Z" clip-rule="evenodd"></path></svg></a><style data-emotion="css 1p7z2k2">.css-1p7z2k2{font-family:var(--nunito-sans, "Nunito Sans"),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:400;color:hsl(212 10 40);opacity:1;}</style><div class="css-1p7z2k2">© Chroma Software Inc. Made by the maintainers of Storybook.</div></div><style data-emotion="css 1uuk2ju">.css-1uuk2ju{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media (min-width: 600px){.css-1uuk2ju{gap:1rem;}}@media (min-width: 800px){.css-1uuk2ju{gap:1rem;}}@media (min-width: 900px){.css-1uuk2ju{gap:1rem;}}@media (min-width: 1200px){.css-1uuk2ju{gap:1rem;}}@media (min-width: 1800px){.css-1uuk2ju{gap:1rem;}}</style><div class="css-1uuk2ju"><style data-emotion="css ndzcjf">.css-ndzcjf{display:block;padding:10px;border-radius:100%;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0.10);-webkit-transition:border-color 150ms ease-out;transition:border-color 150ms ease-out;}.css-ndzcjf svg{display:block;fill:hsl(212 10 50);}.css-ndzcjf:hover,.css-ndzcjf:focus-visible,.css-ndzcjf:active{outline:0;border-color:hsl(212 10 50);}</style><a href="https://github.com/chromaui/" target="_blank" rel="noopener noreferrer" class="css-ndzcjf"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="currentColor" aria-label="github"><path d="M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z"></path></svg></a><a href="https://twitter.com/chromaticcom" target="_blank" rel="noopener noreferrer" class="css-ndzcjf"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="currentColor" aria-label="twitter"><path d="M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z"></path></svg></a><a href="https://bsky.app/profile/chromatic.com" target="_blank" rel="noopener noreferrer" class="css-ndzcjf"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="currentColor" aria-label="BlueSky"><path d="M3.035 1.83C4.64 3.035 6.366 5.478 7 6.79c.634-1.312 2.36-3.755 3.965-4.96C12.124.96 14 .288 14 2.428c0 .428-.245 3.592-.389 4.105-.5 1.786-2.32 2.242-3.94 1.966 2.831.482 3.551 2.078 1.996 3.674-2.954 3.032-4.246-.76-4.577-1.732-.061-.178-.09-.261-.09-.19 0-.071-.029.012-.09.19-.33.972-1.622 4.764-4.577 1.732C.778 10.577 1.498 8.981 4.33 8.5 2.71 8.775.89 8.319.39 6.533.245 6.02 0 2.856 0 2.428 0 .288 1.877.96 3.035 1.83Z"></path></svg></a><a href="https://youtube.com/@chromaticui" target="_blank" rel="noopener noreferrer" class="css-ndzcjf"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14" fill="currentColor" aria-label="youtube"><path d="M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z"></path></svg></a></div></div></div></footer></div></div></div>
39<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"sessionId":"ab862a27-69c9-4b8b-aacd-fececc88e934","serverState":{"apollo":{"data":{}}},"apolloUri":"https://www.chromatic.com/graphql","tokenSingleton":{"isLoggedIn":false}}},"page":"/company/about","query":{},"buildId":"icCCkea4h1YzrFrm0ksP2","assetPrefix":"https://www2.chromatic.com","isFallback":false,"isExperimentalCompile":false,"gip":true,"scriptLoader":[{"id":"plain-sdk","src":"https://chat.cdn-plain.com/index.js","strategy":"afterInteractive"}]}</script>
39</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.