CINXE.COM
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta data-react-helmet="true" property="og:image" content="https://cdn.serenade.ai/web/img/logo-background.png"/><meta data-react-helmet="true" property="og:site_name" content="Serenade"/><meta data-react-helmet="true" name="og:description" content="Serenade is the most powerful way to program using natural speech. Boost your productivity by adding voice to your workflow."/><meta data-react-helmet="true" property="og:title" content="Serenade"/><meta data-react-helmet="true" property="og:url" content="https://serenade.ai"/><meta data-react-helmet="true" name="theme-color" content="#ffffff"/><meta data-react-helmet="true" name="thumbnail" content="https://cdn.serenade.ai/web/img/logo-background.png"/><meta data-react-helmet="true" name="description" content="Serenade is the most powerful way to program using natural speech. Boost your productivity by adding voice to your workflow."/><meta name="generator" content="Gatsby 4.13.0"/><style data-href="/styles.740f54712bf2a4292714.css" data-identity="gatsby-global-css">/* ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.primary-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:rgba(124,58,237,.5);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(124 58 237/var(--tw-bg-opacity));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.primary-button:hover{--tw-bg-opacity:1;background-color:rgb(76 29 149/var(--tw-bg-opacity))}.primary-button{padding:.75em 1.5em}.secondary-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:rgba(59,130,246,.5);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(59 130 246/var(--tw-bg-opacity));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));text-align:center;transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.secondary-button:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.secondary-button{padding:.75em 1.5em}.input{--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-radius:.25rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(71 85 105/var(--tw-text-opacity));padding:.5rem 1rem}.input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(124 58 237/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.right-0{right:0}.left-1\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.m-auto{margin:auto}.-m-3{margin:-.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-bottom:2rem;margin-top:2rem}.my-20{margin-bottom:5rem;margin-top:5rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mx-8{margin-left:-2rem;margin-right:-2rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mt-12{margin-top:3rem}.ml-8{margin-left:2rem}.mb-5{margin-bottom:1.25rem}.mr-4{margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.ml-auto{margin-left:auto}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.-ml-4{margin-left:-1rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.ml-3{margin-left:.75rem}.mr-3{margin-right:.75rem}.-mr-2{margin-right:-.5rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.mt-2{margin-top:.5rem}.mb-8{margin-bottom:2rem}.-mt-6{margin-top:-1.5rem}.-mt-8{margin-top:-2rem}.mr-1{margin-right:.25rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-5\/12{width:41.666667%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.w-screen{width:100vw}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-32{width:8rem}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-\[550px\]{width:550px}.w-\[500px\]{width:500px}.w-\[450px\]{width:450px}.w-full{width:100%}.w-\[400px\]{width:400px}.w-\[200px\]{width:200px}.w-4{width:1rem}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-full{max-width:100%}.max-w-screen-xl{max-width:1280px}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-sm{max-width:24rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-top-right{transform-origin:top right}.translate-y-1{--tw-translate-y:0.25rem}.translate-y-0,.translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-y-8{row-gap:2rem}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(2px*var(--tw-divide-y-reverse));border-top-width:calc(2px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(249 250 251/var(--tw-divide-opacity))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.p-3{padding:.75rem}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-20{padding-left:5rem;padding-right:5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-16{padding-left:4rem;padding-right:4rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-32{padding-bottom:8rem;padding-top:8rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pt-4{padding-top:1rem}.pb-6{padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pt-12{padding-top:3rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pb-36{padding-bottom:9rem}.pt-2{padding-top:.5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-3{padding-bottom:.75rem}.pr-6{padding-right:1.5rem}.pt-8{padding-top:2rem}.pl-8{padding-left:2rem}.pr-12{padding-right:3rem}.pb-16{padding-bottom:4rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-5xl{font-size:3rem;line-height:1}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-150{transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}body,html{color:#4e5876;font-family:aktiv-grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@-webkit-keyframes battery-fill{0%{width:0}50%{width:calc(100% - 2px)}to{width:calc(100% - 2px)}}@keyframes battery-fill{0%{width:0}50%{width:calc(100% - 2px)}to{width:calc(100% - 2px)}}@-webkit-keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.hero-text{flex-basis:60%}.blog-post a{color:#a855f7}.code-snippet code pre{border-radius:4px;padding:1rem 1.25rem!important}.docs-page .docs-content{height:calc(100vh - 60px);overflow-y:scroll;width:calc(100vw - 250px)}.docs-page .docs-content p{padding-bottom:.5rem}.docs-page ol,.legal-page ol{list-style:decimal}.docs-page ul,.legal-page ul{list-style:disc}.docs-page ol,.docs-page ul,.legal-page ol,.legal-page ul{padding-bottom:.25rem;padding-left:2rem;padding-top:.25rem}.docs-page li,.legal-page li,.legal-page p{padding-bottom:.25rem}.legal-page p{padding-top:.25rem}.legal-page h2{font-size:1.5rem}.legal-page h2,.legal-page h3{font-weight:700;padding-bottom:.5rem;padding-top:.5rem}.legal-page h3{font-size:1.25rem}table{overflow-x:scroll}.code-table pre{background:#47474f;border-radius:5px;color:#efefef;font-size:.95rem;padding:.75rem 1rem;white-space:pre-wrap;word-break:break-all}.code-table pre b{color:#61ff5c;font-weight:700}.code-table pre i{color:#ffff47;font-style:normal;font-weight:700}.code-table pre u{color:#ff6969;font-weight:700;text-decoration:none}.code-table pre mark{background:#568af2;padding:.1rem}.docs-page h2#getting-started{margin-top:1rem}@media only screen and (max-width:600px){.two-column{display:block}.two-column-right{margin-top:2rem}.code-snippet code pre{max-width:100%;overflow-x:scroll;padding:1rem 2rem!important}.docs-page .docs-content{width:100%}table .gradient-button,table .gradient-button-inner{background:none!important}.hero-text{background:#fff;flex-basis:100%}}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity))}.hover\:text-purple-600:hover{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-purple-500:hover{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.hover\:text-purple-900:hover{--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}@media (min-width:640px){.sm\:gap-8{gap:2rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:mb-3{margin-bottom:.75rem}.md\:mr-3{margin-right:.75rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[450px\]{width:450px}.md\:w-\[250px\]{width:250px}.md\:w-\[400px\]{width:400px}.md\:min-w-\[475px\]{min-width:475px}.md\:max-w-md{max-width:28rem}.md\:flex-1{flex:1 1 0%}.md\:justify-start{justify-content:flex-start}.md\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.md\:bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.md\:py-24{padding-bottom:6rem;padding-top:6rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pb-36{padding-bottom:9rem}.md\:text-center{text-align:center}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:left-1\/2{left:50%}.lg\:ml-0{margin-left:0}.lg\:w-0{width:0}.lg\:flex-1{flex:1 1 0%}.lg\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:1280px){.xl\:max-w-screen-xl{max-width:1280px}}</style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){if(void 0===e.target.dataset.mainImage)return;if(void 0===e.target.dataset.gatsbyImageSsr)return;const t=e.target;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><title data-react-helmet="true">Serenade | Code with voice</title><script data-react-helmet="true" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-137730125-1"></script><script data-react-helmet="true" defer="" src="/lib.js"></script><link rel="sitemap" type="application/xml" href="/sitemap/sitemap-index.xml"/><link rel="icon" href="/favicon-32x32.png?v=5dbf88ccdd1ac77e3de0b78a20740a87" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=5dbf88ccdd1ac77e3de0b78a20740a87"/><link as="script" rel="preload" href="/webpack-runtime-fa17cf1d5e8b8eff3f26.js"/><link as="script" rel="preload" href="/framework-19cd23554591d31883fe.js"/><link as="script" rel="preload" href="/app-a66548f91219bd499e39.js"/><link as="script" rel="preload" href="/commons-80029727f9a00d37387f.js"/><link as="script" rel="preload" href="/141c759c88a1dabbc72cf1e999ac62ab5c2193dd-57c2fb71dfbd3fb77daf.js"/><link as="script" rel="preload" href="/29df8949b72cb606cbd78e98fa72a714804deb61-be32d71bca00ad9ccc7e.js"/><link as="script" rel="preload" href="/57fc6eb035f7066e97938bd71b8b3be10378b4e4-658dc7b6170409162990.js"/><link as="script" rel="preload" href="/component---src-pages-index-tsx-57ffe5022dbe63fe27bb.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><nav><div class="relative bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="flex justify-between items-center py-4 md:justify-start md:space-x-10 border-b-2 border-gray-100"><div class="flex justify-start lg:w-0 lg:flex-1"><a aria-current="page" class="" href="/"><span class="sr-only">Serenade</span><img src="https://cdn.serenade.ai/web/img/wordmark.svg" alt="Serenade Logo" class="w-32"/></a></div><div class="-mr-2 -my-2 md:hidden"><button class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-purple-500" id="headlessui-popover-button-undefined" type="button" aria-expanded="false"><span class="sr-only">Open menu</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div><nav class="hidden md:flex space-x-10"><div class="relative inline-block"><button class="group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 text-gray-500" id="headlessui-popover-button-undefined" type="button" aria-expanded="false"><span>Use Cases</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="ml-2 h-5 w-5 group-hover:text-gray-500 text-gray-400"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><a class="text-base font-medium text-gray-500 hover:text-gray-900" href="/docs">Docs</a><a href="https://github.com/serenadeai/serenade" class="text-base font-medium text-gray-500 hover:text-gray-900">GitHub</a><div class="relative inline-block"><button class="group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 text-gray-500" id="headlessui-popover-button-undefined" type="button" aria-expanded="false"><span>More</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="ml-2 h-5 w-5 group-hover:text-gray-500 text-gray-400"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></nav><div class="hidden md:flex items-center justify-end md:flex-1 lg:w-0"><a class="primary-button font-medium" href="/download">Download</a></div></div></div></div></nav><main class="overflow-x-hidden"><div class="w-screen bg-slate-600 pb-16"><div class="w-screen bg-white" style="border-bottom-right-radius:100% 100%"><div class="flex items-center max-w-full xl:max-w-screen-xl mx-auto"><div class="pl-8 md:min-w-[475px]"><h1 class="text-slate-600 text-6xl font-extrabold"><div class="hidden md:block font-light"><div class="x0 x1 x2 "><div style="transition:width 150ms linear;height:auto;width:auto"><div class="x0 x3 x4 x5" style="opacity:1;transform:translateY(0px);position:relative">Write code with</div></div></div></div><div class="md:hidden font-light pt-8">Code with</div><div class="hidden md:block text-7xl" style="background-color:#f3ec78;background-image:linear-gradient(45deg, #EDC04C, #F78291, #A56DFE, #89C2FC, #C3D1E8);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent">natural speech</div><div class="md:hidden text-6xl pt-1" style="background-color:#f3ec78;background-image:linear-gradient(45deg, #EDC04C, #F78291, #A56DFE, #89C2FC, #C3D1E8);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent">natural<br/>speech</div></h1><div class="mt-10 text-2xl font-medium"><div class="hidden md:block"><a class="primary-button" href="/download">Get Started</a></div><div class="md:hidden mt-10"><div class="w-screen -mx-8"><video controls="" poster="https://cdn.serenade.ai/web/video/workflow-demo-poster.png"><source src="https://cdn.serenade.ai/web/video/workflow-demo.mp4" type="video/mp4"/></video></div></div></div></div><div class="my-auto ml-auto max-w-2xl py-32 hidden md:block"><div class="mx-auto"><video controls="" poster="https://cdn.serenade.ai/web/video/workflow-demo-poster.png"><source src="https://cdn.serenade.ai/web/video/workflow-demo.mp4" type="video/mp4"/></video></div></div></div></div></div><div class="w-screen bg-slate-600"><div class="w-screen" style="border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0"><div class="mx-auto max-w-screen-xl flex items-center py-16 md:py-24 two-column mb-12 pb-24 md:pb-36"><div class="two-column-left px-8 flex-1" style="flex-grow:2"><h2 class="text-5xl font-bold pb-4 text-white">The open-source voice assistant for developers</h2><p class="text-2xl font-light text-white">With Serenade, you can write code using natural speech. Serenade's speech-to-code engine is designed for developers from the ground up and fully open-source.</p></div><div class="two-column-right px-8 flex-1 text-center" style="flex-grow:3"><div class="-mx-8"><video controls="" poster="https://cdn.serenade.ai/web/video/backend-demo-poster.png"><source src="https://cdn.serenade.ai/web/video/backend-demo.mp4" type="video/mp4"/></video></div></div></div></div></div><div class="w-screen" style="background:linear-gradient(180deg, #EDC04C, #F78291, #A56DFE, #89C2FC, #C3D1E8)"><div class="w-screen bg-white" style="border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:80% 100%"><div class="mx-auto max-w-screen-xl flex items-center py-16 md:py-24 two-column"><div class="two-column-left px-8 flex-1" style="flex-grow:2"><h2 class="text-5xl font-bold pb-4">Take a break from typing</h2><p class="text-2xl font-light">Give your hands a break without missing a beat. Whether you have an injury or you're looking to prevent one, Serenade can help you be just as productive without typing at all.</p></div><div class="two-column-right px-8 flex-1 text-center" style="flex-grow:3"><div class="w-[550px] mx-auto"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:1844px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg height='1844' width='1844' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" data-srcset="/static/86e75456db050c6d5ba4167a4cf69e4a/973db/laptop-hero.webp 461w,/static/86e75456db050c6d5ba4167a4cf69e4a/a7326/laptop-hero.webp 922w,/static/86e75456db050c6d5ba4167a4cf69e4a/787f5/laptop-hero.webp 1844w" sizes="(min-width: 1844px) 1844px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 1844px) 1844px, 100vw" decoding="async" loading="lazy" data-src="/static/86e75456db050c6d5ba4167a4cf69e4a/d1dc4/laptop-hero.png" data-srcset="/static/86e75456db050c6d5ba4167a4cf69e4a/2e1af/laptop-hero.png 461w,/static/86e75456db050c6d5ba4167a4cf69e4a/d5e9a/laptop-hero.png 922w,/static/86e75456db050c6d5ba4167a4cf69e4a/d1dc4/laptop-hero.png 1844w" alt="Laptop with speech icon"/></picture><noscript><picture><source type="image/webp" srcSet="/static/86e75456db050c6d5ba4167a4cf69e4a/973db/laptop-hero.webp 461w,/static/86e75456db050c6d5ba4167a4cf69e4a/a7326/laptop-hero.webp 922w,/static/86e75456db050c6d5ba4167a4cf69e4a/787f5/laptop-hero.webp 1844w" sizes="(min-width: 1844px) 1844px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 1844px) 1844px, 100vw" decoding="async" loading="lazy" src="/static/86e75456db050c6d5ba4167a4cf69e4a/d1dc4/laptop-hero.png" srcSet="/static/86e75456db050c6d5ba4167a4cf69e4a/2e1af/laptop-hero.png 461w,/static/86e75456db050c6d5ba4167a4cf69e4a/d5e9a/laptop-hero.png 922w,/static/86e75456db050c6d5ba4167a4cf69e4a/d1dc4/laptop-hero.png 1844w" alt="Laptop with speech icon"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1)}}</script></div></div></div></div></div></div><div class="w-screen bg-slate-600"><div class="w-screen" style="border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0"><div class="mx-auto max-w-screen-xl flex items-center py-16 md:py-24 two-column mb-12 pb-24 md:pb-36"><div class="two-column-left px-8 flex-1" style="flex-grow:2"><h2 class="text-5xl font-bold pb-4 text-white">Secure, fast speech-to-code</h2><p class="text-2xl font-light text-white">Serenade can run in the cloud, to minimize impact on your system's resources, or completely locally, so all of your voice commands and source code stay on-device. It's up to you, and everything is open-source.</p></div><div class="two-column-right px-8 flex-1 text-center" style="flex-grow:3"><div class="md:w-[400px] mx-auto"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:800px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg height='965.0000000000001' width='800' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear"></div><picture><source type="image/webp" data-srcset="/static/4fc98d0abcd2330c4796b6c479f00a4d/e96dd/enterprise-shield.webp 200w,/static/4fc98d0abcd2330c4796b6c479f00a4d/d447f/enterprise-shield.webp 400w,/static/4fc98d0abcd2330c4796b6c479f00a4d/03f80/enterprise-shield.webp 800w" sizes="(min-width: 800px) 800px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 800px) 800px, 100vw" decoding="async" loading="lazy" data-src="/static/4fc98d0abcd2330c4796b6c479f00a4d/caa3e/enterprise-shield.png" data-srcset="/static/4fc98d0abcd2330c4796b6c479f00a4d/52018/enterprise-shield.png 200w,/static/4fc98d0abcd2330c4796b6c479f00a4d/12ab6/enterprise-shield.png 400w,/static/4fc98d0abcd2330c4796b6c479f00a4d/caa3e/enterprise-shield.png 800w" alt="Serenade Pro logo"/></picture><noscript><picture><source type="image/webp" srcSet="/static/4fc98d0abcd2330c4796b6c479f00a4d/e96dd/enterprise-shield.webp 200w,/static/4fc98d0abcd2330c4796b6c479f00a4d/d447f/enterprise-shield.webp 400w,/static/4fc98d0abcd2330c4796b6c479f00a4d/03f80/enterprise-shield.webp 800w" sizes="(min-width: 800px) 800px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 800px) 800px, 100vw" decoding="async" loading="lazy" src="/static/4fc98d0abcd2330c4796b6c479f00a4d/caa3e/enterprise-shield.png" srcSet="/static/4fc98d0abcd2330c4796b6c479f00a4d/52018/enterprise-shield.png 200w,/static/4fc98d0abcd2330c4796b6c479f00a4d/12ab6/enterprise-shield.png 400w,/static/4fc98d0abcd2330c4796b6c479f00a4d/caa3e/enterprise-shield.png 800w" alt="Serenade Pro logo"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1)}}</script></div></div></div></div></div></div><div class="w-screen"><div class="w-screen" style="border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0"><div class="py-16 md:py-24"><div class="mx-auto max-w-screen-md px-4 md:text-center"><h2 class="text-5xl font-bold pb-2">Add voice to any application</h2><p class="text-2xl font-light pt-2 pb-6">Serenade integrates with your existing tools鈥攆rom writing code with VS Code to messaging with Slack鈥攕o you don't have to learn an entirely new workflow. And, Serenade provides you with the right speech engine to match what you're editing, whether that's code or prose.</p></div><div class="pt-4"><div class="overflow-x-hidden"><div class="overflow-x-hidden pb-3" style="white-space:nowrap;width:fit-content"><div class="inline-block" style="animation-duration:60s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/python.svg" alt="Python" style="width:28px"/><span style="vertical-align:-1px">Python</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/vscode.svg" alt="VS Code" style="width:28px"/><span style="vertical-align:-1px">VS Code</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/javascript.svg" alt="JavaScript" style="width:28px"/><span style="vertical-align:-1px">JavaScript</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/chrome.svg" alt="Chrome" style="width:28px"/><span style="vertical-align:-1px">Chrome</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/markdown.svg" alt="Markdown" style="width:28px"/><span style="vertical-align:-1px">Markdown</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/intellij.svg" alt="IntelliJ" style="width:28px"/><span style="vertical-align:-1px">IntelliJ</span></span></span></div><div class="inline-block" style="animation-duration:60s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/python.svg" alt="Python" style="width:28px"/><span style="vertical-align:-1px">Python</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/vscode.svg" alt="VS Code" style="width:28px"/><span style="vertical-align:-1px">VS Code</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/javascript.svg" alt="JavaScript" style="width:28px"/><span style="vertical-align:-1px">JavaScript</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/chrome.svg" alt="Chrome" style="width:28px"/><span style="vertical-align:-1px">Chrome</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/markdown.svg" alt="Markdown" style="width:28px"/><span style="vertical-align:-1px">Markdown</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/intellij.svg" alt="IntelliJ" style="width:28px"/><span style="vertical-align:-1px">IntelliJ</span></span></span></div><div class="inline-block" style="animation-duration:60s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/python.svg" alt="Python" style="width:28px"/><span style="vertical-align:-1px">Python</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/vscode.svg" alt="VS Code" style="width:28px"/><span style="vertical-align:-1px">VS Code</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/javascript.svg" alt="JavaScript" style="width:28px"/><span style="vertical-align:-1px">JavaScript</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/chrome.svg" alt="Chrome" style="width:28px"/><span style="vertical-align:-1px">Chrome</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/markdown.svg" alt="Markdown" style="width:28px"/><span style="vertical-align:-1px">Markdown</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/intellij.svg" alt="IntelliJ" style="width:28px"/><span style="vertical-align:-1px">IntelliJ</span></span></span></div></div><div class="overflow-x-hidden pb-3" style="white-space:nowrap;width:fit-content"><div class="inline-block" style="animation-duration:58s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/jupyter.svg" alt="Jupyter" style="width:28px"/><span style="vertical-align:-1px">Jupyter</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/html.svg" alt="HTML" style="width:28px"/><span style="vertical-align:-1px">HTML</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/slack.svg" alt="Slack" style="width:28px"/><span style="vertical-align:-1px">Slack</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/hyper.svg" alt="Hyper" style="width:28px"/><span style="vertical-align:-1px">Hyper</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/java.svg" alt="Java" style="width:28px"/><span style="vertical-align:-1px">Java</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/discord.svg" alt="Discord" style="width:28px"/><span style="vertical-align:-1px">Discord</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/atom.svg" alt="Atom" style="width:28px"/><span style="vertical-align:-1px">Atom</span></span></span></div><div class="inline-block" style="animation-duration:58s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/jupyter.svg" alt="Jupyter" style="width:28px"/><span style="vertical-align:-1px">Jupyter</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/html.svg" alt="HTML" style="width:28px"/><span style="vertical-align:-1px">HTML</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/slack.svg" alt="Slack" style="width:28px"/><span style="vertical-align:-1px">Slack</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/hyper.svg" alt="Hyper" style="width:28px"/><span style="vertical-align:-1px">Hyper</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/java.svg" alt="Java" style="width:28px"/><span style="vertical-align:-1px">Java</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/discord.svg" alt="Discord" style="width:28px"/><span style="vertical-align:-1px">Discord</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/atom.svg" alt="Atom" style="width:28px"/><span style="vertical-align:-1px">Atom</span></span></span></div><div class="inline-block" style="animation-duration:58s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/jupyter.svg" alt="Jupyter" style="width:28px"/><span style="vertical-align:-1px">Jupyter</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/html.svg" alt="HTML" style="width:28px"/><span style="vertical-align:-1px">HTML</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/slack.svg" alt="Slack" style="width:28px"/><span style="vertical-align:-1px">Slack</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/hyper.svg" alt="Hyper" style="width:28px"/><span style="vertical-align:-1px">Hyper</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/java.svg" alt="Java" style="width:28px"/><span style="vertical-align:-1px">Java</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/discord.svg" alt="Discord" style="width:28px"/><span style="vertical-align:-1px">Discord</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/atom.svg" alt="Atom" style="width:28px"/><span style="vertical-align:-1px">Atom</span></span></span></div></div><div class="overflow-x-hidden pb-3" style="white-space:nowrap;width:fit-content"><div class="inline-block" style="animation-duration:65s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/cpp.svg" alt="C / C++" style="width:28px"/><span style="vertical-align:-1px">C / C++</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/github.svg" alt="GitHub" style="width:28px"/><span style="vertical-align:-1px">GitHub</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/jira.svg" alt="JIRA" style="width:28px"/><span style="vertical-align:-1px">JIRA</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/typescript.svg" alt="TypeScript" style="width:28px"/><span style="vertical-align:-1px">TypeScript</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/gitlab.svg" alt="GitLab" style="width:28px"/><span style="vertical-align:-1px">GitLab</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/pycharm.svg" alt="PyCharm" style="width:28px"/><span style="vertical-align:-1px">PyCharm</span></span></span></div><div class="inline-block" style="animation-duration:65s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/cpp.svg" alt="C / C++" style="width:28px"/><span style="vertical-align:-1px">C / C++</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/github.svg" alt="GitHub" style="width:28px"/><span style="vertical-align:-1px">GitHub</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/jira.svg" alt="JIRA" style="width:28px"/><span style="vertical-align:-1px">JIRA</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/typescript.svg" alt="TypeScript" style="width:28px"/><span style="vertical-align:-1px">TypeScript</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/gitlab.svg" alt="GitLab" style="width:28px"/><span style="vertical-align:-1px">GitLab</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/pycharm.svg" alt="PyCharm" style="width:28px"/><span style="vertical-align:-1px">PyCharm</span></span></span></div><div class="inline-block" style="animation-duration:65s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/cpp.svg" alt="C / C++" style="width:28px"/><span style="vertical-align:-1px">C / C++</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/github.svg" alt="GitHub" style="width:28px"/><span style="vertical-align:-1px">GitHub</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/jira.svg" alt="JIRA" style="width:28px"/><span style="vertical-align:-1px">JIRA</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/typescript.svg" alt="TypeScript" style="width:28px"/><span style="vertical-align:-1px">TypeScript</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/gitlab.svg" alt="GitLab" style="width:28px"/><span style="vertical-align:-1px">GitLab</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/pycharm.svg" alt="PyCharm" style="width:28px"/><span style="vertical-align:-1px">PyCharm</span></span></span></div></div><div class="overflow-x-hidden pb-3" style="white-space:nowrap;width:fit-content"><div class="inline-block" style="animation-duration:62s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/iterm2.png" alt="iTerm2" style="width:28px"/><span style="vertical-align:-1px">iTerm2</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/colab.png" alt="Colab" style="width:28px"/><span style="vertical-align:-1px">Colab</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/css.svg" alt="CSS" style="width:28px"/><span style="vertical-align:-1px">CSS</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/android-studio.svg" alt="Android Studio" style="width:28px"/><span style="vertical-align:-1px">Android Studio</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/leetcode.png" alt="LeetCode" style="width:28px"/><span style="vertical-align:-1px">LeetCode</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/replit.svg" alt="Repl.it" style="width:28px"/><span style="vertical-align:-1px">Repl.it</span></span></span></div><div class="inline-block" style="animation-duration:62s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/iterm2.png" alt="iTerm2" style="width:28px"/><span style="vertical-align:-1px">iTerm2</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/colab.png" alt="Colab" style="width:28px"/><span style="vertical-align:-1px">Colab</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/css.svg" alt="CSS" style="width:28px"/><span style="vertical-align:-1px">CSS</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/android-studio.svg" alt="Android Studio" style="width:28px"/><span style="vertical-align:-1px">Android Studio</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/leetcode.png" alt="LeetCode" style="width:28px"/><span style="vertical-align:-1px">LeetCode</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/replit.svg" alt="Repl.it" style="width:28px"/><span style="vertical-align:-1px">Repl.it</span></span></span></div><div class="inline-block" style="animation-duration:62s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/iterm2.png" alt="iTerm2" style="width:28px"/><span style="vertical-align:-1px">iTerm2</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/colab.png" alt="Colab" style="width:28px"/><span style="vertical-align:-1px">Colab</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/css.svg" alt="CSS" style="width:28px"/><span style="vertical-align:-1px">CSS</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/android-studio.svg" alt="Android Studio" style="width:28px"/><span style="vertical-align:-1px">Android Studio</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/leetcode.png" alt="LeetCode" style="width:28px"/><span style="vertical-align:-1px">LeetCode</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/replit.svg" alt="Repl.it" style="width:28px"/><span style="vertical-align:-1px">Repl.it</span></span></span></div></div><div class="overflow-x-hidden pb-3" style="white-space:nowrap;width:fit-content"><div class="inline-block" style="animation-duration:53s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/dart.svg" alt="Dart" style="width:28px"/><span style="vertical-align:-1px">Dart</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/bash.svg" alt="Bash" style="width:28px"/><span style="vertical-align:-1px">Bash</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/gmail.svg" alt="Gmail" style="width:28px"/><span style="vertical-align:-1px">Gmail</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/linear.svg" alt="Linear" style="width:28px"/><span style="vertical-align:-1px">Linear</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/sass.svg" alt="Sass" style="width:28px"/><span style="vertical-align:-1px">Sass</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/webstorm.svg" alt="WebStorm" style="width:28px"/><span style="vertical-align:-1px">WebStorm</span></span></span></div><div class="inline-block" style="animation-duration:53s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/dart.svg" alt="Dart" style="width:28px"/><span style="vertical-align:-1px">Dart</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/bash.svg" alt="Bash" style="width:28px"/><span style="vertical-align:-1px">Bash</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/gmail.svg" alt="Gmail" style="width:28px"/><span style="vertical-align:-1px">Gmail</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/linear.svg" alt="Linear" style="width:28px"/><span style="vertical-align:-1px">Linear</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/sass.svg" alt="Sass" style="width:28px"/><span style="vertical-align:-1px">Sass</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/webstorm.svg" alt="WebStorm" style="width:28px"/><span style="vertical-align:-1px">WebStorm</span></span></span></div><div class="inline-block" style="animation-duration:53s;animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite"><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/dart.svg" alt="Dart" style="width:28px"/><span style="vertical-align:-1px">Dart</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/bash.svg" alt="Bash" style="width:28px"/><span style="vertical-align:-1px">Bash</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/gmail.svg" alt="Gmail" style="width:28px"/><span style="vertical-align:-1px">Gmail</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/linear.svg" alt="Linear" style="width:28px"/><span style="vertical-align:-1px">Linear</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/sass.svg" alt="Sass" style="width:28px"/><span style="vertical-align:-1px">Sass</span></span></span><span class="inline-block rounded-full mr-3" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px"><span class="bg-white text-slate-600 text-base font-medium px-4 py-2 inline-block rounded-full"><img class="inline-block mr-3" src="https://cdn.serenade.ai/web/img/icons/webstorm.svg" alt="WebStorm" style="width:28px"/><span style="vertical-align:-1px">WebStorm</span></span></span></div></div></div></div></div></div></div><div class="w-screen" style="background:linear-gradient(180deg, #EDC04C, #F78291, #A56DFE, #89C2FC, #C3D1E8)"><div class="w-screen bg-white" style="border-top-left-radius:0;border-top-right-radius:80% 100%;border-bottom-left-radius:0;border-bottom-right-radius:0"><div class="mx-auto max-w-screen-xl flex items-center py-16 md:py-24 two-column"><div class="two-column-left px-8 flex-1" style="flex-grow:2"><h2 class="text-5xl font-bold pb-4">Code more flexibly</h2><p class="text-2xl font-light">Don't get stuck at your keyboard all day. Break up your workflow by using natural voice commands without worrying about syntax, formatting, and symbols.</p></div><div class="two-column-right px-8 flex-1 text-center" style="flex-grow:3"><div class="-mx-8"><video controls="" poster="https://cdn.serenade.ai/web/video/python-demo-poster.png"><source src="https://cdn.serenade.ai/web/video/python-demo.mp4" type="video/mp4"/></video></div></div></div></div></div><div class="w-screen" style="background:linear-gradient(0deg, #EDC04C, #F78291, #A56DFE, #89C2FC, #C3D1E8)"><div class="w-screen bg-white" style="border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:100% 70%;border-bottom-right-radius:0"><div class="py-16 md:py-24"><div class="mx-auto max-w-screen-md px-4 md:text-center"><h2 class="text-5xl font-bold pb-2">Customize your workflow</h2><p class="text-2xl font-light pt-2 pb-6">Create powerful custom voice commands and plugins using Serenade's open protocol, and add them to your workflow. Or, try customizations shared by the Serenade community.</p></div><div class="mx-auto"><div class="mx-auto"><div class="mx-auto text-center"><div class="inline-block mb-5 mr-4 md:mb-3 md:mr-3"><a href="#" class="inline-block rounded-full gradient-button" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px;font-size:1.125rem;line-height:1.75rem"><div class="gradient-button-inner inline-block rounded-full transition-colors px-6 py-2 hover:bg-slate-700 hover:text-white bg-slate-600 text-white">Run a build</div></a></div><div class="inline-block mb-5 mr-4 md:mb-3 md:mr-3"><a href="#" class="inline-block rounded-full gradient-button" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px;font-size:1.125rem;line-height:1.75rem"><div class="gradient-button-inner inline-block rounded-full transition-colors px-6 py-2 hover:bg-slate-700 hover:text-white bg-white text-slate-600">Clone a repo</div></a></div><div class="inline-block mb-5 mr-4 md:mb-3 md:mr-3"><a href="#" class="inline-block rounded-full gradient-button" style="background:linear-gradient(#a46dff 3.88%, #ff8388 40.34%, #eec14d 70.02%, #82c0ff 100%);padding:3px;font-size:1.125rem;line-height:1.75rem"><div class="gradient-button-inner inline-block rounded-full transition-colors px-6 py-2 hover:bg-slate-700 hover:text-white bg-white text-slate-600">Add a test</div></a></div></div><div class="mx-auto w-max max-w-full text-sm -mt-2 md:mt-0 md:text-xl"><pre class="code-snippet language-javascript my-3 w-fit max-w-full"><code><pre style="display:block;overflow-x:auto;padding:0.5em;color:#abb2bf;background:#282c34"><code class="language-javascript" style="white-space:pre"><span>command(</span><span style="color:#98c379">"build"</span><span>, </span><span style="color:#c678dd">async</span><span> api => { </span><span> </span><span style="color:#c678dd">await</span><span> api.focus(</span><span style="color:#98c379">"terminal"</span><span>); </span><span> </span><span style="color:#c678dd">await</span><span> api.pressKey(</span><span style="color:#98c379">"k"</span><span>, [</span><span style="color:#98c379">"command"</span><span>]); </span><span> </span><span style="color:#c678dd">await</span><span> api.typeText(</span><span style="color:#98c379">"yarn build"</span><span>); </span><span> </span><span style="color:#c678dd">await</span><span> api.pressKey(</span><span style="color:#98c379">"return"</span><span>); </span>});</code></pre></code></pre></div></div></div></div></div></div><div class="w-screen bg-gray-100 py-12"><div class="w-screen" style="border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0"><div class="py-16 md:py-24 py-32"><div class="mx-auto max-w-screen-md px-4 md:text-center"><h2 class="text-5xl font-bold pb-2">Start coding with voice today</h2><p class="text-2xl font-light pt-2 pb-6">Ready to supercharge your workflow with voice? Download Serenade for free and start using speech alongside typing, or leave your keyboard behind.</p></div><div class="mx-auto text-center text-xl mt-4"><span class="pr-6"><a class="primary-button" href="/download">Download</a></span><a class="secondary-button" href="/docs">Docs</a></div></div></div></div><div class="w-screen bg-slate-600 max-w-full"><div class="mx-auto max-w-md py-10 flex w-max"><div class="px-8"><a class="block font-bold text-white text-2xl pb-3 hover:text-purple-300 transition-colors" href="/download">Download</a><a class="block font-bold text-white text-2xl pb-3 hover:text-purple-300 transition-colors" href="/docs">Docs</a><a class="block font-bold text-white text-2xl pb-3 hover:text-purple-300 transition-colors" href="/community">Community</a><a class="block font-bold text-white text-2xl pb-3 hover:text-purple-300 transition-colors" href="/blog">Blog</a></div><div class="px-8"><a class="block font-light text-white hover:text-purple-300 transition-colors pb-2" href="/terms">Terms of Service</a><a class="block font-light text-white hover:text-purple-300 transition-colors pb-2" href="/privacy">Privacy Policy</a><a class="block font-light text-white hover:text-purple-300 transition-colors pb-2" href="/code-privacy">Code Privacy</a><a href="mailto:contact@serenade.ai" class="block text-white font-light hover:text-purple-300 transition-colors">Contact</a></div></div></div></main></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";window.___webpackCompilationHash="a267cb803c72358f71c9";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-bcba0033e1c98df2f3fe.js"],"app":["/app-a66548f91219bd499e39.js"],"component---src-pages-404-tsx":["/component---src-pages-404-tsx-16f46bd1254924c4811a.js"],"component---src-pages-backend-tsx":["/component---src-pages-backend-tsx-416591af9dd91ca60e20.js"],"component---src-pages-blog-a-new-speech-engine-june-2020-tsx":["/component---src-pages-blog-a-new-speech-engine-june-2020-tsx-7f3511e3452ff166b75e.js"],"component---src-pages-blog-bringing-serenade-to-the-terminal-tsx":["/component---src-pages-blog-bringing-serenade-to-the-terminal-tsx-a0507dcd28885b820403.js"],"component---src-pages-blog-creating-serenade-tsx":["/component---src-pages-blog-creating-serenade-tsx-31db7e2e298d07e54a58.js"],"component---src-pages-blog-expanding-the-serenade-ecosystem-tsx":["/component---src-pages-blog-expanding-the-serenade-ecosystem-tsx-7b3019f0022d8ea61cf3.js"],"component---src-pages-blog-jetbrains-kotlin-dart-tsx":["/component---src-pages-blog-jetbrains-kotlin-dart-tsx-d06449023c81836c6fa1.js"],"component---src-pages-blog-mini-mode-tsx":["/component---src-pages-blog-mini-mode-tsx-c196e21d25065c00bc94.js"],"component---src-pages-blog-new-languages-rust-go-ruby-tsx":["/component---src-pages-blog-new-languages-rust-go-ruby-tsx-6b8524d7ed504885ab61.js"],"component---src-pages-blog-open-sourcing-serenade-tsx":["/component---src-pages-blog-open-sourcing-serenade-tsx-1fce88ee42bf4d4a7508.js"],"component---src-pages-blog-serenade-for-chrome-tsx":["/component---src-pages-blog-serenade-for-chrome-tsx-065267face261e8a04cc.js"],"component---src-pages-blog-the-serenade-protocol-tsx":["/component---src-pages-blog-the-serenade-protocol-tsx-48289b67e66adca0a7c2.js"],"component---src-pages-blog-tsx":["/component---src-pages-blog-tsx-925b8f1a62b2fd5ae427.js"],"component---src-pages-code-privacy-tsx":["/component---src-pages-code-privacy-tsx-c5bb21e2dc8a3f8500df.js"],"component---src-pages-community-tsx":["/component---src-pages-community-tsx-df7315df4f8c81e2bcc2.js"],"component---src-pages-docs-api-tsx":["/component---src-pages-docs-api-tsx-4dbacad32851b4dffa89.js"],"component---src-pages-docs-browser-tsx":["/component---src-pages-docs-browser-tsx-1ff4356ab0420c4129e1.js"],"component---src-pages-docs-protocol-tsx":["/component---src-pages-docs-protocol-tsx-9c283284615b2a01e2d8.js"],"component---src-pages-docs-tsx":["/component---src-pages-docs-tsx-11265e6cac6896928dc4.js"],"component---src-pages-download-tsx":["/component---src-pages-download-tsx-fc05f054a5abe1565449.js"],"component---src-pages-everywhere-tsx":["/component---src-pages-everywhere-tsx-bb49bed668c0c09c756e.js"],"component---src-pages-fullstack-tsx":["/component---src-pages-fullstack-tsx-ddb8566def47a4c3d755.js"],"component---src-pages-health-tsx":["/component---src-pages-health-tsx-d712876465dfce4409f1.js"],"component---src-pages-index-tsx":["/component---src-pages-index-tsx-57ffe5022dbe63fe27bb.js"],"component---src-pages-install-tsx":["/component---src-pages-install-tsx-deda6b0917a9afb75b3e.js"],"component---src-pages-plugins-tsx":["/component---src-pages-plugins-tsx-37263150d1d46cca3332.js"],"component---src-pages-privacy-tsx":["/component---src-pages-privacy-tsx-793e669517b4b68dc2ec.js"],"component---src-pages-terms-tsx":["/component---src-pages-terms-tsx-d8dbdd12fde95a2fceb8.js"]};/*]]>*/</script><script src="/polyfill-bcba0033e1c98df2f3fe.js" nomodule=""></script><script src="/component---src-pages-index-tsx-57ffe5022dbe63fe27bb.js" async=""></script><script src="/57fc6eb035f7066e97938bd71b8b3be10378b4e4-658dc7b6170409162990.js" async=""></script><script src="/29df8949b72cb606cbd78e98fa72a714804deb61-be32d71bca00ad9ccc7e.js" async=""></script><script src="/141c759c88a1dabbc72cf1e999ac62ab5c2193dd-57c2fb71dfbd3fb77daf.js" async=""></script><script src="/commons-80029727f9a00d37387f.js" async=""></script><script src="/app-a66548f91219bd499e39.js" async=""></script><script src="/framework-19cd23554591d31883fe.js" async=""></script><script src="/webpack-runtime-fa17cf1d5e8b8eff3f26.js" async=""></script></body></html>