- URL: https://figkit.com
- Date: 08/10/24 21:44:09
Webpage Performance Test Result
- Settings: Desktop
v127
Cable
Frankfurt, GermanyMore
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics
View:
Requests Details
Use this page to explore the metric timings and request waterfall for any run of your test.
Page Performance Metrics (Run 1)
View run details: Run 1 (Repeat View)
| TTFB | Start Render | FCP | Speed Index | LCP | CLS | TBT | DC Time | DC Requests | DC Bytes | Total Time | Total Requests | Page Weight |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| .601S | 1.600S | 1.546S | 1.679S | 2.053S | 0 | .000S | 2.854S | 13 | 2,703KB | 5.973S | 14 | 2,742KB |
Visual Page Loading Process (Explore)
| Navigation Timings | |
|---|---|
| domContentLoadedEvent | loadEvent |
| 1.439s - 1.440s (0.001s) | 2.845s - 2.845s (0s) |
Custom Metrics Data
- Colordepth
- 24
- Dpi
- {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
- Images
- [{"url":"https://figkit.com/media/pages/home/e6b9dbba7f-1636552194/hero-1440x.jpg","width":697,"height":435,"naturalWidth":1920,"naturalHeight":1200},{"url":"https://figkit.com/media/pages/templates/payment-processing-app/806d2a8209-1636552198/payment-processing-home-960x.png","width":572,"height":358,"naturalWidth":1920,"naturalHeight":1200},{"url":"https://figkit.com/media/pages/templates/project-management-app/91b54b8084-1636552196/project-management-home-960x.png","width":572,"height":358,"naturalWidth":1920,"naturalHeight":1200},{"url":"https://figkit.com/media/pages/home/acaa8a3099-1636552194/charts.png","width":1200,"height":589,"naturalWidth":0,"naturalHeight":0},{"url":"https://figkit.com/media/pages/home/c5768bf66e-1636552194/desktop-mobile.png","width":1200,"height":541,"naturalWidth":0,"naturalHeight":0},{"url":"https://figkit.com/media/site/5752040259-1636552192/brands.png","width":680,"height":25,"naturalWidth":0,"naturalHeight":0},{"url":"https://figkit.com/media/pages/home/ea5777224b-1636552194/components.png","width":1200,"height":478,"naturalWidth":0,"naturalHeight":0}]
- Resolution
- {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
- fonts
- [{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"900"}]
- generated-content-percent
- -0.06
- generated-content-size
- -0.03
- imgs-in-viewport
- [{"src":"https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero.jpg","html":"<img onload=\"this.classList.remove('js-loading')\" class=\"full-width border border-img rounded js-animation js-a-type-fade-in js-scrolled\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero.jpg\" srcset=\"https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero-960x.jpg 960w, https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero-1440x.jpg 1440w\" width=\"2880\" height=\"1800\" alt=\"\">","currentSrc":"https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero-1440x.jpg","srcSet":"https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero-960x.jpg 960w, https:\/\/figkit.com\/media\/pages\/home\/e6b9dbba7f-1636552194\/hero-1440x.jpg 1440w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1200}]
- imgs-no-alt
- []
- imgs-out-viewport
- [{"src":"https:\/\/figkit.com\/media\/pages\/templates\/payment-processing-app\/806d2a8209-1636552198\/payment-processing-home-720x.png","html":"<img class=\"full-width\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/pages\/templates\/payment-processing-app\/806d2a8209-1636552198\/payment-processing-home-720x.png\" srcset=\"https:\/\/figkit.com\/media\/pages\/templates\/payment-processing-app\/806d2a8209-1636552198\/payment-processing-home-960x.png 960w\" width=\"2880\" height=\"1800\" alt=\"Payment Processing App\">","currentSrc":"https:\/\/figkit.com\/media\/pages\/templates\/payment-processing-app\/806d2a8209-1636552198\/payment-processing-home-960x.png","srcSet":"https:\/\/figkit.com\/media\/pages\/templates\/payment-processing-app\/806d2a8209-1636552198\/payment-processing-home-960x.png 960w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1200},{"src":"https:\/\/figkit.com\/media\/pages\/templates\/project-management-app\/91b54b8084-1636552196\/project-management-home-720x.png","html":"<img class=\"full-width\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/pages\/templates\/project-management-app\/91b54b8084-1636552196\/project-management-home-720x.png\" srcset=\"https:\/\/figkit.com\/media\/pages\/templates\/project-management-app\/91b54b8084-1636552196\/project-management-home-960x.png 960w\" width=\"2880\" height=\"1800\" alt=\"Project Management App\">","currentSrc":"https:\/\/figkit.com\/media\/pages\/templates\/project-management-app\/91b54b8084-1636552196\/project-management-home-960x.png","srcSet":"https:\/\/figkit.com\/media\/pages\/templates\/project-management-app\/91b54b8084-1636552196\/project-management-home-960x.png 960w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1200},{"src":"https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts.png","html":"<img class=\"full-width\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts.png\" srcset=\"https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts-960x.png 960w, https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts-1440x.png 1440w, https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts-2880x.png 2880w\" width=\"3456\" height=\"1696\" alt=\"Figkit - Charts\">","currentSrc":"","srcSet":"https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts-960x.png 960w, https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts-1440x.png 1440w, https:\/\/figkit.com\/media\/pages\/home\/acaa8a3099-1636552194\/charts-2880x.png 2880w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile.png","html":"<img class=\"full-width\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile.png\" srcset=\"https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile-960x.png 960w, https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile-1440x.png 1440w, https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile-2880x.png 2880w\" width=\"3822\" height=\"1724\" alt=\"Figkit - Desktop and Mobile\">","currentSrc":"","srcSet":"https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile-960x.png 960w, https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile-1440x.png 1440w, https:\/\/figkit.com\/media\/pages\/home\/c5768bf66e-1636552194\/desktop-mobile-2880x.png 2880w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands.png","html":"<img class=\"full-width\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands.png\" srcset=\"https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands-960x.png 960w, https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands-1440x.png 1440w, https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands-2880x.png 2880w\" width=\"2880\" height=\"104\" alt=\"Brands\">","currentSrc":"","srcSet":"https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands-960x.png 960w, https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands-1440x.png 1440w, https:\/\/figkit.com\/media\/site\/5752040259-1636552192\/brands-2880x.png 2880w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components.png","html":"<img class=\"full-width\" loading=\"lazy\" src=\"https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components.png\" srcset=\"https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components-960x.png 960w, https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components-1440x.png 1440w, https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components-2880x.png 2880w\" width=\"6284\" height=\"2504\" alt=\"Components\">","currentSrc":"","srcSet":"https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components-960x.png 960w, https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components-1440x.png 1440w, https:\/\/figkit.com\/media\/pages\/home\/ea5777224b-1636552194\/components-2880x.png 2880w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
- jsLibsVulns
- []
- meta-viewport
- width=device-width,initial-scale=1.0
- possibly-render-blocking-reqs
- ["https:\/\/figkit.com\/assets\/build\/js\/main.min.js?ver=1717248672","https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap","https:\/\/figkit.com\/assets\/build\/css\/main.min.css?ver=1717248672","https:\/\/figkit.com\/assets\/css\/custom.min.css?ver=1717242298"]
- rendered-html
- <html lang="en"><head> <meta charset="utf-8"> <meta name="author" content="Figkit"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Figkit - Wireframe Library for Figma to Communicate and Design Great User Interfaces</title> <meta name="description" content="Figkit is a wireframe library for Figma to communicate and design great user interfaces for desktop and mobile."> <meta property="og:description" content="Figkit is a wireframe library for Figma to communicate and design great user interfaces for desktop and mobile."> <meta property="og:image" content="https://figkit.com/media/site/baa4292de4-1636552234/figkit-1200x800.png"> <meta property="og:site_name" content="Figkit"> <meta property="og:title" content="Figkit - Wireframe Library for Figma to Communicate and Design Great User Interfaces"> <meta property="og:type" content="website"> <meta property="og:url" content="https://figkit.com"> <meta name="twitter:card" content="summary"> <meta name="twitter:creator" content="@uiuxassets"> <meta name="twitter:description" content="Figkit is a wireframe library for Figma to communicate and design great user interfaces for desktop and mobile."> <meta name="twitter:image" content="https://figkit.com/media/site/baa4292de4-1636552234/figkit-1200x800.png"> <meta name="twitter:site" content="@uiuxassets"> <meta name="twitter:title" content="Figkit - Wireframe Library for Figma to Communicate and Design Great User Interfaces"> <link rel="apple-touch-icon-precomposed" href="https://figkit.com/media/site/7bc379d05f-1636552234/icon.png"> <link rel="icon" href="https://figkit.com/media/site/7bc379d05f-1636552234/icon.png"> <link rel="shortcut icon" href="https://figkit.com/media/site/7bc379d05f-1636552234/icon.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet"> <link href="https://figkit.com/assets/build/css/main.min.css?ver=1717248672" rel="stylesheet"> <link href="https://figkit.com/assets/css/custom.min.css?ver=1717242298" rel="stylesheet"> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "logo": { "@type": "ImageObject", "@id": "https://figkit.com/#logo", "caption": "Figkit", "url": "https://figkit.com/media/site/7bc379d05f-1636552234/icon-512x512.png", "height": 512, "width": 512}, "image": { "@id": "https://figkit.com/#logo" }, "sameAs": [ "https://twitter.com/uiuxassets", "https://www.facebook.com/uiuxassets" ], "@type": "Organization", "@id": "https://figkit.com/#organization", "name": "Figkit", "url": "https://figkit.com" }, { "@type": "WebSite", "@id": "https://figkit.com/#website", "name": "Figkit", "url": "https://figkit.com", "publisher": { "@id": "https://figkit.com/#organization" } }, { "@type": "ImageObject", "@id": "https://figkit.com/#primaryimage", "url": "https://figkit.com/media/site/baa4292de4-1636552234/figkit-1200x800.png" }, { "@type": "WebPage", "@id": "https://figkit.com/#webpage", "url": "https://figkit.com", "inLanguage": "en", "name": "Figkit - Wireframe Library for Figma to Communicate and Design Great User Interfaces", "isPartOf": { "@id": "https://figkit.com/#website" }, "about": { "@id": "https://figkit.com/#organization" }, "primaryImageOfPage": { "@id": "https://figkit.com/#primaryimage" }, "description": "Figkit is a wireframe library for Figma to communicate and design great user interfaces for desktop and mobile.", "datePublished": "2021-09-17", "dateModified": "2022-10-21T17:20:38+00:00" } ] } </script> <style>/* inner styles set by WPT to match CSSOM */.preload a, .preload .header-main .header-controls label.switch::after, .preload .header-main .header-controls label.switch::before, .preload label.switch::after, .preload label.switch::before, .transition-none *, .transition-none ::after, .transition-none ::before { transition: none !important; }.js-not-ready .js-animation { animation: auto ease 0s 1 normal none running none !important; }.js-animation.js-loading { animation-play-state: paused !important; }.hero.bg-color-custom { background: rgb(249, 249, 249); }.js-ready .hero .block-1-1-1 .js-animation.js-scrolled { animation-delay: 0s; }.bg-color-custom.blocks-1.blocks-content { background: rgb(204, 206, 208); }.js-ready .block-4-1-1.js-animation.js-scrolled { animation-delay: 0s; }.js-ready .block-4-2-1.js-animation.js-scrolled { animation-delay: 0.2s; }.js-ready .block-4-3-1.js-animation.js-scrolled { animation-delay: 0.4s; }.js-ready .block-9-1-1.js-animation.js-scrolled { animation-delay: 0s; }.bg-color-custom.blocks-13.blocks-content { background: rgb(236, 236, 238); }</style> <!-- Global site tag (gtag.js) - Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-FCJPE89GP2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-FCJPE89GP2'); </script> </head> <body class="primary-white page js-ready"> <script> document.body.classList.remove('js-not-ready'); document.body.classList.add('js-ready'); setTimeout(function() { document.body.classList.remove('preload'); }, 100); </script> <header class="align-right header-main"> <nav class="padding"> <div class="max-width-lg"> <a href="https://figkit.com" class="float-left logo" rel="home"> Figkit </a> <a class="header-toggle"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><path d="M19 15a1 1 0 010 2H1a1 1 0 010-2h18zm0-6a1 1 0 010 2H1a1 1 0 010-2h18zm0-6a1 1 0 010 2H1a1 1 0 110-2h18z" fill="currentColor"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><path d="M4.623 3.278L10 8.656l5.377-5.378a.95.95 0 111.345 1.345L11.344 10l5.378 5.377a.95.95 0 11-1.345 1.345L10 11.344l-5.377 5.378a.95.95 0 01-1.345-1.345L8.656 10 3.278 4.623a.95.95 0 011.345-1.345z" fill="currentColor"></path></svg> </a> <div class="header-space"></div> <ul class="header-listed align-left float-left"> <li class="active"><a aria-current="page" href="https://figkit.com">Home</a></li> <li><a href="https://figkit.com/templates">Templates</a></li> <li><a href="https://figkit.com/components">Components</a></li> <li><a href="https://figkit.com/pricing">Pricing</a></li> </ul> <ul class="header-social"> <li class="icon-twitter"><a href="https://twitter.com/uiuxassets" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="40" viewBox="0 0 18 15"><path d="M16.15 3.738c.011.164.011.329.011.492C16.161 9.234 12.449 15 5.665 15c-2.09 0-4.032-.621-5.665-1.699.297.035.583.047.89.047a7.27 7.27 0 004.58-1.618c-1.577-.03-2.963-1.084-3.448-2.625.23.037.463.057.696.059.331 0 .663-.047.97-.13C1.968 8.678.73 7.125.732 5.32v-.047a3.644 3.644 0 001.668.48A3.81 3.81 0 01.754 2.602c0-.703.183-1.347.502-1.91C3.13 3.058 5.895 4.497 8.863 4.652a4.388 4.388 0 01-.092-.867C8.771 1.7 10.416 0 12.461 0c1.062 0 2.021.457 2.695 1.195a7.152 7.152 0 002.342-.914 3.759 3.759 0 01-1.622 2.086A7.257 7.257 0 0018 1.781a8.046 8.046 0 01-1.85 1.957z" fill="currentColor"></path></svg><span class="name-hidden">Twitter</span></a></li> <li class="icon-facebook"><a href="https://www.facebook.com/uiuxassets" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="40" viewBox="0 0 16 16"><path d="M13 15.996h-2V10h2l.5-2.5H11V5.846c0-.7.229-1.175 1.232-1.175H13.5v-2.16a16.925 16.925 0 0 0-1.854-.097c-1.842 0-3.107 1.125-3.107 3.193V7.5H6.5V10h2.04v6H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v9.996a3 3 0 0 1-3 3z" fill="currentColor"></path></svg><span class="name-hidden">Facebook</span></a></li> </ul> </div> </nav> </header> <main class="page-home header-default"> <section class="hero padding bg-color-custom border-bottom hero-blocks hero-columns hero-padding-top"> <div class="row row-gutter-lg max-width-lg"> <div class="col-2-5 align-middle"> <div class="align-center--md space-bottom--md space-hero space-top--md"> <h1 class="title-fill-none title-h1">The ultimate wireframe kit for Figma.</h1> <div class="paragraph-2x space-bottom-1x">Figkit is a wireframe library for Figma to communicate and design great user interfaces for desktop and mobile.</div> <ul class="list list-inline list--sm"> <li class="full-width--sm space-top-1x"><a href="https://figkit.com/templates" class="button button-style-primary full-width" role="button">Explore Templates</a></li> </ul> </div> </div> <div class="col-3-5 align-middle space-top-none--md"> <div class="blocks blocks-hero blocks-1 padding-bottom padding-top padding-bottom-none padding-top-none"> <div class="row row-gutter-lg row-keep-proportions row-one-column--sm max-width-lg"> <div class="col-1-1 align-top"> <div class="align-left block-1-1-1 block-count-1 block-type-image"> <img onload="this.classList.remove('js-loading')" class="full-width border border-img rounded js-animation js-a-type-fade-in js-scrolled" loading="lazy" src="https://figkit.com/media/pages/home/e6b9dbba7f-1636552194/hero.jpg" srcset="https://figkit.com/media/pages/home/e6b9dbba7f-1636552194/hero-960x.jpg 960w, https://figkit.com/media/pages/home/e6b9dbba7f-1636552194/hero-1440x.jpg 1440w" width="2880" height="1800" alt=""> </div> </div> </div> </div> </div> </div> </section> <section class="bg-color-custom border-bottom blocks blocks-content blocks-1 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-left block-1-1-1 block-count-4 block-type-heading"> <h2 class="title-fill-none title-h3">This kit was created to help you:</h2> </div> <div class="align-left block-1-1-2 block-count-4 block-type-list"> <div class="paragraph"> <ul><li>Get the <strong>design</strong> / <strong>layout</strong> / <strong>UX</strong> just right.</li><li>Spend less time pushing pixels and more time on determine the most important problem to solve.</li><li>Figure out in broad strokes how to solve it with a collection of components for Figma.</li></ul> </div> </div> <div class="align-left block-1-1-3 block-count-4 block-type-text"> <div class="paragraph"> <p>80% of components needed to build any modern web app are included in Figkit. You won't need to spending hours and hours building buttons and fields.. instead you can focus on what matters: communicating your ideas to design great user interfaces.</p><p><strong>What's the tech behind Figkit:</strong></p> </div> </div> <div class="align-left block-1-1-4 block-count-4 block-type-list"> <div class="paragraph"> <ul><li>The only required tool is Figma.</li><li>No plugin needed.</li><li>Everything is designed following the popular 8px grid.</li><li>Figkit is focusing on speed and is allergic to bloat. It is extremely light, the file size is just 821 KB.</li></ul> </div> </div> </div> </div> </section> <section class="blocks blocks-content blocks-2 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-2-1-1 block-count-5 block-type-heading max-width-md max-width-center"> <h2 class="title-fill-none title-h2">Popular Templates</h2> </div> <div class="align-center block-2-1-2 block-count-5 block-type-text max-width-md max-width-center"> <div class="paragraph"> <p>Get started with one of our templetes, built with Figkit + Figma.</p> </div> </div> <span class="align-left block-2-1-3 block-count-5 block-type-spacer"> <div aria-hidden="true"></div> </span> <div class="align-left block-2-1-4 block-count-5 block-type-products"> <div class="row row-fill-empty-columns row-gutter-lg max-width-lg"> <div class="col-1-3"> <div class="border border-img full-width rounded space-bottom-15x"> <a href="https://figkit.com/templates/payment-processing-app" class="full-width position-relative text-decoration-none"> <img class="full-width" loading="lazy" src="https://figkit.com/media/pages/templates/payment-processing-app/806d2a8209-1636552198/payment-processing-home-720x.png" srcset="https://figkit.com/media/pages/templates/payment-processing-app/806d2a8209-1636552198/payment-processing-home-960x.png 960w" width="2880" height="1800" alt="Payment Processing App"> <div class="align-bottom-left position-absolute space-bottom-1x space-left-1x tag tag-size-md tag-style-price"> <span>$79</span> </div> </a> </div> <a href="https://figkit.com/templates/payment-processing-app" class="full-width text-decoration-none"><h2 class="title-h4">Payment Processing App</h2></a> <p class="paragraph space-top-025x">A payment processing app with screens for transactions, products and customers.</p> </div> <div class="col-1-3"> <div class="border border-img full-width rounded space-bottom-15x"> <a href="https://figkit.com/templates/project-management-app" class="full-width position-relative text-decoration-none"> <img class="full-width" loading="lazy" src="https://figkit.com/media/pages/templates/project-management-app/91b54b8084-1636552196/project-management-home-720x.png" srcset="https://figkit.com/media/pages/templates/project-management-app/91b54b8084-1636552196/project-management-home-960x.png 960w" width="2880" height="1800" alt="Project Management App"> <div class="align-bottom-left position-absolute space-bottom-1x space-left-1x tag tag-size-md tag-style-price"> <span>$79</span> </div> </a> </div> <a href="https://figkit.com/templates/project-management-app" class="full-width text-decoration-none"><h2 class="title-h4">Project Management App</h2></a> <p class="paragraph space-top-025x">A project management app with tasks, activity feed and project pages.</p> </div> </div> </div> <div class="align-center block-2-1-5 block-count-5 block-type-button max-width-md max-width-center"> <a href="https://figkit.com/templates" class="button button-style-primary" role="button">View All Templates</a> </div> </div> </div> </section> <section class="blocks blocks-content blocks-3 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-3-1-1 block-count-2 block-type-heading max-width-md max-width-center"> <h2 class="title-fill-none title-h2">A great starter kit for Figma.</h2> </div> <div class="align-center block-3-1-2 block-count-2 block-type-text max-width-md max-width-center"> <div class="paragraph"> <p>Figkit is a library of components that serves as a starting point for any project and is a well-engineered system to create beautiful wireframes.</p> </div> </div> </div> </div> </section> <section class="blocks blocks-content blocks-4 padding padding-top-none"> <div class="row row-gutter-lg row-one-column--lg max-width-lg"> <div class="col-1-3 align-top"> <div class="align-left block-4-1-1 block-count-1 block-type-blurb bg-color-white border card card-content js-animation js-a-type-bottom js-scrolled"> <div class="margin-auto-left space-bottom-05x"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="24" viewBox="0 0 20 20"><path d="M10,10.7071068 L12.8284271,13.5355339 L10,16.363961 L7.17157288,13.5355339 L10,10.7071068 Z M13.5355339,7.17157288 L16.363961,10 L13.5355339,12.8284271 L10.7071068,10 L13.5355339,7.17157288 Z M6.46446609,7.17157288 L9.29289322,10 L6.46446609,12.8284271 L3.63603897,10 L6.46446609,7.17157288 Z M10,3.63603897 L12.8284271,6.46446609 L10,9.29289322 L7.17157288,6.46446609 L10,3.63603897 Z M15,0 C17.7614237,0 20,2.23857625 20,5 L20,15 C20,17.7614237 17.7614237,20 15,20 L5,20 C2.23857625,20 0,17.7614237 0,15 L0,5 C0,2.23857625 2.23857625,0 5,0 L15,0 Z M15,2 L5,2 C3.40231912,2 2.09633912,3.24891996 2.00509269,4.82372721 L2,5 L2,15 C2,16.5976809 3.24891996,17.9036609 4.82372721,17.9949073 L5,18 L15,18 C16.5976809,18 17.9036609,16.75108 17.9949073,15.1762728 L18,15 L18,5 C18,3.40231912 16.75108,2.09633912 15.1762728,2.00509269 L15,2 Z" fill="currentColor"></path></svg></div> <h3 class="title-h5">Components and variants</h3> <div class="paragraph"> Figkit is organized with variants to makes it easier to maintain. </div> </div> </div> <div class="col-1-3 align-top"> <div class="align-left block-4-2-1 block-count-1 block-type-blurb bg-color-white border card card-content js-animation js-a-type-bottom js-scrolled"> <div class="margin-auto-left space-bottom-05x"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="24" viewBox="0 0 20 20"><path d="M15,5 L15,15 L5,15 L5,5 L15,5 Z M14,6 L6,6 L6,14 L14,14 L14,6 Z M15,0 C17.7614237,0 20,2.23857625 20,5 L20,15 C20,17.7614237 17.7614237,20 15,20 L5,20 C2.23857625,20 0,17.7614237 0,15 L0,5 C0,2.23857625 2.23857625,0 5,0 L15,0 Z M15,2 L5,2 C3.40231912,2 2.09633912,3.24891996 2.00509269,4.82372721 L2,5 L2,15 C2,16.5976809 3.24891996,17.9036609 4.82372721,17.9949073 L5,18 L15,18 C16.5976809,18 17.9036609,16.75108 17.9949073,15.1762728 L18,15 L18,5 C18,3.40231912 16.75108,2.09633912 15.1762728,2.00509269 L15,2 Z M10.5,15.5 L10.5,17.5 L9.5,17.5 L9.5,15.5 L10.5,15.5 Z M10.5,7.5 L10.5,9.5 L12.5,9.5 L12.5,10.5 L10.5,10.5 L10.5,12.5 L9.5,12.5 L9.5,10.5 L7.5,10.5 L7.5,9.5 L9.5,9.5 L9.5,7.5 L10.5,7.5 Z M4.5,9.5 L4.5,10.5 L2.5,10.5 L2.5,9.5 L4.5,9.5 Z M17.5,9.5 L17.5,10.5 L15.5,10.5 L15.5,9.5 L17.5,9.5 Z M10.5,2.5 L10.5,4.5 L9.5,4.5 L9.5,2.5 L10.5,2.5 Z" fill="currentColor"></path></svg></div> <h3 class="title-h5">Responsive components</h3> <div class="paragraph"> Control how your design look across different screen sizes. </div> </div> </div> <div class="col-1-3 align-top"> <div class="align-left block-4-3-1 block-count-1 block-type-blurb bg-color-white border card card-content js-animation js-a-type-bottom js-scrolled"> <div class="margin-auto-left space-bottom-05x"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="24" viewBox="0 0 20 20"><path d="M16,4 L16,16 L4,16 L4,4 L16,4 Z M15,5 L5,5 L5,15 L15,15 L15,5 Z M13,7 L13,13 L7,13 L7,7 L13,7 Z M12,8 L8,8 L8,12 L12,12 L12,8 Z M15,0 C17.7614237,0 20,2.23857625 20,5 L20,15 C20,17.7614237 17.7614237,20 15,20 L5,20 C2.23857625,20 0,17.7614237 0,15 L0,5 C0,2.23857625 2.23857625,0 5,0 L15,0 Z M15,2 L5,2 C3.40231912,2 2.09633912,3.24891996 2.00509269,4.82372721 L2,5 L2,15 C2,16.5976809 3.24891996,17.9036609 4.82372721,17.9949073 L5,18 L15,18 C16.5976809,18 17.9036609,16.75108 17.9949073,15.1762728 L18,15 L18,5 C18,3.40231912 16.75108,2.09633912 15.1762728,2.00509269 L15,2 Z" fill="currentColor"></path></svg></div> <h3 class="title-h5">Auto layout</h3> <div class="paragraph"> Create designs that dynamically reflows as their contents change. </div> </div> </div> </div> </section> <section class="blocks blocks-content blocks-5 padding"> <div class="row row-gutter-lg row-one-column--xl max-width-lg"> <div class="col-1-3 align-middle"> <div class="align-center--xl block-5-1-1 block-count-2 block-type-heading"> <h2 class="title-fill-none title-h2">Resizing constraints.</h2> </div> <div class="align-center--xl block-5-1-2 block-count-2 block-type-text"> <div class="paragraph"> <p>Work faster, smarter and with higher consistency with constraints. Designed according to the auto layout feature in Figma, all components share the same goal: to evoke simplicity.</p> </div> </div> </div> <div class="col-2-3 align-middle"> <div class="align-left block-5-2-1 block-count-1 block-type-video"> <div class="bg-color-dark max-width-lg max-width-center border rounded"> <figure class="full-width"> <video class="full-width" autoplay="" loop="" muted="" playsinline=""> <source src="https://figkit.com/media/pages/home/5af364c5eb-1636552194/resizing-constraints.mp4" type="video/mp4"> <p>Your browser does not support the video element.</p> </video> </figure> </div> </div> </div> </div> </section> <section class="blocks blocks-content blocks-6 padding"> <div class="row row-gutter-lg row-one-column--xl row-reverse max-width-lg"> <div class="col-2-3 align-middle"> <div class="align-left block-6-1-1 block-count-1 block-type-video"> <div class="bg-color-dark max-width-lg max-width-center border rounded"> <figure class="full-width"> <video class="full-width" autoplay="" loop="" muted="" playsinline=""> <source src="https://figkit.com/media/pages/home/39c4d89d1a-1636552194/variants.mp4" type="video/mp4"> <p>Your browser does not support the video element.</p> </video> </figure> </div> </div> </div> <div class="col-1-3 align-middle"> <div class="align-center--xl block-6-2-1 block-count-2 block-type-heading"> <h2 class="title-fill-none title-h2">The power of variants.</h2> </div> <div class="align-center--xl block-6-2-2 block-count-2 block-type-text"> <div class="paragraph"> <p>One of the most powerful features in Figma is to create variants. They can be overridden with various content, leaving your interface with more power and control.</p> </div> </div> </div> </div> </section> <section class="blocks blocks-content blocks-7 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-7-1-1 block-count-3 block-type-heading max-width-md max-width-center"> <h2 class="title-fill-none title-h2">Work with responsive charts.</h2> </div> <div class="align-center block-7-1-2 block-count-3 block-type-text max-width-md max-width-center"> <div class="paragraph"> <p>All charts are based on variants. You can toggle a tooltip, change the number of columns or even add a header with actions.</p> </div> </div> <div class="align-left block-7-1-3 block-count-3 block-type-image"> <img class="full-width" loading="lazy" src="https://figkit.com/media/pages/home/acaa8a3099-1636552194/charts.png" srcset="https://figkit.com/media/pages/home/acaa8a3099-1636552194/charts-960x.png 960w, https://figkit.com/media/pages/home/acaa8a3099-1636552194/charts-1440x.png 1440w, https://figkit.com/media/pages/home/acaa8a3099-1636552194/charts-2880x.png 2880w" width="3456" height="1696" alt="Figkit - Charts"> </div> </div> </div> </section> <section class="blocks blocks-content blocks-8 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-8-1-1 block-count-3 block-type-heading max-width-md max-width-center"> <h2 class="title-fill-none title-h2">All template screens are available both as a desktop <u>and</u> mobile version.</h2> </div> <div class="align-center block-8-1-2 block-count-3 block-type-text max-width-md max-width-center"> <div class="paragraph"> <p>Screens are available for both desktop and mobile. There are also native components for iOS, including headers and keyboards.</p> </div> </div> <div class="align-left block-8-1-3 block-count-3 block-type-image"> <img class="full-width" loading="lazy" src="https://figkit.com/media/pages/home/c5768bf66e-1636552194/desktop-mobile.png" srcset="https://figkit.com/media/pages/home/c5768bf66e-1636552194/desktop-mobile-960x.png 960w, https://figkit.com/media/pages/home/c5768bf66e-1636552194/desktop-mobile-1440x.png 1440w, https://figkit.com/media/pages/home/c5768bf66e-1636552194/desktop-mobile-2880x.png 2880w" width="3822" height="1724" alt="Figkit - Desktop and Mobile"> </div> </div> </div> </section> <section class="blocks blocks-content blocks-9 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-9-1-1 block-count-2 block-type-heading max-width-md max-width-center js-animation js-a-type-bottom js-scrolled"> <h2 class="title-fill-none title-h6">Our resources are used by top companies.</h2> </div> <div class="align-center block-9-1-2 block-count-2 block-type-image max-width-sm max-width-center"> <img class="full-width" loading="lazy" src="https://figkit.com/media/site/5752040259-1636552192/brands.png" srcset="https://figkit.com/media/site/5752040259-1636552192/brands-960x.png 960w, https://figkit.com/media/site/5752040259-1636552192/brands-1440x.png 1440w, https://figkit.com/media/site/5752040259-1636552192/brands-2880x.png 2880w" width="2880" height="104" alt="Brands"> </div> </div> </div> </section> <section class="blocks blocks-content blocks-10 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-10-1-1 block-count-1 block-type-heading max-width-sm max-width-center"> <h3 class="title-fill-none title-h1">Buy once, use in unlimited projects.</h3> </div> </div> </div> </section> <section class="blocks blocks-content blocks-11 padding padding-top-none"> <div class="row row-gutter-lg row-one-column--lg max-width-lg"> <div class="col-1-2 align-top"> <div class="align-left block-11-1-1 block-count-1 block-type-pricing bg-color-white border card card-content"> <h3 class="title-h5">Figkit</h3> <div class="title-h3 space-bottom-1x"> <span class="pricing-price"><strong>$59</strong></span> </div> <div class="paragraph space-bottom-1x"> Download Figkit only. </div> <div class="paragraph space-bottom-15x"> <ul><li>Includes all components</li><li>Access future updates</li></ul> </div> <a href="https://uiuxassets.gumroad.com/l/URdRK" class="button button-style-primary full-width space-top-15x" role="button">Purchase</a> </div> </div> <div class="col-1-2 align-top"> <div class="align-left block-11-2-1 block-count-1 block-type-pricing bg-color-dark border card card-content dark"> <h3 class="title-h5">All Access</h3> <div class="title-h3 space-bottom-1x"> <span class="pricing-price"><strong>$99</strong></span> <span class="font-size-lg muted">/ year</span> </div> <div class="paragraph space-bottom-1x"> Download Figkit and access our entire library, receive updates and new releases for 1 year. You can learn more about the <strong><a href="https://uiuxassets.com" target="_blank" rel="noopener noreferrer">All Access</a></strong> pass <strong><a href="https://uiuxassets.com" target="_blank" rel="noopener noreferrer">here</a></strong>. </div> <div class="paragraph space-bottom-15x"> <ul><li>Download Figkit and all templates.</li><li>Access all our assets.</li><li>Access themes with unlimited websites.</li><li>1 year access to new releases and updates.</li><li>Unlimited downloads.</li></ul> </div> <a href="https://uiuxassets.gumroad.com/l/MBydw?duration=yearly" class="button button-style-primary full-width space-top-15x" role="button">Join All Access</a> </div> </div> </div> </section> <section class="blocks blocks-content blocks-12 padding"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-12-1-1 block-count-4 block-type-heading max-width-md max-width-center"> <h2 class="title-fill-none title-h2">Discover all the components.</h2> </div> <div class="align-center block-12-1-2 block-count-4 block-type-text max-width-md max-width-center"> <div class="paragraph"> <p>Figkit is based on a huge collection of components and variants. All you need to build any modern app.</p> </div> </div> <div class="align-left block-12-1-3 block-count-4 block-type-image"> <img class="full-width" loading="lazy" src="https://figkit.com/media/pages/home/ea5777224b-1636552194/components.png" srcset="https://figkit.com/media/pages/home/ea5777224b-1636552194/components-960x.png 960w, https://figkit.com/media/pages/home/ea5777224b-1636552194/components-1440x.png 1440w, https://figkit.com/media/pages/home/ea5777224b-1636552194/components-2880x.png 2880w" width="6284" height="2504" alt="Components"> </div> <div class="align-center block-12-1-4 block-count-4 block-type-button"> <a href="https://figkit.com/components" class="button button-style-secondary" role="button">View All Components</a> </div> </div> </div> </section> <div class="display-inline-block full-width padding"> <section class="bg-color-custom border blocks blocks-content blocks-13 padding max-width-md rounded"> <div class="row row-gutter-lg row-keep-proportions row-one-column--md max-width-lg"> <div class="col-1-1 align-top"> <div class="align-center block-13-1-1 block-count-4 block-type-heading max-width-sm max-width-center"> <h4 class="title-fill-none title-h2">Join 5k+ newsletter subscribers 👋</h4> </div> <div class="align-center block-13-1-2 block-count-4 block-type-text max-width-xs max-width-center"> <div class="paragraph"> <p>Stay in the loop when we release something new. We just send occasional emails, no spam.</p> </div> </div> <span class="align-left block-13-1-3 block-count-4 block-type-spacer"> <div aria-hidden="true"></div> </span> <div class="align-center block-13-1-4 block-count-4 block-type-markdown max-width-xs max-width-center"> <div class="paragraph"> <form accept-charset="utf-8" action="https://newsletter.uiuxassets.com/subscribe" class="form" method="POST"> <input id="email" autocapitalize="off" class="form-white" name="email" placeholder="Email..." spellcheck="false" type="email"> <div style="display:none;"> <label for="hp">HP</label><br> <input id="hp" name="hp" type="text"> </div> <input name="list" type="hidden" value="74FM763KcB3KTPiiiAxQSJNg"> <input name="subform" type="hidden" value="yes"> <input id="submit" class="button button-style-primary full-width space-top-1x" name="submit" type="submit" value="Subscribe"> </form> </div> </div> </div> </div> </section> </div> </main> <footer class="footer padding"> <div class="row row-one-column--lg max-width-lg align-center--lg"> <div class="col-2-3"> <div class="row row-one-column--lg"> <div class="col-1-3"> <h4 class="space-bottom-075x title-h5">Explore</h4> <ul class="list list-style-none space-none"> <li><a href="https://figkit.com/components">Components</a></li> <li><a href="https://figkit.com/templates">Templates</a></li> <li><a href="https://figkit.com/pricing">Pricing</a></li> </ul> </div> <div class="col-1-3"> <h4 class="space-bottom-075x title-h5">Company</h4> <ul class="list list-style-none space-none"> <li><a href="https://figkit.com/design-guide">Design Guide</a></li> <li><a href="https://uiuxassets.com/support" target="_blank" rel="noopener noreferrer">Support<span class="icon-external-link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="28" viewBox="0 0 12 12"><path d="M10 10H2V2h1V0H2a2 2 0 00-2 2v8a2 2 0 002 2h8c1.1 0 2-.9 2-2V9h-2v1zM5 0v2h3.59L3.76 6.83l1.41 1.41L10 3.41V7h2V0H5z" fill="currentColor"></path></svg></span></a></li> <li><a href="https://figkit.com/terms">Terms</a></li> </ul> </div> </div> </div> <div class="col-1-3"> <a href="https://uiuxassets.com" class="footer-logo margin-auto-center--lg" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44" height="56" viewBox="0 0 44 56" fill-rule="evenodd"><path d="M44 0H0v56h44V0zM24.298 47.659a2.06 2.06 0 01-.794-.921 2.588 2.588 0 01-.204-1.292l.015-.196c.048-.516.197-.99.446-1.421.25-.431.57-.764.962-.997a2.36 2.36 0 011.301-.331c.677.013 1.19.264 1.538.752a1.552 1.552 0 01.117 1.609 1.524 1.524 0 01-1.356.833c-.823.002-1.663.002-1.663.002-.013.357.069.631.248.837.178.206.42.312.728.319.304.008.725-.211 1.007-.383a.43.43 0 01.541.109c.096.107.195.231.269.324a.222.222 0 01-.017.297c-.172.17-.469.445-.717.557a2.784 2.784 0 01-1.2.243 2.277 2.277 0 01-1.221-.341zm9.797-1.821l-.442-.113c-1.046-.291-1.554-.804-1.525-1.539.016-.5.236-.907.658-1.223.423-.315.932-.469 1.528-.463.592.007 1.071.165 1.437.476l.003.002c.223.19.304.5.203.776a.692.692 0 01-.653.458l-.161-.001a.219.219 0 01-.214-.183c-.043-.334-.262-.503-.649-.508a.955.955 0 00-.556.161.664.664 0 00-.289.436c-.049.262.147.446.587.554l.195.044c.446.108.788.231 1.024.37.237.139.419.312.547.517.127.206.187.453.177.74-.01.337-.118.631-.323.882a1.982 1.982 0 01-.845.584 2.92 2.92 0 01-1.129.191c-.583-.007-1.069-.176-1.457-.507a1.733 1.733 0 01-.575-1.11.219.219 0 01.054-.171.213.213 0 01.162-.072c.207-.002.509.001.738.002.18.002.338.122.388.297.073.338.327.541.738.546.253 0 .461-.052.624-.156a.62.62 0 00.294-.422c.052-.261-.128-.451-.539-.568zm-12.912.568c.052-.261-.128-.451-.539-.568l-.442-.113c-1.046-.291-1.554-.804-1.525-1.539.016-.5.235-.907.658-1.223.422-.315.932-.469 1.527-.463.593.007 1.072.165 1.438.476l.003.002c.222.19.304.5.203.776a.694.694 0 01-.653.458l-.161-.001a.22.22 0 01-.215-.183c-.042-.334-.262-.503-.649-.508a.958.958 0 00-.556.161.668.668 0 00-.289.436c-.048.262.148.446.588.554l.194.044c.447.108.789.231 1.025.37.236.139.418.312.546.517.128.206.187.453.178.74-.01.337-.118.631-.323.882-.206.252-.488.446-.845.584a2.925 2.925 0 01-1.13.191c-.582-.007-1.068-.176-1.457-.507a1.742 1.742 0 01-.575-1.11.217.217 0 01.217-.243c.206-.002.509.001.738.002.18.002.337.122.387.297.073.338.327.541.739.546.252 0 .461-.052.624-.156a.623.623 0 00.294-.422zm-4.995 0c.052-.261-.128-.451-.539-.568l-.442-.113c-1.046-.291-1.554-.804-1.525-1.539.016-.5.235-.907.658-1.223.422-.315.932-.469 1.527-.463.593.007 1.072.165 1.438.476l.003.002c.222.19.304.5.203.776a.693.693 0 01-.653.458l-.161-.001a.22.22 0 01-.215-.183c-.042-.334-.261-.503-.649-.508a.958.958 0 00-.556.161.668.668 0 00-.289.436c-.048.262.148.446.588.554l.194.044c.447.108.789.231 1.025.37.236.139.418.312.546.517.128.206.187.453.178.74-.01.337-.118.631-.323.882-.206.252-.488.446-.845.584a2.925 2.925 0 01-1.13.191c-.582-.007-1.068-.176-1.457-.507a1.742 1.742 0 01-.575-1.11.217.217 0 01.217-.243c.206-.002.509.001.738.002.18.002.337.122.387.297.073.338.328.541.739.546.253 0 .461-.052.624-.156a.623.623 0 00.294-.422zm-4.812 1.501a.463.463 0 01-.465-.486c-.395.398-.842.591-1.341.578-.459-.007-.841-.158-1.143-.454a1.373 1.373 0 01-.425-1.095c.022-.578.263-1.022.721-1.33.458-.309 1.072-.463 1.843-.463l.641.009.068-.318c.019-.108.024-.211.015-.309a.533.533 0 00-.173-.36.588.588 0 00-.391-.135.84.84 0 00-.544.159.737.737 0 00-.246.342.217.217 0 01-.202.143 1.327 1.327 0 01-.131.004.671.671 0 01-.641-.469.68.68 0 01.248-.758c.002 0 .002-.001.003-.002.439-.315.981-.469 1.625-.463.596.013 1.062.192 1.399.537.336.345.477.788.422 1.33l-.403 2.539-.024.314c-.004.118.017.295.038.44a.224.224 0 01-.054.173.217.217 0 01-.163.074h-.677zm19.352-5.306c.215 0 .419.096.557.262a.737.737 0 01.16.599v.001a.212.212 0 01-.208.177h-.697l-.447 2.656c-.02.167-.007.294.039.382.045.089.155.136.33.142.029.002.085.001.168-.005a.219.219 0 01.226.241 7.366 7.366 0 01-.015.175.831.831 0 01-.844.761h-.001c-.45-.007-.786-.149-1.006-.427-.22-.277-.311-.653-.272-1.127l.452-2.798a.622.622 0 01-.479-.225.64.64 0 01-.137-.514l.021-.117a.219.219 0 01.215-.183h.56l.062-.367a.878.878 0 01.863-.734h.376c.065 0 .127.029.168.079.042.05.059.116.048.181l-.147.841h.008zM9.912 46.93c.395.013.74-.16 1.034-.52l.17-.916-.476-.005c-.505.013-.869.168-1.092.465a.814.814 0 00-.151.397c-.026.177.011.317.109.419a.555.555 0 00.406.16zm15.346-3.044c-.196.166-.372.455-.527.867h1.487a.437.437 0 00.432-.499l-.001-.001a.707.707 0 00-.238-.443.74.74 0 00-.481-.164.963.963 0 00-.672.24zM29.5 29.6l2.651-3.765A2.001 2.001 0 0133.777 25H35.7c.112 0 .215.063.267.163.051.1.042.22-.023.312L31.2 32l4.744 6.525a.302.302 0 01.023.312.302.302 0 01-.267.163h-1.923c-.645 0-1.25-.311-1.626-.835L29.5 34.4l-2.651 3.765a2.001 2.001 0 01-1.626.835H23.3a.302.302 0 01-.267-.163.302.302 0 01.023-.312L27.8 32l-4.744-6.525a.302.302 0 01-.023-.312A.302.302 0 0123.3 25h1.923c.645 0 1.25.311 1.626.835L29.5 29.6zM17 25.3a.3.3 0 01.3-.3h.7a2 2 0 012 2v6.695c0 1.06-.252 1.988-.756 2.784-.505.795-1.209 1.414-2.113 1.857-.905.443-1.928.664-3.131.664-1.207 0-2.233-.221-3.138-.664-.904-.443-1.607-1.062-2.109-1.857C8.251 35.683 8 34.755 8 33.695V25.3a.3.3 0 01.3-.3H9a2 2 0 012 2v6.432c0 .554.122 1.046.366 1.477.244.431.588.77 1.033 1.016.445.246 1.009.369 1.601.369.597 0 1.162-.123 1.604-.369a2.621 2.621 0 001.03-1.016c.244-.431.366-.923.366-1.477V25.3zM26 10a2 2 0 00-2-2h-.7a.3.3 0 00-.3.3V20a2 2 0 002 2h.7a.3.3 0 00.3-.3V10zm6.213 11.281a1.001 1.001 0 01-.961.719H29.3a.3.3 0 01-.288-.384l3.775-12.897c.125-.426.516-.719.961-.719H35.7a.3.3 0 01.288.384l-3.775 12.897zM17 8.3a.3.3 0 01.3-.3h.7a2 2 0 012 2v6.695c0 1.06-.252 1.988-.756 2.784-.505.795-1.209 1.414-2.113 1.857-.905.443-1.928.664-3.131.664-1.207 0-2.233-.221-3.138-.664-.904-.443-1.607-1.062-2.109-1.857C8.251 18.683 8 17.755 8 16.695V8.3a.3.3 0 01.3-.3H9a2 2 0 012 2v6.432c0 .554.122 1.046.366 1.477.244.431.588.77 1.033 1.016.445.246 1.009.369 1.601.369.597 0 1.162-.123 1.604-.369a2.621 2.621 0 001.03-1.016c.244-.431.366-.923.366-1.477V8.3z" fill="currentColor"></path></svg><span class="name-hidden">UI/UX Assets</span></a> <p class="space-bottom-none">Figkit is created by <a href="https://uiuxassets.com" class="footer-logo-link" target="_blank" rel="noopener noreferrer">UI/UX Assets</a>. We create design assets and resources for user interface and user experience designers. Designed in France & Sweden, made by engineers.</p> </div> </div> <div class="row row-one-column--lg footer-bottom max-width-lg align-center--lg space-top"> <div class="col-1-3 align-middle"> <ul class="footer-social"> <li class="icon-twitter"><a href="https://twitter.com/uiuxassets" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="24" viewBox="0 0 18 15"><path d="M16.15 3.738c.011.164.011.329.011.492C16.161 9.234 12.449 15 5.665 15c-2.09 0-4.032-.621-5.665-1.699.297.035.583.047.89.047a7.27 7.27 0 004.58-1.618c-1.577-.03-2.963-1.084-3.448-2.625.23.037.463.057.696.059.331 0 .663-.047.97-.13C1.968 8.678.73 7.125.732 5.32v-.047a3.644 3.644 0 001.668.48A3.81 3.81 0 01.754 2.602c0-.703.183-1.347.502-1.91C3.13 3.058 5.895 4.497 8.863 4.652a4.388 4.388 0 01-.092-.867C8.771 1.7 10.416 0 12.461 0c1.062 0 2.021.457 2.695 1.195a7.152 7.152 0 002.342-.914 3.759 3.759 0 01-1.622 2.086A7.257 7.257 0 0018 1.781a8.046 8.046 0 01-1.85 1.957z" fill="currentColor"></path></svg><span class="name-hidden">Twitter</span></a></li> <li class="icon-facebook"><a href="https://www.facebook.com/uiuxassets" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="24" viewBox="0 0 16 16"><path d="M13 15.996h-2V10h2l.5-2.5H11V5.846c0-.7.229-1.175 1.232-1.175H13.5v-2.16a16.925 16.925 0 0 0-1.854-.097c-1.842 0-3.107 1.125-3.107 3.193V7.5H6.5V10h2.04v6H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v9.996a3 3 0 0 1-3 3z" fill="currentColor"></path></svg><span class="name-hidden">Facebook</span></a></li> </ul> </div> <div class="col-2-3 muted align-middle align-center--lg align-right"> <p class="footer-copyright">© 2024 <a href="https://figkit.com">Figkit</a>. Powered by <a href="https://themesforkirby.com/" target="_blank" rel="noopener noreferrer">Themes for Kirby</a>.</p> </div> </div> </footer> <script src="https://figkit.com/assets/build/js/main.min.js?ver=1717248672"></script> <script> // Make sure to close the mobile menu if the menu is open and you resize the window var elem = document.querySelector('.header-main'); if (elem) { window.addEventListener('resize', function() { if (window.innerWidth > 540) { document.querySelector('.page').classList.remove('no-scroll'); document.querySelector('.header-main').classList.remove('active'); } }); } </script> </body></html>
- securityHeaders
- {"securityHeadersList":["x-content-type-options"],"securityHeadersGrade":"E","securityHeadersScore":20}
Waterfall View
| Start Render | First Contentful Paint | Largest Contentful Paint | Layout Shift | DOM Interactive | DOM Content Loaded | On Load | Document Complete |
 Render Blocking Resource |
 Insecure Request |
3xx response | 4xx+ response | Doesn't Belong to Main Doc |
Connection View
| DNS Lookup | Initial Connection | SSL Negotiation | Start Render | DOM Content Loaded | On Load | Document Complete |
Request Details
| Before Start Render | Before On Load | After On Load | 3xx Response | 4xx Response |
| # | Resource | Content Type | Priority | Request Start | DNS Lookup | Initial Connection | SSL Negotiation | Time to First Byte | Content Download | Bytes Downloaded | CPU Time | Error/Status Code | IP |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | https://figkit.com/ | text/html | Highest | 0.376 s | 123 ms | 112 ms | 139 ms | 225 ms | 3 ms | 10.6 KB | 4 ms | 200 | 143.198.166.135 |
| 2 | https://figkit.com/a...n.css?ver=1717248672 | text/css | Highest | 0.635 s | - | - | - | 253 ms | 10 ms | 17.2 KB | - | 200 | 143.198.166.135 |
| 3 | https://figkit.com/a...n.css?ver=1717242298 | text/css | Highest | 0.638 s | - | - | - | 123 ms | 4 ms | 2.2 KB | - | 200 | 143.198.166.135 |
| 4 | https://figkit.com/a...in.js?ver=1717248672 | text/javascript | High | 0.638 s | - | - | - | 148 ms | 4 ms | 14.0 KB | 7 ms | 200 | 143.198.166.135 |
| 5 | https://fonts.google...700;900&display=swap | text/css | Highest | 0.758 s | 35 ms | 30 ms | 68 ms | 51 ms | 3 ms | 1.2 KB | - | 200 | 142.250.186.42 |
| 6 | https://www.googleta...g/js?id=G-FCJPE89GP2 | application/javascript | Low | 0.964 s | 34 ms | 41 ms | 67 ms | 56 ms | 167 ms | 94.5 KB | 108 ms | 200 | 142.250.185.104 |
| 7 | https://figkit.com/m...52194/hero-1440x.jpg | image/jpeg | High | 1.38 s | - | - | - | 154 ms | 273 ms | 91.6 KB | - | 200 | 143.198.166.135 |
| 8 | https://figkit.com/m...essing-home-960x.png | image/png | Low | 1.38 s | - | - | - | 318 ms | 140 ms | 55.7 KB | - | 200 | 143.198.166.135 |
| 9 | https://figkit.com/m...gement-home-960x.png | image/png | Low | 1.38 s | - | - | - | 403 ms | 175 ms | 82.6 KB | - | 200 | 143.198.166.135 |
| 10 | https://fonts.gstati...MxCp50SjIa1ZL7.woff2 | font/woff2 | Highest | 1.381 s | 35 ms | 29 ms | 105 ms | 92 ms | 190 ms | 47.3 KB | - | 200 | 142.250.184.195 |
| 11 | https://figkit.com/m...zing-constraints.mp4 | video/mp4 | Low | 1.398 s | - | - | - | 386 ms | 3362 ms | 1,403.6 KB | - | 206 | 143.198.166.135 |
| 12 | https://figkit.com/m...6552194/variants.mp4 | video/mp4 | Low | 1.403 s | - | - | - | 382 ms | 4188 ms | 882.5 KB | - | 206 | 143.198.166.135 |
| 13 | https://www.google-a..._ss=1&_ee=1&tfd=1581 | text/plain | High | 2.021 s | 85 ms | 160 ms | 195 ms | 236 ms | - | - | - | 204 | 216.239.36.178 |
| 14 | https://figkit.com/m...-1636552234/icon.png | image/png | High | 2.859 s | - | - | - | 1272 ms | 58 ms | 39.2 KB | - | 200 | 143.198.166.135 |
Request Headers
Request 1: https://figkit.com/
URL: https://figkit.com/
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://figkit.com/
Request Start: 0.376 s
DNS Lookup: 123 ms
Initial Connection: 112 ms
Time to First Byte: 225 ms
Content Download: 3 ms
Bytes In (downloaded): 10.6 KB
Uncompressed Size: 55.8 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
content-encoding: gzip
content-length: 10902
content-type: text/html; charset=UTF-8
date: Sat, 10 Aug 2024 21:43:13 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 2: https://figkit.com/assets/build/css/main.min.css?ver=1717248672
URL: https://figkit.com/assets/build/css/main.min.css?ver=1717248672
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://figkit.com/ line 26
Request Start: 0.635 s
Time to First Byte: 253 ms
Content Download: 10 ms
Bytes In (downloaded): 17.2 KB
Uncompressed Size: 192.3 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /assets/build/css/main.min.css?ver=1717248672
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-encoding: gzip
content-length: 17651
content-type: text/css
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "30146-619d41d15e800-gzip"
last-modified: Sat, 01 Jun 2024 13:31:12 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 3: https://figkit.com/assets/css/custom.min.css?ver=1717242298
URL: https://figkit.com/assets/css/custom.min.css?ver=1717242298
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://figkit.com/ line 27
Request Start: 0.638 s
Time to First Byte: 123 ms
Content Download: 4 ms
Bytes In (downloaded): 2.2 KB
Uncompressed Size: 11.7 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /assets/css/custom.min.css?ver=1717242298
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-encoding: gzip
content-length: 2225
content-type: text/css
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "2ed9-619d2a1376285-gzip"
last-modified: Sat, 01 Jun 2024 11:44:58 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 4: https://figkit.com/assets/build/js/main.min.js?ver=1717248672
URL: https://figkit.com/assets/build/js/main.min.js?ver=1717248672
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://figkit.com/ line 1211
Request Start: 0.638 s
Time to First Byte: 148 ms
Content Download: 4 ms
Bytes In (downloaded): 14.0 KB
Uncompressed Size: 55.8 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /assets/build/js/main.min.js?ver=1717248672
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-encoding: gzip
content-length: 14356
content-type: text/javascript
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "df34-619d41d15e800-gzip"
last-modified: Sat, 01 Jun 2024 13:31:12 GMT
server: nginx
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200
Request 5: https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap
URL: https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap
Host: fonts.googleapis.com
IP: 142.250.186.42
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://figkit.com/ line 25
Request Start: 0.758 s
DNS Lookup: 35 ms
Initial Connection: 30 ms
Time to First Byte: 51 ms
Content Download: 3 ms
Bytes In (downloaded): 1.2 KB
Uncompressed Size: 7.1 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: fonts.googleapis.com
:method: GET
:path: /css2?family=Inter:wght@400;700;900&display=swap
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
x-client-data: CPXcygE=
Response Headers:
access-control-allow-origin: *
cache-control: private, max-age=86400, stale-while-revalidate=604800
content-encoding: gzip
content-type: text/css; charset=utf-8
cross-origin-opener-policy: same-origin-allow-popups
cross-origin-resource-policy: cross-origin
date: Sat, 10 Aug 2024 21:43:14 GMT
expires: Sat, 10 Aug 2024 21:43:14 GMT
last-modified: Sat, 10 Aug 2024 21:23:08 GMT
link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin
server: ESF
strict-transport-security: max-age=31536000
timing-allow-origin: *
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 0
:status: 200
Request 6: https://www.googletagmanager.com/gtag/js?id=G-FCJPE89GP2
URL: https://www.googletagmanager.com/gtag/js?id=G-FCJPE89GP2
Host: www.googletagmanager.com
IP: 142.250.185.104
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://figkit.com/ line 123
Request Start: 0.964 s
DNS Lookup: 34 ms
Initial Connection: 41 ms
Time to First Byte: 56 ms
Content Download: 167 ms
Bytes In (downloaded): 94.5 KB
Uncompressed Size: 274.7 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: www.googletagmanager.com
:method: GET
:path: /gtag/js?id=G-FCJPE89GP2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
access-control-allow-credentials: true
access-control-allow-headers: Cache-Control
access-control-allow-origin: *
cache-control: private, max-age=900
content-encoding: br
content-length: 96765
content-type: application/javascript; charset=UTF-8
cross-origin-resource-policy: cross-origin
date: Sat, 10 Aug 2024 21:43:14 GMT
expires: Sat, 10 Aug 2024 21:43:14 GMT
server: Google Tag Manager
strict-transport-security: max-age=31536000; includeSubDomains
vary: Accept-Encoding
x-xss-protection: 0
:status: 200
Request 7: https://figkit.com/media/pages/home/e6b9dbba7f-1636552194/hero-1440x.jpg
URL: https://figkit.com/media/pages/home/e6b9dbba7f-1636552194/hero-1440x.jpg
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://figkit.com/ line 1213
Request Start: 1.380 s
Time to First Byte: 154 ms
Content Download: 273 ms
Bytes In (downloaded): 91.6 KB
Uncompressed Size: 91.6 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /media/pages/home/e6b9dbba7f-1636552194/hero-1440x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 93849
content-type: image/jpeg
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "16e99-5ed4eb1ef097f"
last-modified: Sat, 12 Nov 2022 23:52:12 GMT
server: nginx
x-content-type-options: nosniff
:status: 200
Request 8: https://figkit.com/media/pages/templates/payment-processing-app/806d2a8209-1636552198/payment-processing-home-960x.png
URL: https://figkit.com/media/pages/templates/payment-processing-app/806d2a8209-1636552198/payment-processing-home-960x.png
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://figkit.com/ line 1213
Request Start: 1.380 s
Time to First Byte: 318 ms
Content Download: 140 ms
Bytes In (downloaded): 55.7 KB
Uncompressed Size: 55.7 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /media/pages/templates/payment-processing-app/806d2a8209-1636552198/payment-processing-home-960x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 56989
content-type: image/png
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "de9d-5ed4eb1ef28bf"
last-modified: Sat, 12 Nov 2022 23:52:12 GMT
server: nginx
x-content-type-options: nosniff
:status: 200
Request 9: https://figkit.com/media/pages/templates/project-management-app/91b54b8084-1636552196/project-management-home-960x.png
URL: https://figkit.com/media/pages/templates/project-management-app/91b54b8084-1636552196/project-management-home-960x.png
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 147, depends on 11, EXCLUSIVE
Initiated By: https://figkit.com/ line 1213
Request Start: 1.380 s
Time to First Byte: 403 ms
Content Download: 175 ms
Bytes In (downloaded): 82.6 KB
Uncompressed Size: 82.6 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /media/pages/templates/project-management-app/91b54b8084-1636552196/project-management-home-960x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 84583
content-type: image/png
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "14a67-5ed4eb1f3cc48"
last-modified: Sat, 12 Nov 2022 23:52:12 GMT
server: nginx
x-content-type-options: nosniff
:status: 200
Request 10: https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2
URL: https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2
Host: fonts.gstatic.com
IP: 142.250.184.195
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap
Request Start: 1.381 s
DNS Lookup: 35 ms
Initial Connection: 29 ms
Time to First Byte: 92 ms
Content Download: 190 ms
Bytes In (downloaded): 47.3 KB
Uncompressed Size: 47.3 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: fonts.gstatic.com
:method: GET
:path: /s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figkit.com
priority: u=0
referer: https://fonts.googleapis.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
x-client-data: CPXcygE=
Response Headers:
accept-ranges: bytes
access-control-allow-origin: *
cache-control: public, max-age=31536000
content-length: 48444
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: font/woff2
cross-origin-opener-policy: same-origin; report-to="apps-themes"
cross-origin-resource-policy: cross-origin
date: Sat, 10 Aug 2024 21:43:14 GMT
expires: Sun, 10 Aug 2025 21:43:14 GMT
last-modified: Mon, 29 Jul 2024 22:51:01 GMT
report-to: {"group":"apps-themes","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/apps-themes"}]}
server: sffe
timing-allow-origin: *
x-content-type-options: nosniff
x-xss-protection: 0
:status: 200
Request 11: https://figkit.com/media/pages/home/5af364c5eb-1636552194/resizing-constraints.mp4
URL: https://figkit.com/media/pages/home/5af364c5eb-1636552194/resizing-constraints.mp4
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 13, EXCLUSIVE
Initiated By: https://figkit.com/ line 1213
Request Start: 1.398 s
Time to First Byte: 386 ms
Content Download: 3362 ms
Bytes In (downloaded): 1,403.6 KB
Uncompressed Size: 1,403.6 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /media/pages/home/5af364c5eb-1636552194/resizing-constraints.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
priority: i
range: bytes=0-
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: video
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
Content-Length: 1437259
Content-Range: bytes 0-1437258/1437259
accept-ranges: bytes
content-type: video/mp4
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "15ee4b-5ed4eb1efa5c0"
last-modified: Sat, 12 Nov 2022 23:52:12 GMT
server: nginx
x-content-type-options: nosniff
:status: 206
content-length: 1437259
content-range: bytes 0-1437258/1437259
Request 12: https://figkit.com/media/pages/home/39c4d89d1a-1636552194/variants.mp4
URL: https://figkit.com/media/pages/home/39c4d89d1a-1636552194/variants.mp4
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://figkit.com/ line 1213
Request Start: 1.403 s
Time to First Byte: 382 ms
Content Download: 4188 ms
Bytes In (downloaded): 882.5 KB
Uncompressed Size: 875.2 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /media/pages/home/39c4d89d1a-1636552194/variants.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
priority: i
range: bytes=0-
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: video
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
Content-Length: 903716
Content-Range: bytes 0-903715/903716
accept-ranges: bytes
content-type: video/mp4
date: Sat, 10 Aug 2024 21:43:14 GMT
etag: "dca24-5ed4eb1f00381"
last-modified: Sat, 12 Nov 2022 23:52:12 GMT
server: nginx
x-content-type-options: nosniff
:status: 206
content-length: 903716
content-range: bytes 0-903715/903716
Request 13: https://www.google-analytics.com/g/collect?v=2&tid=G-FCJPE89GP2>m=45je4880v874475819za200&_p=1723326194284&gcd=13l3l3l3l1&npa=0&dma=0&tag_exp=0&cid=578407856.1723326195&ul=en-us&sr=1920x1200&uaa=x86&uab=64&uafvl=%2520Not%2520A%253BBrand%3B99%7CChromium%3B127.0.0.0%7CGoogle%2520Chrome%3B127.0.0.0&uamb=0&uam=Model&uap=Unknown&uapv=0&uaw=0&are=1&frm=0&pscdl=noapi&_s=1&sid=1723326194&sct=1&seg=0&dl=https%3A%2F%2Ffigkit.com%2F&dt=Figkit%20-%20Wireframe%20Library%20for%20Figma%20to%20Communicate%20and%20Design%20Great%20User%20Interfaces&en=page_view&_fv=1&_nsi=1&_ss=1&_ee=1&tfd=1581
URL: https://www.google-analytics.com/g/collect?v=2&tid=G-FCJPE89GP2>m=45je4880v874475819za200&_p=1723326194284&gcd=13l3l3l3l1&npa=0&dma=0&tag_exp=0&cid=578407856.1723326195&ul=en-us&sr=1920x1200&uaa=x86&uab=64&uafvl=%2520Not%2520A%253BBrand%3B99%7CChromium%3B127.0.0.0%7CGoogle%2520Chrome%3B127.0.0.0&uamb=0&uam=Model&uap=Unknown&uapv=0&uaw=0&are=1&frm=0&pscdl=noapi&_s=1&sid=1723326194&sct=1&seg=0&dl=https%3A%2F%2Ffigkit.com%2F&dt=Figkit%20-%20Wireframe%20Library%20for%20Figma%20to%20Communicate%20and%20Design%20Great%20User%20Interfaces&en=page_view&_fv=1&_nsi=1&_ss=1&_ee=1&tfd=1581
Host: www.google-analytics.com
IP: 216.239.36.178
Error/Status Code: 204
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://www.googletagmanager.com/gtag/js?id=G-FCJPE89GP2 line 168 column 316
Request Start: 2.021 s
DNS Lookup: 85 ms
Initial Connection: 160 ms
Time to First Byte: 236 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 3.5 KB
Request Headers:
:authority: www.google-analytics.com
:method: POST
:path: /g/collect?v=2&tid=G-FCJPE89GP2>m=45je4880v874475819za200&_p=1723326194284&gcd=13l3l3l3l1&npa=0&dma=0&tag_exp=0&cid=578407856.1723326195&ul=en-us&sr=1920x1200&uaa=x86&uab=64&uafvl=%2520Not%2520A%253BBrand%3B99%7CChromium%3B127.0.0.0%7CGoogle%2520Chrome%3B127.0.0.0&uamb=0&uam=Model&uap=Unknown&uapv=0&uaw=0&are=1&frm=0&pscdl=noapi&_s=1&sid=1723326194&sct=1&seg=0&dl=https%3A%2F%2Ffigkit.com%2F&dt=Figkit%20-%20Wireframe%20Library%20for%20Figma%20to%20Communicate%20and%20Design%20Great%20User%20Interfaces&en=page_view&_fv=1&_nsi=1&_ss=1&_ee=1&tfd=1581
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
origin: https://figkit.com
priority: u=1, i
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
access-control-allow-credentials: true
access-control-allow-origin: https://figkit.com
cache-control: no-cache, no-store, must-revalidate
content-length: 0
content-type: text/plain
cross-origin-resource-policy: cross-origin
date: Sat, 10 Aug 2024 21:43:15 GMT
expires: Fri, 01 Jan 1990 00:00:00 GMT
pragma: no-cache
server: Golfe2
:status: 204
Request 14: https://figkit.com/media/site/7bc379d05f-1636552234/icon.png
URL: https://figkit.com/media/site/7bc379d05f-1636552234/icon.png
Host: figkit.com
IP: 143.198.166.135
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 220, depends on 0, EXCLUSIVE
Request Start: 2.859 s
Time to First Byte: 1272 ms
Content Download: 58 ms
Bytes In (downloaded): 39.2 KB
Uncompressed Size: 39.2 KB
Bytes Out (uploaded): 2.2 KB
Request Headers:
:authority: figkit.com
:method: GET
:path: /media/site/7bc379d05f-1636552234/icon.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: _ga_FCJPE89GP2=GS1.1.1723326194.1.0.1723326194.0.0.0; _ga=GA1.1.578407856.1723326195
priority: u=1, i
referer: https://figkit.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=604800, public
content-length: 40115
content-type: image/png
date: Sat, 10 Aug 2024 21:43:16 GMT
etag: "9cb3-5ed4eb1fb2ef5"
last-modified: Sat, 12 Nov 2022 23:52:12 GMT
server: nginx
x-content-type-options: nosniff
:status: 200