1<!DOCTYPE html><html class="h-full scroll-smooth bg-white antialiased [font-feature-settings:'ss01']" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="preload" as="image" href="/_next/static/media/background-hero.f7320010.svg" fetchpriority="high"/><title>Responsively App - A web developer's browser</title><meta name="description" content="A dev-tool that aids faster and precise responsive web development."/><link rel="canonical" href="https://responsively.app/"/><meta name="next-head-count" content="6"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><meta data-react-helmet="true" name="description" content="A dev-tool that aids faster and precise responsive web development."/><meta data-react-helmet="true" property="og:title" content="Responsively App - A Web Developer's Browser"/><meta data-react-helmet="true" property="og:description" content="A dev-tool that aids faster and precise responsive web development."/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="/assets/img/responsively-image.png"/><meta data-react-helmet="true" property="twitter:image" content="/assets/img/responsively-image.png"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:creator" content="ResponsivelyApp"/><meta data-react-helmet="true" name="twitter:site" content="ResponsivelyApp"/><meta data-react-helmet="true" name="twitter:title" content="Responsively App - A Web Developer's Browser"/><meta data-react-helmet="true" name="twitter:description" content="A dev-tool that aids faster and precise responsive web development."/>
1<script defer="" src="https://umami.responsively.app/script.js" data-website-id="8334c169-78b3-4ba7-94ce-6e822db4da16"></script>
1<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/_next/static/css/8794838d2baa0f5c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8794838d2baa0f5c.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f3e603dca478fb05.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f3e603dca478fb05.css" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-b8f8d6679aaa5f42.js" defer=""></script>
1<script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script>
1<script src="/_next/static/chunks/main-85afaf1648695780.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-4b5fd575c2d72cc8.js" defer=""></script>
1<script src="/_next/static/chunks/693-10cf7bd5e2a6dd8a.js" defer=""></script>
1<script src="/_next/static/chunks/675-266f4107c9bd46b6.js" defer=""></script>
1<script src="/_next/static/chunks/578-f5857f560303c60a.js" defer=""></script>
1<script src="/_next/static/chunks/557-75cbfa9f2b11618e.js" defer=""></script>
1<script src="/_next/static/chunks/pages/index-273c2463d6b044a9.js" defer=""></script>
1<script src="/_next/static/z-_kj4PuRCh5Tfpu12SfN/_buildManifest.js" defer=""></script>
1<script src="/_next/static/z-_kj4PuRCh5Tfpu12SfN/_ssgManifest.js" defer=""></script>
1<style data-href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Lexend:wght@400;500&display=swap">@font-face{font-family:'Inter';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZs.woff) format('woff')}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsW_LM.woff) format('woff')}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlptgwvFAVdoq2_F94zlCfv0bz1WCwkW_LM.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
1src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body class="flex h-full flex-col"><div id="__next"><div class="relative"><img alt="" fetchpriority="high" width="800" height="800" decoding="async" data-nimg="1" class="absolute top-0 w-full" style="color:transparent;object-fit:cover;object-position:center" src="/_next/static/media/background-hero.f7320010.svg"/><main class="relative"><div class="relative"><div class="relative z-10"><header class="py-10"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><nav class="relative z-50 flex justify-between"><div class="flex items-center md:gap-x-12"><a aria-label="Home" href="/"><svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-16 w-auto"><path d="M725.567 445.055H991.768C1002.84 445.055 1011.84 454.051 1011.84 465.124V940.531C1011.84 951.604 1002.84 960.6 991.768 960.6H725.567C714.494 960.6 705.498 951.604 705.498 940.531V465.124C705.498 454.051 714.494 445.055 725.567 445.055Z" fill="black" stroke="#454545" stroke-width="7.24951" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 960.6H996.893C1005.14 960.6 1011.84 953.906 1011.84 945.656V938.185H705.498V945.656C705.498 953.906 712.193 960.6 720.442 960.6Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 445.055H996.893C1005.14 445.055 1011.84 451.75 1011.84 459.999V467.47H705.498V459.999C705.498 451.75 712.193 445.055 720.442 445.055Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M810.274 838.586V643.469H839.237V672.94H841.27C844.826 663.286 851.263 655.452 860.578 649.439C869.894 643.427 880.395 640.42 892.081 640.42C894.283 640.42 897.035 640.463 900.338 640.547C903.641 640.632 906.139 640.759 907.833 640.929V671.416C906.817 671.162 904.488 670.78 900.846 670.272C897.29 669.68 893.521 669.383 889.541 669.383C880.056 669.383 871.587 671.373 864.135 675.353C856.767 679.249 850.924 684.669 846.605 691.613C842.37 698.473 840.253 706.306 840.253 715.114V838.586H810.274Z" fill="#00B68A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 445.055V80.2509C13 71.2849 20.2849 64 29.2509 64H646.784C655.75 64 663.035 71.2849 663.035 80.2509V944.349C663.035 953.315 655.75 960.6 646.784 960.6H29.2509C20.2849 960.6 13 953.315 13 944.349V445.055Z" fill="black" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="3" stroke-linecap="square"></path><path d="M308.965 553.752C333.992 553.752 355.754 548.04 374.252 536.614C392.75 524.645 406.623 509.412 415.872 490.914C425.665 471.872 430.561 452.014 430.561 431.34C430.561 410.122 425.937 390.264 416.688 371.766C407.983 352.724 394.382 337.219 375.884 325.25C357.386 313.28 334.808 307.296 308.149 307.296H238.782V761.036C238.782 782.799 241.503 799.392 246.943 810.817C252.384 821.698 258.368 829.043 264.897 832.852C271.426 836.116 274.69 837.204 274.69 836.116H144.933C144.933 837.204 148.198 835.844 154.726 832.035C161.255 828.227 166.967 820.882 171.864 810.001C177.304 799.12 180.025 782.799 180.025 761.036V352.996C180.025 330.69 177.304 313.825 171.864 302.399C166.967 290.43 161.255 282.541 154.726 278.733C148.198 274.381 144.933 273.021 144.933 274.653H306.517C348.953 274.653 383.773 281.725 410.975 295.871C438.722 309.472 458.58 327.426 470.549 349.732C483.062 371.494 489.319 395.433 489.319 421.547C489.319 443.309 484.151 464.799 473.814 486.017C463.477 506.691 448.515 524.917 428.929 540.695C409.887 555.928 387.581 566.537 362.011 572.522L348.953 574.97L492.583 757.772C511.625 778.99 527.403 795.312 539.916 806.737C552.429 818.162 561.406 825.779 566.847 829.587C572.831 833.396 576.368 835.572 577.456 836.116H481.974L260.001 553.752H308.965Z" fill="#00B68A"></path></svg></a><div class="hidden md:flex md:gap-x-6"><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/#features">Features</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white md:hidden lg:inline-block" href="/#testimonials">Testimonials</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/sponsor">Sponsor</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/blog">Blog</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white md:hidden lg:inline-block" href="/join-discord">Join Discord</a></div></div><div class="flex items-center gap-x-5 md:gap-x-8"><div class="group hidden md:block"><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" target="_blank" href="https://github.com/responsively-org/responsively-app/stargazers"><span class="flex items-center gap-1"><span></span>20,400<!-- --> Stars</span></a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/download"><span class="flex items-center gap-1"><span></span>150k+ Downloads</span></a></div><a class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 text-center bg-emerald-600 text-white hover:text-slate-100 hover:bg-emerald-500 active:bg-emerald-800 active:text-emerald-100 focus-visible:outline-emerald-600" href="/download"><span>Download <span class="hidden lg:inline">Now</span></span></a><div class="-mr-1 md:hidden"><div data-headlessui-state=""><button class="relative z-10 flex h-8 w-8 items-center justify-center [&:not(:focus-visible)]:focus:outline-none" aria-label="Toggle Navigation" type="button" aria-expanded="false" data-headlessui-state=""><svg aria-hidden="true" class="h-3.5 w-3.5 overflow-visible stroke-slate-700" fill="none" stroke-width="2" stroke-linecap="round"><path d="M0 1H14M0 7H14M0 13H14" class="origin-center transition"></path><path d="M2 2L12 12M12 2L2 12" class="origin-center transition scale-90 opacity-0"></path></svg></button></div><div style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div></div></div></nav></div></header><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pb-16 pt-20 text-center lg:pt-32"><h1 class="mx-auto font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">Master the Art of Crafting Responsive Web Apps like<!-- --> <span class="relative whitespace-nowrap text-emerald-600">
1<svg aria-hidden="true" width="159" height="11" viewBox="0 0 159 11" xmlns="http://www.w3.org/2000/svg" class="absolute -bottom-7 left-0 h-[0.58em] w-full fill-emerald-300/70" preserveAspectRatio="none"><g clip-path="url(#clip0_6_2645)"><path d="M34.6052 2.23986C49.7085 1.91769 64.8201 1.71057 79.9316 1.61852C95.0431 1.52647 110.015 1.55716 125.052 1.7029C133.595 1.78728 142.145 1.90234 150.688 2.05576L151.847 0.483237C132.345 0.797741 112.851 1.18895 93.3577 1.65688C73.864 2.1248 54.3702 2.66943 34.8765 3.29844C23.9334 3.6513 12.9985 4.0195 2.05538 4.41838C1.41409 4.4414 0.452148 4.59481 0.0903915 5.1778C-0.246699 5.72243 0.378152 6.00625 0.896121 5.99091C21.212 5.50764 41.5443 5.46162 61.8685 5.8605C82.1926 6.25939 102.5 7.11085 122.783 8.39955C134.179 9.12062 145.566 9.98742 156.936 10.9923C157.553 11.046 158.572 10.7622 158.901 10.2329C159.263 9.65757 158.589 9.45813 158.096 9.41978C137.862 7.63247 117.579 6.2824 97.2794 5.37724C76.98 4.47208 56.6477 4.0195 36.3235 4.01183C24.9036 4.01183 13.4836 4.14223 2.06361 4.41838L0.904343 5.99091C20.3898 5.27752 39.8836 4.64851 59.3773 4.08854C78.871 3.53623 98.3647 3.05297 117.858 2.65409C128.802 2.43163 139.753 2.22452 150.696 2.04809C151.337 2.04042 152.307 1.86399 152.661 1.28868C153.015 0.713362 152.365 0.483237 151.855 0.475566C136.736 0.214757 121.632 0.0536689 106.521 0.0153147C91.4091 -0.0230396 76.4374 0.0459981 61.3998 0.237769C52.8574 0.345161 44.3068 0.490907 35.7645 0.675008C35.1232 0.69035 34.153 0.859108 33.7995 1.43442C33.4624 1.97905 34.0872 2.26287 34.6052 2.24753V2.23986Z"></path></g><defs><clipPath id="clip0_6_2645"><rect width="159" height="11"></rect></clipPath></defs></svg><span class="relative">a Pro!</span></span> </h1><p class="mx-auto mt-6 max-w-2xl text-lg tracking-tight text-slate-700">A must-have DevTool for all web developers that will make your job easier. <br/>And it's free and<!-- --> <a class="inline-block rounded-lg font-medium text-slate-900 hover:text-slate-950" target="_blank" href="https://github.com/responsively-org/responsively-app">open source</a> <!-- -->too! ð</p><div class="mt-10 flex flex-wrap justify-center gap-4"><a class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 text-center bg-slate-900 text-white hover:bg-slate-700 hover:text-slate-100 active:bg-slate-800 active:text-slate-300 focus-visible:outline-slate-900" href="/download">Download Now</a><a class="group inline-flex ring-1 items-center justify-center rounded-full py-2 px-4 text-sm focus:outline-none text-center ring-slate-200 text-slate-700 hover:text-slate-900 hover:ring-slate-300 active:bg-slate-100 active:text-slate-600 focus-visible:outline-blue-600 focus-visible:ring-slate-300" href="/download#beta">Try the beta</a></div><div class="mt-24 md:mt-36 lg:mt-24"><div class="my-4 flex h-[100px] justify-center"></div></div><div class="mt-20"><div><p class="font-display text-base text-slate-900">Supported by these amazing sponsors</p><ul role="list" class="mt-8 flex flex-col items-center justify-center gap-8 sm:gap-x-0 sm:gap-y-10 lg:flex-row xl:flex-row xl:gap-x-12 xl:gap-y-0"><li><ul role="list" class="flex flex-col items-center gap-y-8 sm:gap-x-12 sm:gap-y-0 md:flex-row"><li class="flex rounded"><a target="_blank" aria-label="Visit TestMu AI" href="https://www.testmuai.com/?utm_medium=sponsor&utm_source=responsively-app"><img alt="TestMu AI" loading="lazy" width="224" height="35" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/testmu.a5a8be46.svg"/></a></li></ul></li><li><ul role="list" class="flex flex-col items-center gap-y-8 sm:gap-x-12 sm:gap-y-0 md:flex-row"><li class="flex rounded"><a target="_blank" aria-label="Visit Fun88" href="https://global.fun88.com/?utm_medium=sponsor&utm_source=responsively-app"><img alt="Fun88" loading="lazy" width="160" height="56" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/fun88.86f90931.png"/></a></li></ul></li><li><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/sponsor"><div class="flex h-16 items-center gap-2 rounded-md font-medium text-gray-500 hover:text-gray-800"><span></span>See your logo here</div></a></li></ul></div></div></div></div></div><section id="features" aria-label="Features for running your books" class="relative overflow-hidden pb-28 pt-20 sm:py-32"><div class="absolute top-0 w-full overflow-hidden bg-emerald-500" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1ox="0 0 800 800" opacity="0.3" role="img" aria-label="Blue Purple Red Bubbles"><title>Blue Purple Red Bubbles</title><desc>A decorative SVG with blue, purple, and red bubbles.</desc><defs><filter id="bbblurry-filter-2" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="127" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter></defs><g filter="url(#bbblurry-filter-2)"><ellipse rx="150" ry="150" cx="195.07575212882972" cy="489.54354010245856" fill="#ff5e92"></ellipse><ellipse rx="150" ry="150" cx="411.24331807088123" cy="210.89381150171187" fill="#df4cfe"></ellipse><ellipse rx="150" ry="150" cx="630.9035196778707" cy="172.32006381312212" fill="#008dff"></ellipse></g></svg></div><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative"><div class="max-w-2xl md:mx-auto md:text-center xl:max-w-none"><h2 class="font-display text-3xl tracking-tight text-white sm:text-4xl md:text-5xl">Elevate your web development experience with the comprehensive toolset!</h2><p class="mt-6 text-lg tracking-tight text-emerald-100">Everything you need to create pixel-perfect, responsive websites with ease.</p></div><button type="button" aria-hidden="true" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></button><div class="mt-16 grid grid-cols-1 items-center gap-y-2 pt-10 sm:gap-y-6 md:mt-20 lg:grid-cols-12 lg:pt-0 padding-adjust"><div class="-mx-4 flex overflow-x-auto pb-4 sm:mx-0 sm:overflow-visible sm:pb-0 md:overflow-x-auto md:px-2 lg:col-span-5"><div class="relative z-10 flex gap-x-4 whitespace-nowrap px-4 sm:mx-auto sm:px-0 lg:mx-0 lg:block lg:gap-x-0 lg:gap-y-1 lg:whitespace-normal whitespace-adjust " role="tablist" aria-orientation="horizontal"><div class="group relative rounded-full px-4 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 bg-white lg:bg-white/10 lg:ring-1 lg:ring-inset lg:ring-white/10"><h3><button class="font-display text-lg [&:not(:focus-visible)]:focus:outline-none font-adjust text-emerald-600 lg:text-white" id="headlessui-tabs-tab-:R2ba9m:" role="tab" type="button" aria-selected="true" tabindex="0" data-headlessui-state="selected"><span class="absolute inset-0 rounded-full lg:rounded-l-xl lg:rounded-r-none"></span>All Devices at once</button></h3><p class="mt-2 hidden text-sm lg:block text-white">See all devices at once, side-by-side. No more fiddling around with the devtools resizer. It's all there, at a glance.</p></div><div class="group relative rounded-full px-4 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 hover:bg-white/10 lg:hover:bg-white/5"><h3><button class="font-display text-lg [&:not(:focus-visible)]:focus:outline-none font-adjust text-emerald-300 hover:text-white lg:text-white" id="headlessui-tabs-tab-:R2ja9m:" role="tab" type="button" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="absolute inset-0 rounded-full lg:rounded-l-xl lg:rounded-r-none"></span>Mirrored Interactions</button></h3><p class="mt-2 hidden text-sm lg:block text-emerald-100 group-hover:text-white">Any click, scroll or navigation that you perform in one device will be replicated to all devices in real-time.</p></div><div class="group relative rounded-full px-4 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6 hover:bg-white/10 lg:hover:bg-white/5"><h3><button class="font-display text-lg [&:not(:focus-visible)]:focus:outline-none font-adjust text-emerald-300 hover:text-white lg:text-white" id="headlessui-tabs-tab-:R2ra9m:" role="tab" type="button" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="absolute inset-0 rounded-full lg:rounded-l-xl lg:rounded-r-none"></span>Quick Context Switching</button></h3><p class="mt-2 hidden text-sm lg:block text-emerald-100 group-hover:text-white">Save your favorite device combinations as Preview Suits and quickly switch between them when you're testing.</p></div><div class="group relative rounded-full px-4 py-1 lg:rounded-l-xl lg:rou
1nded-r-none lg:p-6 hover:bg-white/10 lg:hover:bg-white/5"><h3><button class="font-display text-lg [&:not(:focus-visible)]:focus:outline-none font-adjust text-emerald-300 hover:text-white lg:text-white" id="headlessui-tabs-tab-:R33a9m:" role="tab" type="button" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="absolute inset-0 rounded-full lg:rounded-l-xl lg:rounded-r-none"></span>Extensive Device Profiles</button></h3><p class="mt-2 hidden text-sm lg:block text-emerald-100 group-hover:text-white">Responsively comes with a large collection of device profiles out of the box. You can also add your own custom devices.</p></div></div></div><div class="lg:col-span-7"><div id="headlessui-tabs-panel-:Rda9m:" role="tabpanel" tabindex="0" data-headlessui-state="selected"><div class="relative sm:px-6 lg:hidden"><div class="absolute -inset-x-4 bottom-[-4.25rem] top-[-6.5rem] bg-white/10 ring-1 ring-inset ring-white/10 sm:inset-x-0 sm:rounded-t-xl"></div><p class="relative mx-auto max-w-2xl text-base text-white sm:text-center">See all devices at once, side-by-side. No more fiddling around with the devtools resizer. It's all there, at a glance.</p></div><div class="3xl:w-[67.8125rem] mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-emerald-900/20 sm:w-auto lg:mt-0 lg:w-[63.8125rem]"></div></div><div id="headlessui-tabs-panel-:Rla9m:" role="tabpanel" tabindex="-1" hidden="" style="display:none" data-headlessui-state=""><div class="relative sm:px-6 lg:hidden"><div class="absolute -inset-x-4 bottom-[-4.25rem] top-[-6.5rem] bg-white/10 ring-1 ring-inset ring-white/10 sm:inset-x-0 sm:rounded-t-xl"></div><p class="relative mx-auto max-w-2xl text-base text-white sm:text-center">Any click, scroll or navigation that you perform in one device will be replicated to all devices in real-time.</p></div><div class="3xl:w-[67.8125rem] mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-emerald-900/20 sm:w-auto lg:mt-0 lg:w-[63.8125rem]"></div></div><div id="headlessui-tabs-panel-:Rta9m:" role="tabpanel" tabindex="-1" hidden="" style="display:none" data-headlessui-state=""><div class="relative sm:px-6 lg:hidden"><div class="absolute -inset-x-4 bottom-[-4.25rem] top-[-6.5rem] bg-white/10 ring-1 ring-inset ring-white/10 sm:inset-x-0 sm:rounded-t-xl"></div><p class="relative mx-auto max-w-2xl text-base text-white sm:text-center">Save your favorite device combinations as Preview Suits and quickly switch between them when you're testing.</p></div><div class="3xl:w-[67.8125rem] mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-emerald-900/20 sm:w-auto lg:mt-0 lg:w-[63.8125rem]"></div></div><div id="headlessui-tabs-panel-:R15a9m:" role="tabpanel" tabindex="-1" hidden="" style="display:none" data-headlessui-state=""><div class="relative sm:px-6 lg:hidden"><div class="absolute -inset-x-4 bottom-[-4.25rem] top-[-6.5rem] bg-white/10 ring-1 ring-inset ring-white/10 sm:inset-x-0 sm:rounded-t-xl"></div><p class="relative mx-auto max-w-2xl text-base text-white sm:text-center">Responsively comes with a large collection of device profiles out of the box. You can also add your own custom devices.</p></div><div class="3xl:w-[67.8125rem] mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-emerald-900/20 sm:w-auto lg:mt-0 lg:w-[63.8125rem]"></div></div></div></div></div></section><section id="secondary-features" aria-label="Features for simplifying everyday business tasks" class="pb-14 pt-20 sm:pb-20 sm:pt-32 lg:pb-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><header class="mx-auto max-w-2xl md:text-center"><h2 class="font-display text-3xl tracking-tight text-slate-900 sm:text-4xl">Not to miss the Nifty Utilities</h2><p class="mt-4 text-lg tracking-tight text-slate-700">Embrace the power of our Versatile Utility Collection to make your life easier.</p></header><div><div class="-mx-4 mt-20 flex flex-col gap-y-10 overflow-hidden px-4 sm:-mx-6 sm:px-6 lg:hidden"><div><article class="mx-auto max-w-2xl"><div class="w-9 rounded-lg text-emerald-600"><span></span></div><h3 class="mt-6 text-sm font-medium text-emerald-600">One inspector for all devices</h3><p class="mt-2 font-display text-xl text-slate-900">Stay on top of your design with the Unified Inspector.</p><p class="mt-4 text-sm text-slate-600">The Unified Inspector allows you to inspect elements across all devices at once. Just press<!-- --> <span class="rounded-md bg-gray-200 px-2 py-1">Cmd/Ctrl</span> + <span class="rounded-md bg-gray-200 px-2 py-1">I</span> to activate it and hover over any element to see its details.</p></article><div class="relative mt-10 pb-10"><div class="absolute -inset-x-4 bottom-0 top-8 bg-slate-200 sm:-inset-x-6"></div><div class="relative mx-auto w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10"><figure>
1<video autoplay="" loop="" muted="" playsinline="" name="media" sizes="52.75rem" class="w-full"><source src="https://responsively-org.github.io/responsively-app/assets/video/unified-inspector.mp4"/></video><figcaption class="sr-only">One inspector for all devices</figcaption></figure></div></div></div><div><article class="mx-auto max-w-2xl"><div class="w-9 rounded-lg text-emerald-600"><span></span></div><h3 class="mt-6 text-sm font-medium text-emerald-600">One Click Screenshots</h3><p class="mt-2 font-display text-xl text-slate-900">Take full page screenshots of all devices at once with a single click.</p><p class="mt-4 text-sm text-slate-600">You can also take screenshots of individual devices by clicking on the camera icon in the device toolbar. And a quick screenshot of the viewport too.</p></article><div class="relative mt-10 pb-10"><div class="absolute -inset-x-4 bottom-0 top-8 bg-slate-200 sm:-inset-x-6"></div><div class="relative mx-auto w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10"><figure><video autoplay="" loop="" muted="" playsinline="" name="media" sizes="52.75rem" class="w-full"><source src="https://responsively-org.github.io/responsively-app/assets/video/screenshot.mp4"/></video><figcaption class="sr-only">One Click Screenshots</figcaption></figure></div></div></div><div><article class="mx-auto max-w-2xl"><div class="w-9 rounded-lg text-emerald-600"><span></span></div><h3 class="mt-6 text-sm font-medium text-emerald-600">Basic Browser features</h3><p class="mt-2 font-display text-xl text-slate-900">In addition to the above, you get all the basic browser features.</p><p class="mt-4 text-sm text-slate-600">You get all the basic browser features like cookie management, local storage, session storage, bookmarks, etc. You can also use the devtools as in any browser.</p></article><div class="relative mt-10 pb-10"><div class="absolute -inset-x-4 bottom-0 top-8 bg-slate-200 sm:-inset-x-6"></div><div class="relative mx-auto w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10"><figure><video autoplay="" loop="" muted="" playsinline="" name="media" sizes="52.75rem" class="w-full"><source src="https://responsively-org.github.io/responsively-app/assets/video/other-features.mp4"/></video><figcaption class="sr-only">Basic Browser features</figcaption></figure></div></div></div></div><button type="button" aria-hidden="true" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></button><div class="hidden lg:mt-20 lg:block"><div class="grid grid-cols-3 gap-x-8" role="tablist" aria-orientation="horizontal"><article class="relative"><div class="w-9 rounded-lg text-emerald-600"><span></span></div><h3 class="mt-6 text-sm font-medium text-emerald-600"><button class="[&:not(:focus-visible)]:focus:outline-none" id="headlessui-tabs-tab-:R2badm:" role="tab" type="button" aria-selected="true" tabindex="0" data-headlessui-state="selected"><span class="absolute inset-0"></span>One inspector for all devices</button></h3><p class="mt-2 font-display text-xl text-slate-900">Stay on top of your design with the Unified Inspector.</p><p class="mt-4 text-sm text-slate-600">The Unified Inspector allows you to inspect elements across all devices at once. Just press<!-- --> <span class="rounded-md bg-gray-200 px-2 py-1">Cmd/Ctrl</span> + <span class="rounded-md bg-gray-200 px-2 py-1">I</span> to activate it and hover over any element to see its details.</p></article><article class="relative opacity-75 hover:opacity-100"><div class="w-9 rounded-lg"><span></span></div><h3 class="mt-6 text-sm font-medium text-slate-600"><button class="[&:not(:focus-visible)]:focus:outline-none" id="headlessui-tabs-tab-:R2jadm:" role="tab" type="button" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="absolute inset-0"></span>One Click Screenshots</button></h3><p class="mt-2 font-display text-xl text-slate-900">Take full page screenshots of all devices at once with a single click.</p><p class="mt-4 text-sm text-slate-600">You can also take screenshots of individual devices by clicking on the camera icon in the device toolbar. And a quick screenshot of the viewport too.</p></article><article class="relative opacity-75 hover:opacity-100"><div class="w-9 rounded-lg"><span></span></div><h3 class="mt-6 text-sm font-medium text-slate-600"><button class="[&:not(:focus-visible)]:focus:outline-none" id="headlessui-tabs-tab-:R2radm:" role="tab" type="button" aria-selected="false" tabindex="-1" data-headlessui-state=""><span class="absolute inset-0"></span>Basic Browser features</button></h3><p class="mt-2 font-display text-xl text-slate-900">In addition to the above, you get all the basic browser features.</p><p class="mt-4 text-sm text-slate-600">You get all the basic browser features like cookie management, local storage, session storage, bookmarks, etc. You can also use the devtools as in any browser.</p></article></div>
1<div class="relative mt-20 overflow-hidden rounded-4xl bg-slate-200 px-14 py-16 xl:px-16"><div class="-mx-5 flex"><div class="px-5 transition duration-500 ease-in-out [&:not(:focus-visible)]:focus:outline-none" style="transform:translateX(-0%)" aria-hidden="false" id="headlessui-tabs-panel-:R1dadm:" role="tabpanel" tabindex="0" data-headlessui-state="selected"><div class="w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10"></div></div><div class="px-5 transition duration-500 ease-in-out [&:not(:focus-visible)]:focus:outline-none opacity-60" style="transform:translateX(-0%)" aria-hidden="true" id="headlessui-tabs-panel-:R2dadm:" role="tabpanel" tabindex="-1" data-headlessui-state=""><div class="w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10"></div></div><div class="px-5 transition duration-500 ease-in-out [&:not(:focus-visible)]:focus:outline-none opacity-60" style="transform:translateX(-0%)" aria-hidden="true" id="headlessui-tabs-panel-:R3dadm:" role="tabpanel" tabindex="-1" data-headlessui-state=""><div class="w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10"></div></div></div><div class="pointer-events-none absolute inset-0 rounded-4xl ring-1 ring-inset ring-slate-900/10"></div></div></div></div></div></section><section id="get-started-today" class="relative overflow-hidden py-32"><div class="absolute top-0 w-full overflow-hidden bg-emerald-500" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 800" opacity="0.3" role="img" aria-label="Blue Purple Red Bubbles"><title>Blue Purple Red Bubbles</title><desc>A decorative SVG with blue, purple, and red bubbles.</desc><defs><filter id="bbblurry-filter-2" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="127" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter></defs><g filter="url(#bbblurry-filter-2)"><ellipse rx="150" ry="150" cx="195.07575212882972" cy="489.54354010245856" fill="#ff5e92"></ellipse><ellipse rx="150" ry="150" cx="411.24331807088123" cy="210.89381150171187" fill="#df4cfe"></ellipse><ellipse rx="150" ry="150" cx="630.9035196778707" cy="172.32006381312212" fill="#008dff"></ellipse></g></svg></div><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative"><div class="mx-auto max-w-lg text-center"><h2 class="font-display text-3xl tracking-tight text-white sm:text-4xl">Get started today</h2><p class="mt-4 text-lg tracking-tight text-white">Time to kick off your journey towards Web Development Mastery.</p><a class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 text-center bg-white text-slate-900 hover:bg-blue-50 active:bg-blue-200 active:text-slate-600 focus-visible:outline-white mt-10" href="/download">Download Now</a></div></div></section><section id="testimonials" aria-label="What our customers are saying" class="bg-slate-50 py-20 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl md:text-center"><h2 class="font-display text-3xl tracking-tight text-slate-900 sm:text-4xl">Loved by developers worldwide.</h2><p class="mt-4 text-lg tracking-tight text-slate-700">Hereâs what some of our users have to say about Responsively.</p></div></div><div class="mx-auto mt-16 max-w-2xl px-8 sm:px-8 lg:mt-20 lg:max-w-none"><div class="masonry sm:columns-1 md:columns-2 lg:columns-3 xl:columns-4 2xl:columns-5 column-gap-6"><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div><div class="break-inside-avoid"><div class="react-tweet-theme tweet-container_root__oEvvl tweet-skeleton_root__vziMr"><article class="tweet-container_article___GeQN"><span class="skeleton_skeleton__NNIe_" style="height:3rem;margin-bottom:0.75rem"></span><span class="skeleton_skeleton__NNIe_" style="height:6rem;margin:0.5rem 0"></span><div style="border-top:var(--tweet-border);margin:0.5rem 0"></div><span class="skeleton_skeleton__NNIe_" style="height:2rem"></span><span class="skeleton_skeleton__NNIe_" style="height:2rem;border-radius:9999px;margin-top:0.5rem"></span></article></div></div></div></div></section><section id="faq
1" aria-labelledby="faq-title" class="relative overflow-hidden bg-slate-50 py-20 sm:py-32"><img alt="" loading="lazy" width="1558" height="946" decoding="async" data-nimg="1" class="absolute left-1/2 top-0 max-w-none -translate-y-1/4 translate-x-[-30%]" style="color:transparent" src="/_next/static/media/background-faqs.55d2e36a.jpg"/><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative"><div class="mx-auto max-w-3xl"><h2 id="faq-title" class="mb-6 text-center font-display text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl">Frequently Asked Questions</h2><p class="mb-12 text-center text-xl tracking-tight text-slate-700">If you canât find what youâre looking for, please open an issue on our<!-- --> <a href="https://github.com/responsively-org/responsively-app" target="_blank" class="underline">GitHub</a>.</p><div class="space-y-6"><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">Does Responsively App render the page with the same engine as the browser?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">Does Responsively App accurately render as real devices?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">Is Responsively App a good replacement for real devices?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">Is Responsively App free?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">How do I report a bug?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">How do I request a feature?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">
1How can I support Responsively App?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="rounded-2xl bg-white shadow-sm transition-shadow duration-300 hover:shadow-md"><button class="flex w-full items-center justify-between px-6 py-4 text-left"><span class="font-semibold text-slate-900">How can I contribute to Responsively App?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-slate-500"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div></div></section></main><footer class="relative z-10 bg-slate-50"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="py-16"><a aria-label="Home Page" href="/"><svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" class="mx-auto h-10 w-auto"><path d="M725.567 445.055H991.768C1002.84 445.055 1011.84 454.051 1011.84 465.124V940.531C1011.84 951.604 1002.84 960.6 991.768 960.6H725.567C714.494 960.6 705.498 951.604 705.498 940.531V465.124C705.498 454.051 714.494 445.055 725.567 445.055Z" fill="black" stroke="#454545" stroke-width="7.24951" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 960.6H996.893C1005.14 960.6 1011.84 953.906 1011.84 945.656V938.185H705.498V945.656C705.498 953.906 712.193 960.6 720.442 960.6Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 445.055H996.893C1005.14 445.055 1011.84 451.75 1011.84 459.999V467.47H705.498V459.999C705.498 451.75 712.193 445.055 720.442 445.055Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M810.274 838.586V643.469H839.237V672.94H841.27C844.826 663.286 851.263 655.452 860.578 649.439C869.894 643.427 880.395 640.42 892.081 640.42C894.283 640.42 897.035 640.463 900.338 640.547C903.641 640.632 906.139 640.759 907.833 640.929V671.416C906.817 671.162 904.488 670.78 900.846 670.272C897.29 669.68 893.521 669.383 889.541 669.383C880.056 669.383 871.587 671.373 864.135 675.353C856.767 679.249 850.924 684.669 846.605 691.613C842.37 698.473 840.253 706.306 840.253 715.114V838.586H810.274Z" fill="#00B68A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 445.055V80.2509C13 71.2849 20.2849 64 29.2509 64H646.784C655.75 64 663.035 71.2849 663.035 80.2509V944.349C663.035 953.315 655.75 960.6 646.784 960.6H29.2509C20.2849 960.6 13 953.315 13 944.349V445.055Z" fill="black" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="3" stroke-linecap="square"></path><path d="M308.965 553.752C333.992 553.752 355.754 548.04 374.252 536.614C392.75 524.645 406.623 509.412 415.872 490.914C425.665 471.872 430.561 452.014 430.561 431.34C430.561 410.122 425.937 390.264 416.688 371.766C407.983 352.724 394.382 337.219 375.884 325.25C357.386 313.28 334.808 307.296 308.149 307.296H238.782V761.036C238.782 782.799 241.503 799.392 246.943 810.817C252.384 821.698 258.368 829.043 264.897 832.852C271.426 836.116 274.69 837.204 274.69 836.116H144.933C144.933 837.204 148.198 835.844 154.726 832.035C161.255 828.227 166.967 820.882 171.864 810.001C177.304 799.12 180.025 782.799 180.025 761.036V352.996C180.025 330.69 177.304 313.825 171.864 302.399C166.967 290.43 161.255 282.541 154.726 278.733C148.198 274.381 144.933 273.021 144.933 274.653H306.517C348.953 274.653 383.773 281.725 410.975 295.871C438.722 309.472 458.58 327.426 470.549 349.732C483.062 371.494 489.319 395.433 489.319 421.547C489.319 443.309 484.151 464.799 473.814 486.017C463.477 506.691 448.515 524.917 428.929 540.695C409.887 555.928 387.581 566.537 362.011 572.522L348.953 574.97L492.583 757.772C511.625 778.99 527.403 795.312 539.916 806.737C552.429 818.162 561.406 825.779 566.847 829.587C572.831 833.396 576.368 835.572 577.456 836.116H481.974L260.001 553.752H308.965Z" fill="#00B68A"></path></svg></a><nav class="mt-10 text-sm" aria-label="quick links"><div class="-my-1 flex flex-wrap justify-center gap-x-6"><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/#features">Features</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/#testimonials">Testimonials</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/download">Download</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/sponsor">Sponsor</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/blog">Blog</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/join-discord">Join Discord</a></div></nav></div><div class="flex flex-col items-center border-t border-slate-400/10 py-10 md:flex-row-reverse md:justify-between"><div class="flex items-center gap-x-6"><a class="group" aria-label="Responsively App on Twitter" href="https://twitter.com/ResponsivelyApp"><svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" fill="currentColor" class="h-5 w-5 fill-slate-500 group-hover:fill-slate-700" viewB
1ox="0 0 16 16"><path d="M12.6 .75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601 .75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path></svg></a><a class="group" aria-label="Responsively App on GitHub" href="https://github.com/responsively-org/responsively-app"><svg aria-hidden="true" class="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z"></path></svg></a><a class="group" aria-label="Join Responsively App Discord" href="/join-discord"><span></span></a></div><p class="mt-6 text-center text-sm text-slate-500 sm:mt-0">Copyright © <!-- -->2026<!-- --> Responsively App. All rights reserved and subject to the <a href="/privacy-policy">Privacy Policy</a> and<!-- --> <a href="/terms-and-conditions">Terms and Conditions</a>.</p></div></div><button class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 text-center bg-emerald-600 text-white hover:text-slate-100 hover:bg-emerald-500 active:bg-emerald-800 active:text-emerald-100 focus-visible:outline-emerald-600 fixed right-2 bottom-2 goToTop" style="width:40px;height:40px;padding:4px 8px"><svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"></path></svg></button></footer></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"z-_kj4PuRCh5Tfpu12SfN","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"35f1eec3db324c38aab178f66b4f2767","r":1,"spa":2}' crossorigin="anonymous"></script>
1 2</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.