docs/index-kits.html - master - githubmirror/Awesome-Design-Tools

docs/index-kits.html
7 777 строк1 MB
website production update
10 фев 2020, 17:19
10 фев 2020, 17:193e924f4
<html><head>
            <title>Awesome Design UI Kits</title>
            
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="theme-color" content="#850289">
        <meta name="description" content="Design kits">
        <meta name="image" content="https://flawlessapp.io/images/designtools/awesome-design-tools-sharable-image-general.png">
        <!-- Schema.org for Google -->
        <meta itemprop="name" content="Awesome Design UI Kits">
        <meta itemprop="description" content="Design kits">
        <meta itemprop="image" content="https://flawlessapp.io/images/designtools/awesome-design-tools-sharable-image-general.png">
        <!-- Twitter -->
        <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="Awesome Design UI Kits">
        <meta name="twitter:description" content="Design kits">
        <meta name="twitter:site" content="https://flawlessapp.io/designplugins">
        <meta name="twitter:creator" content="@flawlessappio">
        <!-- Open Graph general (Facebook, Pinterest & Google+) -->
        <meta name="og:title" content="Awesome Design UI Kits">
        <meta name="og:description" content="Design kits">
        <meta name="og:image" content="https://flawlessapp.io/images/designtools/awesome-design-tools-sharable-image-general.png">
        <meta name="og:url" content="https://flawlessapp.io/designplugins">
        <meta name="og:site_name" content="Awesome Design UI Kits">
        <meta name="fb:admins" content="1685880598347240">
        <meta name="og:type" content="website">
    
            
        <link rel="icon" type="image/png" href="data:image/png;base64,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" sizes="196x196">
        <link rel="icon" type="image/png" href="data:image/png;base64,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" sizes="160x160">
        <link rel="icon" type="image/png" href="data:image/png;base64,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" sizes="96x96">
        <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAbVJREFUOBF1U71OAkEQntm9veVH4QQCZ0LlE1hoYkFnh40tFe/DW1AQay3sjK/gE1CqmKgJmgty3I07K3tkMTfN/H7f7s7OIGzl8foxWifrASH1iTBEJAykXtWU/rIlKMlIGgAuUkqfBncDG0dOTs4mw1BUbpoqaoQy3FL+qValBYfhoRdDwCVJGA1uL+5xejltP38u5kDU4ComaOm21Q4V12PQUjvXaksiNn2R/uDQgTmzztbwmrxAskkKwFvyBhnlhc8GATUUqlOBOZ14ma3zufoowrkBL5IFg4oYGxugngCEihfdOhll9jYul5qbLX/++uliiKgEkqEoEVPgZb7Tb88HylD4kZ0nTEoJtQsYKze32pdSggPlfx0D9d4Xc6yUoBHaX+UaK/ycSB85t9CCcK+1JlUL6sBPcMLgbq3rzYbNmekMDHzlCp1u6qYzQaKEuN6DYK8fXGBHmwTOi2pjhGbiXPP4zT0DxpKX8l4IpekeEJeOJNKRNbmJcf24FMyjzEslxg/jdylgxCR8ejWoQqfagXa15Tj/6WKZzEYWkzK7mh3FeXyug1okpJA8JB6yZJ1/AajqkZAPg5YVAAAAAElFTkSuQmCC" sizes="16x16">
        <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA6lJREFUWAmdV11u2kAQnl3/YcA0/CigKlLPkEZtRfrSHKIPSa6RA+QAuUaSh0q9An0KSqsqZ8hLSkIglVIwYPB2xsHEGK/XMBJid2Z25pvZ2fUsAwW1Tlv6zvWO1i12uTkyWVR9kpuI6Dwcjwtj4d67wnbt2cGPg2nIT/pfMkgKrS8t/c6/P8LhMQBrAggnaSHxbD0H2/m6TBzwGYNntNNmnJ03dz9esFO2BGgJwNnu2TvTyF06Rqlpamaq4VBYskpQtsrhNPWfMdYGwzz8/P39bai4AEDOPTb7DQKqJLQ0CxAI5I18qCv9r9k1KBgFqTwqQBA9BLEXguAkpLR7zL8MnRNvPBvD46gLfwZ3MJgOiCWlntuDyWwilUcFQogqeJNLcSp04gcArv/9OgIhcL9XyfM96LmP0Bl2wJM4EYj8we2CL/xVAwkcBNFs3/ykOnsBgOuw4NJpghnpuB0YTUeJijN/Ct1hF6EkHoyVNcIXgc8gA1gIidHHVyFy6LoPMPVncVEwH81G8OQ+JcpWmS8Z51dfr2w0LD1q8YUU4d+x3Mmz9wwDL71myCbG4lDt8f6wn4s7Uc2HWJQzSRZobX/Uxyx5KjPg2q7Guc+DalRqxxTG/jjGeZ1SMfbc/itDMrLrNuPexAvqQKIjZasipHqgXxpZA4txKGS7QNIMyWRZamGj6Mmhzg2Z3wV/LLk3Fgo42BhATlPXrvDVF9NGAHK6DRx3T0UZVDbLQNEoqnwHcours6QOI+ZKw1Ob19VfSFpmY6ZUtDYAJ2P01E9k+ZSvBYABg6KhvrWpPqhHyEJrAaC9VxUfybfz22BkOKYEUDe8ifqszENxsP1KI51rQY+Y1Tk1r7rP8UOegajwdCb/bOSwhath5FqWszf3R52zXslX0i/subJjyqN3sC7KuTJgv5chlFcVatv5/rd9Fxdi6ywnk5tBk5qkUbErQL91nVO7Tm+GoAixiWonGQ95JfNNOFz8c6ZBo1DHzll9KhaLlgbYoiMFAHDbzpdkkQnte/w80xl/W2hgVtQ3XcTU0pAeKsQIAHwqfrjAHCZmoRTb+wIexUa+AXQjbkq4XW16JS0A0F4Ygh/iPdOLGqXoi+ZLimmPK1hoNbu69n5HbaIdepgchk+0xUV0cnNyawhtL5oJqmwiiraOb8C0kxB1IhtT5NFXEemtnBvqVOmhUtJKx1tWtelYBWfL2kLFFVWZnyX+Wo/TpZXzCQGi7pUaSOrhknTivHWe5/8BP4oj32I4l2kAAAAASUVORK5CYII=" sizes="32x32">
        <link rel="apple-touch-icon" sizes="57x57" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="114x114" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="72x72" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="144x144" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="60x60" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="120x120" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="76x76" href="data:image/png;base64,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">
        <link rel="apple-touch-icon" sizes="152x152" href="data:image/png;base64,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">
    
            
        <style>
            /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
            :root {
  --black: #1b1c26;
  --blue: #0054d7;
  --gray: #e6e6e6;
  --light-brown: #faac52;
  --light-blue: #c5e8fa;
  --orange: #facb5c;
  --yellow: #fade3e;
  --skin: #faf0b9;
  --swamp: #9f8d29;
  --green: #028930;
  --sim-green: #008730;
  --mint: #a7f5ce;
  --feedback--bg: #ffffed;
  --feedback--btn: #ffbb44;
  --violet: #850289;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

a::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
input::selection,
label::selection,
li::selection,
p::selection,
span::selection,
strong::selection,
div::selection {
  background-color: var(--light-blue);
}

/* html {
  scroll-behavior: smooth;
} */

#addendum a:nth-child(3) {
  color: inherit;
  cursor: default;
  text-decoration: none;
}

body,
a,
input,
button {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

body {
  max-width: 1280px; /* 1160px */
  display: flex;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black);
}

body.-blue .tool__asset {
  background-color: var(--light-blue);
}

body.-blue .banner--yellow a:hover,
body.-blue article h3 a {
  color: var(--blue);
}

body.-blue .tag {
  background-color: var(--light-blue);
  color: var(--blue);
}

/* green theme */
body.-green .btn-contribute,
body.-green .nav .active,
body.-green .nav .active:hover,
body.-green .nav .active:focus {
  color: #ffffff;
  background-color: var(--green);
}

body.-green .btn-contribute,
body.-green .banner-top {
  background-color: var(--green);
}

body.-green .header-top__nav-item.-active {
  border-top-color: var(--green);
}

body.-green .tool__asset {
  background-color: var(--green);
}

body.-green .banner--yellow a:hover,
body.-green article h3 a {
  color: var(--green);
}

body.-green .btn-contribute,
body.-green .nav .active,
body.-green .nav .active:hover,
body.-green .nav .active:focus {
  color: #ffffff;
  background-color: var(--green);
}

body.-green .btn-contribute,
body.-green .banner-top {
  background-color: var(--green);
}

body.-green .header-top__nav-item.-active {
  border-top-color: var(--green);
}

body.-green .tag {
  background-color: var(--mint);
  color: var(--green);
}

/* violet theme */
body.-violet .btn-contribute,
body.-violet .nav .active,
body.-violet .nav .active:hover,
body.-violet .nav .active:focus {
  color: #ffffff;
  background-color: var(--violet);
}

body.-violet .btn-contribute,
body.-violet .banner-top {
  background-color: var(--violet);
}

body.-violet .header-top__nav-item.-active {
  border-top-color: var(--violet);
}

body.-violet .tool__asset {
  background-color: var(--violet);
}

body.-violet .banner--yellow a:hover,
body.-violet article h3 a {
  color: var(--violet);
}

body.-violet .btn-contribute,
body.-violet .nav .active,
body.-violet .nav .active:hover,
body.-violet .nav .active:focus {
  color: #ffffff;
  background-color: var(--violet);
}

body.-violet .btn-contribute,
body.-violet .banner-top {
  background-color: var(--violet);
}

body.-violet .header-top__nav-item.-active {
  border-top-color: var(--violet);
}

body.-violet .tag {
  background-color: var(--violet);
  color: #fff;
}

body > ul li > a {
  letter-spacing: -0.025625rem;
}

body > .nav {
  margin-top: 6.75rem;
}

body > main {
  margin-top: 7rem;
  margin-bottom: 50vh;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: var(--blue);
}

h1 {
  font-size: 1.75rem;
  letter-spacing: -0.043125rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.5rem;
  letter-spacing: -0.033125rem;
}

button {
  letter-spacing: -0.01875rem;
}

main {
  padding-left: 4.375rem;
}

article > header {
  margin-bottom: 2rem;
}

.hidden-in-page,
.-hidden {
  display: none !important;
}

.nav {
  width: 280px;
  flex-shrink: 0;
}

.nav ul {
  position: fixed;
  width: 260px;
  height: 80vh;
  padding-left: 0;
  margin: 0;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.nav ul::-webkit-scrollbar {
  width: 6px;
}

.nav ul::-webkit-scrollbar-track {
  background-color: #ededed;
}

.nav ul::-webkit-scrollbar-thumb {
  background-color: rgb(204, 204, 204);
}

.nav ul::-webkit-scrollbar-thumb:hover {
  background: rgb(196, 196, 196);
}

.nav ul::-webkit-scrollbar-track,
.nav ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

.nav li {
  height: 44px;
  margin-right: 1.375rem;
  border-radius: 6px;
  list-style: none;
}

.nav li:last-child {
  padding-bottom: 0px;
}

.nav li a {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: normal;
  color: inherit;
}

.nav li > a {
  width: 100%;
  display: block;
  height: 100%;
  padding: 0.75rem 1.125rem;
  letter-spacing: -0.02125rem;
  border-radius: 6px;
}

.nav .active,
.nav .active:hover,
.nav .active:focus {
  color: #ffffff;
  background-color: var(--blue);
}

.nav li:hover,
.nav li:focus {
  background-color: var(--gray);
}

.nav li a:hover {
  text-decoration: none;
}

.nav h2 {
  display: none;
}

.banner {
  padding: 0.875rem 1rem;
  margin-top: 2.625rem;
  margin-bottom: 3.75rem;
  font-size: 1rem;
  line-height: 26px;
  letter-spacing: -0.3px;
  border-radius: 8px;
  background-color: var(--skin);
  color: var(--swamp);
  cursor: default;
}

.banner--yellow {
  background-color: var(--skin);
  color: var(--swamp);
}

.banner--flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.banner--dark {
  background-color: rgba(0, 84, 215, 0.8);
  color: #ffffff;
}

.banner--dark a:hover {
  color: #ffffff !important;
}

.banner-contribute > p:first-child {
  margin-right: 1rem;
}

@media (max-width: 584px) {
  .banner-contribute > p:first-child {
    margin-bottom: 1rem;
  }

  .banner-contribute .btn-contribute {
    text-align: center;
  }
}

.banner--yellow a {
  color: inherit;
  text-decoration: underline;
}

.banner--yellow a:hover {
  color: var(--blue);
}

.promo-banner {
  box-sizing: border-box;
  display: flex;
  background-color: #ffffed;
}

.promo-banner:hover {
  text-decoration: none;
}

.promo-banner h3 {
  font-size: 1.375rem;
}

.promo-banner--flawless-feedback {
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 2.375rem 1rem;
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
  background-color: var(--feedback--bg);
  color: var(--black);
  border-radius: 8px;
}

.promo-banner--flawless-feedback:visited {
  color: inherit;
}

.promo-banner--flawless-feedback h3 {
  color: inherit;
}

.promo-banner--flawless-feedback__button {
  padding: 0.5625rem 1rem;
  font-size: 1rem;
  font-weight: bold;
  background-color: var(--feedback--btn);
  color: #fff;
  border-radius: 18.5px;
}

.promo-banner--flawless-feedback p {
  font-size: 1.125rem;
  line-height: 1.44;
}

.promo-banner--flawless-feedback__logo {
  width: 85px;
  height: 85px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='85' viewBox='0 0 85 85'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FB4' d='M0 42.5C0 65.972 19.028 85 42.5 85S85 65.972 85 42.5 65.972 0 42.5 0 0 19.028 0 42.5'/%3E%3Cpath fill='%23FEFEFE' d='M25.815 68.835V34.787c0-6.694 5.356-12.12 11.963-12.12h23.926c0 6.694-5.356 12.12-11.963 12.12H39.188c-.78 0-1.41.64-1.41 1.429v9.263a1.42 1.42 0 0 0 1.41 1.429H49.74c0 6.693-5.355 12.12-11.962 12.12v9.807c0 1.277-1.023 2.313-2.284 2.313h-7.396c-1.261 0-2.283-1.036-2.283-2.313'/%3E%3Cg fill='%23FEFEFE' opacity='.5'%3E%3Cpath d='M37.454 45.742c0 .789.642 1.428 1.433 1.428h5.623c1.253-2.495 1.994-5.234 1.994-7.872l-9.05 3.646v2.798zM38.083 22.93h14.794c2.925-3.337 4.863-7.872 4.863-12.147l-21.213 8.549c-4.329 1.744-8.049 6.207-9.698 11.118a12.166 12.166 0 0 1 11.254-7.52'/%3E%3C/g%3E%3Cg fill='%23FEFEFE' opacity='.5'%3E%3Cpath d='M38.086 23.103h20.327c.865-1.872 1.357-3.922 1.357-6.003l-22.451 4.249c-4.477.847-8.34 4.39-10.142 8.8 1.892-4.157 6.063-7.046 10.91-7.046M37.457 45.163v.615c0 .784.632 1.42 1.413 1.42h8.48a13.94 13.94 0 0 0 .565-3.879l-9.903 1.874a1.14 1.14 0 0 1-.555-.03'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

article > header {
  margin-bottom: 2rem;
}

article header > p {
  line-height: 1.5rem; /* 22px */
}

article h3 {
  margin-top: 0;
  margin-bottom: 1rem; /* 0.5rem */
}

article h3 a {
  color: var(--blue);
  font-weight: 700;
  line-height: 1.625rem;
}

article p {
  margin: 0;
}

article li {
  margin-bottom: 2rem;
  list-style: none;
}

article li:first-child {
  margin-top: 0;
}

article li:last-child {
  margin-bottom: 4.625rem;
}

.tool__description__header a {
  font-size: 1.375rem;
  font-weight: 700;
  color: inherit;
  line-height: 24px;
}

article ul {
  margin: 0;
  padding-left: 0;
}

.tool {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.tool.-hidden {
  display: none;
  opacity: 0;
}

.tool__asset {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin-right: 2rem;
  border-radius: 10px;
  background-color: var(--light-blue);
  font-family: 'Pacifico', 'Lucida Grande', 'Lato', 'Lucida Sans Unicode',
    cursive;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

.tool__asset:hover {
  text-decoration: none;
}

.tool__asset:visited {
  color: #ffffff;
}

.tool__asset::selection {
  background-color: transparent;
}

.tool__description p {
  margin-top: 0.375rem;
  line-height: 1.625rem;
}

.tool__description__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.tag-wrapper {
  margin-top: 0.75rem;
}

.tag {
  display: inline-block;
  margin-right: 0.5rem;
}

.tag:last-child {
  margin-right: 0;
}

.tag {
  padding: 0.25rem 0.5rem;
  font-family: 'Lucida Grande', 'Lato', 'Lucida Sans Unicode', Geneva, Verdana,
    sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: -0.0125rem;
  text-transform: uppercase;
  border-radius: 0.688rem;
  line-height: 1;
  cursor: pointer;
}
/* 
.tag--free {
	background-color: var(--orange);
	color: rgb(153, 107, 0);
}

.tag--open-source {
	background-color: var(--yellow);
	color: rgb(153, 130, 0);
}

.tag--mac {
	background-color: var(--light-brown);
	color: rgb(153, 107, 0);
} */

.welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 8.5rem;
}

.-logo-adt {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='196px' height='196px' viewBox='0 0 196 196' version='1.1' xmlns='http://www.w3.org/2000 … [Строка слишком длинная. Вы можете скачать файл]
}

.-logo-adp {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E059F6B97-0B3D-42CF-96AF-2426D55D5E0B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-880.000000, -144.000000)' fill-rule='nonzero'%3E%3Cg id='header-title' transform='translate(705.000000, 144.000000)'%3E%3Cg id='adp-logo' transform='translate(175.000000, 0.000000)'%3E%3Cpath d='M20.3602648,2.73013461e-15 L39.6397352,4.37529275e-15 C46.7194428,3.07477155e-15 49.2867159,0.737144559 51.8749512,2.12134794 C54.4631865,3.50555132 56.4944487,5.53681353 57.8786521,8.12504882 C59.2628554,10.7132841 60,13.2805572 60,20.3602648 L60,39.6397352 C60,46.7194428 59.2628554,49.2867159 57.8786521,51.8749512 C56.4944487,54.4631865 54.4631865,56.4944487 51.8749512,57.8786521 C49.2867159,59.2628554 46.7194428,60 39.6397352,60 L20.3602648,60 C13.2805572,60 10.7132841,59.2628554 8.12504882,57.8786521 C5.53681353,56.4944487 3.50555132,54.4631865 2.12134794,51.8749512 C0.737144559,49.2867159 3.87134176e-15,46.7194428 3.00432763e-15,39.6397352 L4.10109972e-15,20.3602648 C3.23408559e-15,13.2805572 0.737144559,10.7132841 2.12134794,8.12504882 C3.50555132,5.53681353 5.53681353,3.50555132 8.12504882,2.12134794 C10.7132841,0.737144559 13.2805572,4.03065581e-15 20.3602648,2.73013461e-15 Z' id='Rectangle-Copy' fill='%232FC763'%3E%3C/path%3E%3Cpath d='M28.3581861,1.59872116e-14 L39.3808608,13.6118695 C43.8362651,19.1138357 44.8790335,21.5728817 45.4321347,24.4554257 C45.9852359,27.3379698 45.6849634,30.1948717 44.5446342,32.899429 C43.404305,35.6039863 41.8730592,37.7924926 36.371093,42.2478969 L21.3881305,54.3808608 C17.7229859,57.3488363 15.408162,58.8024267 13.41895,59.6056916 C11.0895749,59.2545816 9.61076545,58.673222 8.12504882,57.8786521 C5.53681353,56.4944487 3.50555132,54.4631865 2.12134794,51.8749512 C0.737144559,49.2867159 -1.5244806e-13,46.7194428 -1.53315074e-13,39.6397352 L-1.52218302e-13,20.3602648 C-1.53085316e-13,13.2805572 0.737144559,10.7132841 2.12134794,8.12504882 C3.50555132,5.53681353 5.53681353,3.50555132 8.12504882,2.12134794 C10.7132841,0.737144559 13.2805572,1.82415105e-14 20.3602648,1.69409893e-14 L28.3581861,1.76234689e-14 Z' id='Combined-Shape' fill='%2318A849'%3E%3C/path%3E%3Cpath d='M10.9991492,59.0814879 C9.91760468,58.7608583 9.02258714,58.3586608 8.12504882,57.8786521 C5.53681353,56.4944487 3.50555132,54.4631865 2.12134794,51.8749512 C0.737144559,49.2867159 4.65039059e-14,46.7194428 4.56368918e-14,39.6397352 L4.67336639e-14,20.3602648 C4.58666497e-14,13.2805572 0.737144559,10.7132841 2.12134794,8.12504882 C3.28179714,5.95519748 4.89702096,4.17680548 6.91393893,2.84295328 L13.6713561,5.85154926 C20.1389909,8.73112577 22.1844878,10.4487449 23.9859522,12.7660077 C25.7874165,15.0832706 26.8168781,17.7651097 27.0286807,20.6925865 C27.2404833,23.6200634 26.8696943,26.2652077 23.9901178,32.7328425 L16.1484507,50.345515 C14.0394137,55.0824898 12.5536827,57.4473075 10.9991492,59.0814879 Z' id='Combined-Shape' fill='%230B7E32'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.-logo-adk {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='29px' height='29px' viewBox='0 0 29 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 61.1 (101010) - https://sketch.com --%3E%3Ctitle%3E9659587E-EF92-4A00-A660-D91F849A257C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-uikits-v1' transform='translate(-80.000000, -28.000000)' fill-rule='nonzero'%3E%3Cg id='Group-3' transform='translate(80.000000, 28.000000)'%3E%3Cg id='adp-logo'%3E%3Cpath d='M9.84079466,-3.97579883e-16 L19.1592053,3.97579883e-16 C22.581064,-2.31005361e-16 23.8219127,0.356286537 25.0728931,1.02531817 C26.3238735,1.69434981 27.3056502,2.67612654 27.9746818,3.92710693 C28.6437135,5.17808732 29,6.41893597 29,9.84079466 L29,19.1592053 C29,22.581064 28.6437135,23.8219127 27.9746818,25.0728931 C27.3056502,26.3238735 26.3238735,27.3056502 25.0728931,27.9746818 C23.8219127,28.6437135 22.581064,29 19.1592053,29 L9.84079466,29 C6.41893597,29 5.17808732,28.6437135 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 1.54003574e-16,22.581064 -2.65053255e-16,19.1592053 L2.65053255e-16,9.84079466 C-1.54003574e-16,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.69434981,2.67612654 2.67612654,1.69434981 3.92710693,1.02531817 C5.17808732,0.356286537 6.41893597,2.31005361e-16 9.84079466,-3.97579883e-16 Z' id='Rectangle-Copy' fill='%23C22FC7'%3E%3C/path%3E%3Cpath d='M13.705,-9.9475983e-14 L19.0340827,6.57907027 C21.1875281,9.23835394 21.6915329,10.4268928 21.9588651,11.8201224 C22.2261973,13.2133521 22.0810656,14.594188 21.5299065,15.9013907 C20.9787474,17.2085934 20.2386453,18.2663714 17.5793616,20.4198169 L10.3375964,26.2840827 C8.56515091,27.7193808 7.44606724,28.4219333 6.48426465,28.8100478 C5.35883486,28.6392716 4.64463751,28.3584214 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 -1.56430452e-13,22.581064 -1.56849508e-13,19.1592053 L-1.56319402e-13,9.84079466 C-1.56738459e-13,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.69434981,2.67612654 2.67612654,1.69434981 3.92710693,1.02531817 C5.17808732,0.356286537 6.41893597,1.44418601e-14 9.84079466,1.38132748e-14 L13.705,-9.9475983e-14 Z' id='Combined-Shape' fill='%23A318A8'%3E%3C/path%3E%3Cpath d='M3.34262682,1.37350581 L6.60782212,2.82824881 C9.73384559,4.22004412 10.7225024,5.05022669 11.5932102,6.17023706 C12.463918,7.29024744 12.9614911,8.58646969 13.0638623,10.0014168 C13.1662336,11.416364 12.9870189,12.6948504 11.5952236,15.8208739 L7.80508453,24.3336656 C6.78588896,26.6228163 6.06785615,27.7658121 5.31663652,28.5556519 C4.79354791,28.401099 4.36093667,28.2066965 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 4.27865677e-14,22.581064 4.23675109e-14,19.1592053 L4.28976174e-14,9.84079466 C4.24785606e-14,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.58637257,2.87802642 2.36736844,2.01826639 3.34262682,1.37350581 Z' id='Combined-Shape' fill='%23850289'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.welcome__asset {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background-size: cover;
  font-size: 0;
}

.welcome__title {
  margin-top: 0.8125rem;
  margin-bottom: 1rem;
  line-height: normal;
}

.welcome__description {
  max-width: 390px;
  padding-bottom: 2rem;
  line-height: 1.45;
  text-align: center;
}

.btn {
  z-index: 1;
}

.btn:hover {
  text-decoration: none;
}

.btn-contribute {
  position: relative;
  padding: 0.75rem 1.375rem;
  padding-left: calc(25px + 1.375rem);
  border-radius: 24px;
  font-size: 1rem;
  font-weight: bold;
  background-color: var(--blue);
  color: #ffffff;
}

.btn-contribute:visited {
  color: #ffffff;
}

.image-gh:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 1.375rem;
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M8.5 0C3.804 0 0 3.862 0 8.63 0 12.685 2.741 16.05 6.439 17a1.181 1.181 0 0 1-.064-.41v-1.467H5.313c-.574 0-1.106-.259-1.34-.734-.276-.518-.318-1.316-1.02-1.813-.212-.172-.042-.345.192-.323.446.129.807.431 1.147.884.34.453.489.561 1.126.561.298 0 .765-.021 1.19-.087.234-.604.638-1.143 1.127-1.402-2.848-.345-4.208-1.769-4.208-3.71 0-.843.361-1.64.957-2.331-.191-.67-.447-2.05.085-2.59 1.275 0 2.04.843 2.231 1.058a6.455 6.455 0 0 1 2.061-.345c.744 0 1.424.129 2.061.345.19-.216.956-1.057 2.23-1.057.51.518.277 1.92.065 2.589.595.669.935 1.488.935 2.33 0 1.942-1.34 3.366-4.165 3.668.787.41 1.34 1.575 1.34 2.438v1.965c0 .065-.022.13-.022.194C14.62 15.598 17 12.405 17 8.63 17 3.862 13.196 0 8.5 0z'/%3E%3C/svg%3E");
}

.banner-top-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  z-index: 100;
  animation: start 0.5s ease-in-out;
}

@keyframes start {
  from {
    top: -3rem;
    opacity: 0;
  }

  to {
    top: 0rem;
    opacity: 1;
  }
}

.header-top,
.banner-top {
  transition: all 0.3s ease-in-out;
}

.header-top--hide-banner .banner-top {
  display: none;
  opacity: 0;
}

.banner-top {
  position: relative;
  top: 0;
  width: 100%;
  padding: 1rem 0;
  text-align: center;
  background-color: #3d7dd0;
  color: #ffffff;
  opacity: 1;
}

.banner-abstract {
  background-color: #272b2d !important;
}

.banner__text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
.banner__text:hover {
  text-decoration: underline;
}

.banner__text a,
.banner__text span {
  font-weight: 700;
  color: #ffffff;
}
.banner__text a:hover,
.banner__text span:hover {
  text-decoration: underline;
}

.banner__close-wrapper {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(calc(-50% - 3px));
}

.banner__close {
  position: relative;
  width: 14px;
  height: 14px;
  font-size: 0;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 61.1 (101010) - https://sketch.com --%3E%3Ctitle%3E0ADCEEA4-60C5-4927-95C3-E45AC67857A5%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='Desktop---Announcemenet---Banner' transform='translate(-1525.000000, -27.000000)' stroke='%23FFFFFF' stroke-width='3'%3E%3Cg id='Close' transform='translate(1527.000000, 29.000000)'%3E%3Cline x1='0' y1='0' x2='11' y2='11' id='Line-3'%3E%3C/line%3E%3Cline x1='0' y1='0' x2='11' y2='11' id='Line-3' transform='translate(5.500000, 5.500000) scale(-1, 1) translate(-5.500000, -5.500000) '%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.banner-abstract {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.banner-abstract header {
  display: flex;
}
.banner-abstract .banner__text {
  padding-left: 1rem;
}
.banner-abstract .banner__text:visited {
  color: #fff;
}
.banner-abstract .abstract-logo {
  position: relative;
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 61.1 (101010) - https://sketch.com --%3E%3Ctitle%3E13E4A54D-B3FE-4828-953B-D56603BF6AC8%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Desktop---Announcemenet---Banner' transform='translate(-576.000000, -16.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Group' transform='translate(576.000000, 16.000000)'%3E%3Cpath d='M17.21901,0 C3.44244671,0 0,3.44244671 0,17.21901 C0,30.9955733 3.44244671,34.43802 17.21901,34.43802 C30.9955733,34.43802 34.43802,30.9955733 34.43802,17.21901 C34.43802,3.44244671 30.9955733,0 17.21901,0 Z M14.3932221,26.6383067 C10.7543972,26.6270837 7.81258629,23.6701213 7.82004595,20.0312868 C7.82753404,16.3924523 10.7814668,13.4475992 14.420307,13.451324 C18.0591473,13.4550558 21.0070567,16.4059557 21.0070567,20.0447979 C20.9995789,23.6911284 18.0395583,26.6420506 14.3932221,26.6383067 L14.3932221,26.6383067 Z M26.3672444,26.3672444 L23.1348682,26.3672444 L23.1348682,11.2963753 L8.07077564,11.2963753 L8.07077564,8.07077564 L26.3672444,8.07077564 L26.3672444,26.3672444 Z' id='Shape'%3E%3C/path%3E%3Ccircle id='Oval' cx='14.3932221' cy='20.0447979' r='3.36112907'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .banner-top .banner__text {
    padding-left: 0;
    padding: 0 6.875%;
  }
  .banner-abstract header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .banner__close-wrapper {
    position: relative;
    top: initial;
    right: initial;
    transform: none;
  }
}

/* @media (max-width: 1024px) {
  .banner-top {
    top: 64px;
  }
} */

.header.-blue {
  background-color: #f2f5fa;
}

.header.-mint {
  background-color: #f2faf5;
}

.header.-violet {
  background-color: #f2f5fa;
}

.header-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.header-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-bottom: 1.625rem;
  border-bottom: solid 1px #dbdbdb;
  z-index: 9;
}

.header-top .logo {
  display: flex;
  align-items: center;
  margin-top: 1.75rem;
  margin-bottom: 1.688rem;
}

.header-inner {
  display: flex;
  align-items: center;
}

.logo__asset {
  width: 29px;
  height: 29px;
  background-size: cover;
}

.logo__title {
  margin-left: 0.75rem;
  font-size: 20px;
  font-weight: 700;
  color: var(--black);
  letter-spacing: -0.43px;
}
/* nav was here */

.header-top__nav-item:visited {
  color: #8490a3;
}

.header-top__nav-item:nth-child(1) {
  border-left: 1px solid #dbdbdb;
}

.header-top__nav-item:nth-child(1).-active {
  border-left: 1px solid #dbdbdb;
}

.header-top__nav-item:nth-child(2) {
  border-left: 1px solid #dbdbdb;
}

.header-top__nav-item.-active + .header-top__nav-item {
  border-left: none;
  border-right: 1px solid #dbdbdb;
}

.header-top__nav-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 30px;
  width: 39px;
  height: 39px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-size: cover;
}

.header-top__nav-item.-tool::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5271BAD8-CA6B-43F2-BEF2-48D9CBFFFF49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-550.000000, -23.000000)' fill-rule='nonzero'%3E%3Cg id='tab-description' transform='translate(550.000000, 23.000000)'%3E%3Cg id='tools-icon-unselected'%3E%3Ccircle id='Oval' fill='%23DFE6F2' cx='19.5' cy='19.5' r='19.5'%3E%3C/circle%3E%3Cg id='pn-tool-icon-selected' transform='translate(20.000000, 18.500000) rotate(-315.000000) translate(-20.000000, -18.500000) translate(13.000000, 7.000000)'%3E%3Cpath d='M6.54347826,10.511544 C5.58624895,10.722836 4.86956522,11.5847555 4.86956522,12.615912 C4.86956522,13.8054982 5.82339336,14.7698482 7,14.7698482 C8.17660664,14.7698482 9.13043478,13.8054982 9.13043478,12.615912 C9.13043478,11.5847555 8.41375105,10.722836 7.45652174,10.511544 L7.45652174,0.0473742635 C7.49189492,0.0876465635 7.52213461,0.132673324 7.54626515,0.181466785 L13.7492354,12.7242607 C13.9084456,13.0461936 13.9212137,13.4223771 13.7842069,13.7546149 L11.7458758,18.6975139 C11.6509205,18.927778 11.4285933,19.0777206 11.1821249,19.0777206 L3.07506599,19.0777206 C2.83741516,19.0777206 2.62133189,18.9381909 2.521123,18.7200274 L0.24870057,13.7727652 C0.0915749076,13.430689 0.09722908,13.0347191 0.264056261,12.6973841 L6.45373485,0.181466785 C6.47832875,0.131736394 6.50864793,0.0868254917 6.54347826,0.0471430732 L6.54347826,10.511544 Z' id='Path' fill='%23A4AEBD'%3E%3C/path%3E%3Cpath d='M2.45268542,18.4623103 L11.8516624,18.4623103 L12.5813987,21.3273817 C12.667768,21.666483 12.4628884,22.0113951 12.1237871,22.0977645 C12.0726776,22.1107821 12.0201427,22.1173673 11.9674015,22.1173673 L2.33694632,22.1173673 C1.9870187,22.1173673 1.70334632,21.833695 1.70334632,21.4837673 C1.70334632,21.4310261 1.70993154,21.3784912 1.72294917,21.3273817 L2.45268542,18.4623103 Z' id='Rectangle' fill='%23BCC6D6'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__nav-item.-active.-tool::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E36955B56-68D6-4AEB-95EC-319326AFB705%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-tools-v3' transform='translate(-550.000000, -23.000000)' fill-rule='nonzero'%3E%3Cg id='tab-description' transform='translate(550.000000, 23.000000)'%3E%3Cg id='tools-icon-selected'%3E%3Ccircle id='Oval' fill='%23D2E2FA' cx='19.5' cy='19.5' r='19.5'%3E%3C/circle%3E%3Cg id='pn-tool-icon-selected' transform='translate(20.000000, 18.500000) rotate(-315.000000) translate(-20.000000, -18.500000) translate(13.000000, 7.000000)'%3E%3Cpath d='M6.54347826,10.511544 C5.58624895,10.722836 4.86956522,11.5847555 4.86956522,12.615912 C4.86956522,13.8054982 5.82339336,14.7698482 7,14.7698482 C8.17660664,14.7698482 9.13043478,13.8054982 9.13043478,12.615912 C9.13043478,11.5847555 8.41375105,10.722836 7.45652174,10.511544 L7.45652174,0.0473742635 C7.49189492,0.0876465635 7.52213461,0.132673324 7.54626515,0.181466785 L13.7492354,12.7242607 C13.9084456,13.0461936 13.9212137,13.4223771 13.7842069,13.7546149 L11.7458758,18.6975139 C11.6509205,18.927778 11.4285933,19.0777206 11.1821249,19.0777206 L3.07506599,19.0777206 C2.83741516,19.0777206 2.62133189,18.9381909 2.521123,18.7200274 L0.24870057,13.7727652 C0.0915749076,13.430689 0.09722908,13.0347191 0.264056261,12.6973841 L6.45373485,0.181466785 C6.47832875,0.131736394 6.50864793,0.0868254917 6.54347826,0.0471430732 L6.54347826,10.511544 Z' id='Path' fill='%230054D7'%3E%3C/path%3E%3Cpath d='M2.45268542,18.4623103 L11.8516624,18.4623103 L12.5813987,21.3273817 C12.667768,21.666483 12.4628884,22.0113951 12.1237871,22.0977645 C12.0726776,22.1107821 12.0201427,22.1173673 11.9674015,22.1173673 L2.33694632,22.1173673 C1.9870187,22.1173673 1.70334632,21.833695 1.70334632,21.4837673 C1.70334632,21.4310261 1.70993154,21.3784912 1.72294917,21.3273817 L2.45268542,18.4623103 Z' id='Rectangle' fill='%2373A9FF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__nav-item.-plugin::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EF6CB63FC-58C8-4012-BD1C-A034BC93E98D%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-tools-v3' transform='translate(-710.000000, -23.000000)' fill-rule='nonzero'%3E%3Cg id='tab-description' transform='translate(710.000000, 23.000000)'%3E%3Cg id='plugins-icon-unselected'%3E%3Ccircle id='Oval' fill='%23DFE6F2' cx='19.5' cy='19.5' r='19.5'%3E%3C/circle%3E%3Cg id='plugin-icon-copy' transform='translate(19.474874, 20.767767) rotate(-315.000000) translate(-19.474874, -20.767767) translate(10.474874, 8.267767)'%3E%3Cpath d='M6.24,15.2075472 L6.24,21.8876732 C6.24,23.3778 7.44798643,24.5857864 8.93811321,24.5857864 L8.93811321,24.5857864 C10.42824,24.5857864 11.6362264,23.3778 11.6362264,21.8876732 L11.6362264,20.1967929 C11.6362264,18.5538672 12.9680808,17.2220129 14.6110064,17.2220129 L14.6110064,17.2220129 C16.2539321,17.2220129 17.5857864,18.5538672 17.5857864,20.1967929 L17.5857864,23.249882' id='Path-8' stroke='%23BCC6D6' stroke-width='1.91999977' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M10.08,5.88679245 L11.5200001,5.88679245 C11.7850967,5.88679245 12,6.10169575 12,6.3667924 L12,10.7924528 C12,13.5017742 9.80366104,15.6981132 7.09433962,15.6981132 L4.90566038,15.6981132 C2.19633896,15.6981132 3.3179618e-16,13.5017742 0,10.7924528 L0,6.3667924 C-3.24649762e-17,6.10169575 0.214903294,5.88679245 0.479999943,5.88679245 L1.92,5.88679245 L1.92,1.2 C1.92,0.5372583 2.4572583,1.21743675e-16 3.12,0 C3.7827417,-1.21743675e-16 4.32,0.5372583 4.32,1.2 L4.32,5.88679245 L7.68,5.88679245 L7.68,1.2 C7.68,0.5372583 8.2172583,1.21743675e-16 8.88,0 C9.5427417,-1.21743675e-16 10.08,0.5372583 10.08,1.2 L10.08,5.88679245 Z' id='Combined-Shape' fill='%23A4AEBD'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__nav-item.-active.-plugin::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E40705D8A-BCC7-48F7-814E-FDB8063DBB9F%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-710.000000, -23.000000)' fill-rule='nonzero'%3E%3Cg id='tab-description' transform='translate(710.000000, 23.000000)'%3E%3Cg id='plugin-icon-selected'%3E%3Ccircle id='Oval' fill='%23D2FAD7' cx='19.5' cy='19.5' r='19.5'%3E%3C/circle%3E%3Cg id='plugin-icon' transform='translate(19.474874, 20.767767) rotate(-315.000000) translate(-19.474874, -20.767767) translate(10.474874, 8.267767)'%3E%3Cpath d='M6.24,15.2075472 L6.24,21.8876732 C6.24,23.3778 7.44798643,24.5857864 8.93811321,24.5857864 L8.93811321,24.5857864 C10.42824,24.5857864 11.6362264,23.3778 11.6362264,21.8876732 L11.6362264,20.1967929 C11.6362264,18.5538672 12.9680808,17.2220129 14.6110064,17.2220129 L14.6110064,17.2220129 C16.2539321,17.2220129 17.5857864,18.5538672 17.5857864,20.1967929 L17.5857864,23.249882' id='Path-8' stroke='%2352B372' stroke-width='1.91999977' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M10.08,5.88679245 L11.5200001,5.88679245 C11.7850967,5.88679245 12,6.10169575 12,6.3667924 L12,10.7924528 C12,13.5017742 9.80366104,15.6981132 7.09433962,15.6981132 L4.90566038,15.6981132 C2.19633896,15.6981132 3.3179618e-16,13.5017742 0,10.7924528 L0,6.3667924 C-3.24649762e-17,6.10169575 0.214903294,5.88679245 0.479999943,5.88679245 L1.92,5.88679245 L1.92,1.2 C1.92,0.5372583 2.4572583,1.21743675e-16 3.12,0 C3.7827417,-1.21743675e-16 4.32,0.5372583 4.32,1.2 L4.32,5.88679245 L7.68,5.88679245 L7.68,1.2 C7.68,0.5372583 8.2172583,1.21743675e-16 8.88,0 C9.5427417,-1.21743675e-16 10.08,0.5372583 10.08,1.2 L10.08,5.88679245 Z' id='Combined-Shape' fill='%23028930'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__nav-item.-kit::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 61.1 (101010) - https://sketch.com --%3E%3Ctitle%3E9CBD9806-432E-4049-A8DE-4898D83FBA66%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-uikits-v1' transform='translate(-684.000000, -83.000000)'%3E%3Cg id='plugin-icon-selected' transform='translate(684.000000, 83.000000)'%3E%3Ccircle id='Oval' fill='%23DFE6F2' fill-rule='nonzero' cx='19.5' cy='19.5' r='19.5'%3E%3C/circle%3E%3Cg id='Group-7' transform='translate(9.000000, 9.000000)'%3E%3Cpath d='M7.6916556,-3.10752092e-16 L13.3083444,3.10752092e-16 C15.9829006,-1.80555915e-16 16.9527593,0.278476833 17.9305371,0.801398111 C18.9083149,1.32431939 19.6756806,2.09168511 20.1986019,3.06946289 C20.7215232,4.04724067 21,5.01709938 21,7.6916556 L21,13.3083444 C21,15.9829006 20.7215232,16.9527593 20.1986019,17.9305371 C19.6756806,18.9083149 18.9083149,19.6756806 17.9305371,20.1986019 C16.9527593,20.7215232 15.9829006,21 13.3083444,21 L7.6916556,21 C5.01709938,21 4.04724067,20.7215232 3.06946289,20.1986019 C2.09168511,19.6756806 1.32431939,18.9083149 0.801398111,17.9305371 C0.278476833,16.9527593 1.2037061e-16,15.9829006 -2.07168062e-16,13.3083444 L2.07168062e-16,7.6916556 C-1.2037061e-16,5.01709938 0.278476833,4.04724067 0.801398111,3.06946289 C1.32431939,2.09168511 2.09168511,1.32431939 3.06946289,0.801398111 C4.04724067,0.278476833 5.01709938,1.80555915e-16 7.6916556,-3.10752092e-16 Z' id='Rectangle' stroke='%23BCC6D6' stroke-width='2'%3E%3C/path%3E%3Cpath d='M4.15374839,13 L16.8462516,13 C17.2474351,13 17.3929139,13.0417715 17.5395805,13.1202097 C17.6862472,13.1986479 17.8013521,13.3137528 17.8797903,13.4604195 C17.9582285,13.6070861 18,13.7525649 18,14.1537484 L18,15.6840486 C18,16.2780468 17.9071744,16.6509198 17.7328673,16.9768457 C17.5585602,17.3027716 17.3027716,17.5585602 16.9768457,17.7328673 C16.6509198,17.9071744 16.2780468,18 15.6840486,18 L5.31595144,18 C4.72195321,18 4.34908022,17.9071744 4.0231543,17.7328673 C3.69722837,17.5585602 3.4414398,17.3027716 3.2671327,16.9768457 C3.09282561,16.6509198 3,16.2780468 3,15.6840486 L3,14.1537484 C3,13.7525649 3.04177153,13.6070861 3.12020972,13.4604195 C3.19864792,13.3137528 3.31375278,13.1986479 3.46041945,13.1202097 C3.60708612,13.0417715 3.75256494,13 4.15374839,13 Z' id='Rectangle' fill='%23A4AEBD'%3E%3C/path%3E%3Cpath d='M12.1537484,3 L15.4361148,3 C16.3276335,3 16.6509198,3.09282561 16.9768457,3.2671327 C17.3027716,3.4414398 17.5585602,3.69722837 17.7328673,4.0231543 C17.9071744,4.34908022 18,4.67236646 18,5.5638852 L18,9.84625166 C18,10.2474351 17.9582285,10.3929139 17.8797903,10.5395806 C17.8013521,10.6862472 17.6862472,10.8013521 17.5395806,10.8797903 C17.3929139,10.9582285 17.2474351,11 16.8462517,11 L12.1537483,11 C11.7525649,11 11.6070861,10.9582285 11.4604194,10.8797903 C11.3137528,10.8013521 11.1986479,10.6862472 11.1202097,10.5395806 C11.0417715,10.3929139 11,10.2474351 11,9.84625166 L11,4.15374839 C11,3.75256494 11.0417715,3.60708612 11.1202097,3.46041945 C11.1986479,3.31375278 11.3137528,3.19864792 11.4604195,3.12020972 C11.6070861,3.04177153 11.7525649,3 12.1537484,3 Z' id='Rectangle' fill='%23A4AEBD'%3E%3C/path%3E%3Cpath d='M4.15374839,3 L7.4361148,3 C8.32763354,3 8.65091978,3.09282561 8.9768457,3.2671327 C9.30277163,3.4414398 9.5585602,3.69722837 9.7328673,4.0231543 C9.90717439,4.34908022 10,4.67236646 10,5.5638852 L10,9.84625166 C10,10.2474351 9.95822847,10.3929139 9.87979028,10.5395806 C9.80135209,10.6862472 9.68624723,10.8013521 9.53958057,10.8797903 C9.3929139,10.9582285 9.24743509,11 8.84625166,11 L4.15374834,11 C3.75256491,11 3.6070861,10.9582285 3.46041943,10.8797903 C3.31375277,10.8013521 3.19864791,10.6862472 3.12020972,10.5395806 C3.04177153,10.3929139 3,10.2474351 3,9.84625166 L3,4.15374839 C3,3.75256494 3.04177153,3.60708612 3.12020972,3.46041945 C3.19864792,3.31375278 3.31375278,3.19864792 3.46041945,3.12020972 C3.60708612,3.04177153 3.75256494,3 4.15374839,3 Z' id='Rectangle' fill='%23BCC6D6' transform='translate(6.500000, 7.000000) scale(-1, 1) translate(-6.500000, -7.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__nav-item.-active.-kit::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 61.1 (101010) - https://sketch.com --%3E%3Ctitle%3E809279DA-3C01-4619-8588-0B6FBFD3EF13%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-uikits-v1' transform='translate(-684.000000, -23.000000)'%3E%3Cg id='Group-6' transform='translate(655.000000, 0.000000)'%3E%3Cg id='Group-4'%3E%3Cg id='tab-description' transform='translate(29.000000, 23.000000)'%3E%3Cg id='plugin-icon-selected'%3E%3Ccircle id='Oval' fill='%23F2A7F5' fill-rule='nonzero' cx='19.5' cy='19.5' r='19.5'%3E%3C/circle%3E%3Cg id='Group-7' transform='translate(9.000000, 9.000000)'%3E%3Cpath d='M7.6916556,-3.10752092e-16 L13.3083444,3.10752092e-16 C15.9829006,-1.80555915e-16 16.9527593,0.278476833 17.9305371,0.801398111 C18.9083149,1.32431939 19.6756806,2.09168511 20.1986019,3.06946289 C20.7215232,4.04724067 21,5.01709938 21,7.6916556 L21,13.3083444 C21,15.9829006 20.7215232,16.9527593 20.1986019,17.9305371 C19.6756806,18.9083149 18.9083149,19.6756806 17.9305371,20.1986019 C16.9527593,20.7215232 15.9829006,21 13.3083444,21 L7.6916556,21 C5.01709938,21 4.04724067,20.7215232 3.06946289,20.1986019 C2.09168511,19.6756806 1.32431939,18.9083149 0.801398111,17.9305371 C0.278476833,16.9527593 1.2037061e-16,15.9829006 -2.07168062e-16,13.3083444 L2.07168062e-16,7.6916556 C-1.2037061e-16,5.01709938 0.278476833,4.04724067 0.801398111,3.06946289 C1.32431939,2.09168511 2.09168511,1.32431939 3.06946289,0.801398111 C4.04724067,0.278476833 5.01709938,1.80555915e-16 7.6916556,-3.10752092e-16 Z' id='Rectangle' stroke='%23BE5DC2' stroke-width='2'%3E%3C/path%3E%3Cpath d='M4.15374839,13 L16.8462516,13 C17.2474351,13 17.3929139,13.0417715 17.5395805,13.1202097 C17.6862472,13.1986479 17.8013521,13.3137528 17.8797903,13.4604195 C17.9582285,13.6070861 18,13.7525649 18,14.1537484 L18,15.6840486 C18,16.2780468 17.9071744,16.6509198 17.7328673,16.9768457 C17.5585602,17.3027716 17.3027716,17.5585602 16.9768457,17.7328673 C16.6509198,17.9071744 16.2780468,18 15.6840486,18 L5.31595144,18 C4.72195321,18 4.34908022,17.9071744 4.0231543,17.7328673 C3.69722837,17.5585602 3.4414398,17.3027716 3.2671327,16.9768457 C3.09282561,16.6509198 3,16.2780468 3,15.6840486 L3,14.1537484 C3,13.7525649 3.04177153,13.6070861 3.12020972,13.4604195 C3.19864792,13.3137528 3.31375278,13.1986479 3.46041945,13.1202097 C3.60708612,13.0417715 3.75256494,13 4.15374839,13 Z' id='Rectangle' fill='%23850289'%3E%3C/path%3E%3Cpath d='M12.1537484,3 L15.4361148,3 C16.3276335,3 16.6509198,3.09282561 16.9768457,3.2671327 C17.3027716,3.4414398 17.5585602,3.69722837 17.7328673,4.0231543 C17.9071744,4.34908022 18,4.67236646 18,5.5638852 L18,9.84625166 C18,10.2474351 17.9582285,10.3929139 17.8797903,10.5395806 C17.8013521,10.6862472 17.6862472,10.8013521 17.5395806,10.8797903 C17.3929139,10.9582285 17.2474351,11 16.8462517,11 L12.1537483,11 C11.7525649,11 11.6070861,10.9582285 11.4604194,10.8797903 C11.3137528,10.8013521 11.1986479,10.6862472 11.1202097,10.5395806 C11.0417715,10.3929139 11,10.2474351 11,9.84625166 L11,4.15374839 C11,3.75256494 11.0417715,3.60708612 11.1202097,3.46041945 C11.1986479,3.31375278 11.3137528,3.19864792 11.4604195,3.12020972 C11.6070861,3.04177153 11.7525649,3 12.1537484,3 Z' id='Rectangle' fill='%23850289'%3E%3C/path%3E%3Cpath d='M4.15374839,3 L7.4361148,3 C8.32763354,3 8.65091978,3.09282561 8.9768457,3.2671327 C9.30277163,3.4414398 9.5585602,3.69722837 9.7328673,4.0231543 C9.90717439,4.34908022 10,4.67236646 10,5.5638852 L10,9.84625166 C10,10.2474351 9.95822847,10.3929139 9.87979028,10.5395806 C9.80135209,10.6862472 9.68624723,10.8013521 9.53958057,10.8797903 C9.3929139,10.9582285 9.24743509,11 8.84625166,11 L4.15374834,11 C3.75256491,11 3.6070861,10.9582285 3.46041943,10.8797903 C3.31375277,10.8013521 3.19864791,10.6862472 3.12020972,10.5395806 C3.04177153,10.3929139 3,10.2474351 3,9.84625166 L3,4.15374839 C3,3.75256494 3.04177153,3.60708612 3.12020972,3.46041945 C3.19864792,3.31375278 3.31375278,3.19864792 3.46041945,3.12020972 C3.60708612,3.04177153 3.75256494,3 4.15374839,3 Z' id='Rectangle' fill='%23BE5DC2' transform='translate(6.500000, 7.000000) scale(-1, 1) translate(-6.500000, -7.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__nav-item.-active {
  background-color: #ffffff;
  padding-top: 1.7rem;
  border-top: 0.313rem solid var(--blue);
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #fff;
  color: var(--black);
}

.header-top__input-search {
  position: relative;
  width: 28.611111111%;
  max-width: 412px;
  margin-left: 1.875rem;
  padding-top: 0.625rem;
  padding-left: 3rem;
  padding-bottom: 0.625rem;
  border: 1px solid #dadfe8;
  border-radius: 0.313rem;
  font-size: 14px;
}

.header-top__input-search {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EEC8AD269-FBF7-400F-A976-B09CC0221EE5%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-903.000000, -34.000000)' fill-rule='nonzero' stroke='%23A2A9B0' stroke-width='2'%3E%3Cg id='Group-5' transform='translate(888.000000, 24.000000)'%3E%3Cg id='search-icon' transform='translate(16.000000, 11.000000)'%3E%3Ccircle id='Oval' cx='7' cy='7' r='7'%3E%3C/circle%3E%3Cpath d='M12,12 L16,16' id='Path-7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-position: 16px;
  background-repeat: no-repeat;
}

.header-top__input-search:focus {
  outline: none;
}

.header-top__input-search::placeholder {
  color: #a2a9b0;
}

.-flex-visible {
  display: flex;
}

.promotion-banner-wrapper {
  margin-bottom: 4.625rem;
}

.promotion-banner {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 780px;
  padding: 2.25rem 2rem 2.25rem 1.5rem;
  font-size: 1rem;
  border-radius: 8px;
  color: #1b1c26;
}

.promotion-banner:hover {
  text-decoration: none;
}

.promotion-banner:visited {
  color: #1b1c26;
}

.promotion-banner.-supernova {
  background-color: #e4ecf5;
}

.promotion-banner.-protopie {
  background-color: #fae6e6;
}

.promotion-banner.-abstract {
  background-color: #e6e6e6;
}

.promotion-banner.-xd {
  background-color: #f5d3eb;
}

.promotion-banner.-maze {
  background-color: #d7e0f7;
}

.promotion-banner.-porkbun {
  background-color: #fae1e1;
}

.promotion-banner__link {
  flex: 0 0 auto;
  border-radius: 18.5px;
  border: none;
  font-weight: 700;
  padding: 0.5625rem 0.75rem;
  color: #fff;
  cursor: pointer;
}

.promotion-banner__link.-supernova {
  background-color: #028ceb;
}

.promotion-banner__link.-protopie {
  background-color: #fc4d4c;
}

.promotion-banner__link.-abstract {
  background-color: #000;
}

.promotion-banner__link.-xd {
  background-color: #2e001f;
}

.promotion-banner__link.-maze {
  background-color: #225cff;
}

.promotion-banner__link.-porkbun {
  background-color: #ef7675;
}

.promotion-banner__main {
  flex-grow: 1;
  margin-left: 1.875rem;
}

.promotion-banner__title {
  font-size: 1.375rem;
  margin-bottom: 0;
  line-height: 1.25;
}

.promotion-banner__logo {
  flex: 0 0 auto;
  background-size: cover;
}

.promotion-banner__logo.-supernova {
  width: 4.5rem;
  height: 4.5rem;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='72px' height='72px' viewBox='0 0 72 72' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EF58739A5-EC35-4CAF-9A96-8A3813904B8E%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3-banners' transform='translate(-544.000000, -151.000000)' fill='%23171B1F' fill-rule='nonzero'%3E%3Cg id='Group-2-Copy' transform='translate(520.000000, 112.000000)'%3E%3Cg id='supernova-logo' transform='translate(24.000000, 39.000000)'%3E%3Cpath d='M35.292,0 L38.412,0 C47.928,1.512 52.812,11.34 54.192,19.98 C62.112,21.636 70.8,26.496 72,35.292 L72,38.412 C70.488,47.964 60.648,52.788 52.02,54.216 C50.388,62.148 45.468,70.8 36.684,72 L33.588,72 C24.048,70.488 19.2,60.648 17.808,52.02 C9.876,50.364 1.2,45.504 1.77635684e-15,36.708 L1.77635684e-15,33.588 C1.512,24.06 11.34,19.2 19.968,17.808 C21.612,9.864 26.52,1.212 35.292,2.13162821e-15 Z M30.384,10.08 C26.016,15.588 25.548,23.124 26.82,29.796 C31.74,23.652 39.264,20.004 47.076,19.5 C46.164,14.712 44.208,9.348 39.48,7.152 C36.216,5.58 32.424,7.392 30.384,10.08 Z M7.128,32.568 C5.592,35.832 7.416,39.6 10.104,41.64 C15.624,45.984 23.148,46.44 29.82,45.192 C23.628,40.296 20.004,32.736 19.488,24.912 C14.7,25.836 9.312,27.804 7.128,32.568 Z M42.144,26.808 C48.348,31.704 51.948,39.264 52.452,47.088 C57.24,46.188 62.616,44.244 64.836,39.516 C66.576,35.928 64.272,31.86 61.224,29.856 C55.728,25.932 48.576,25.668 42.144,26.808 Z M33.876,31.464 C30.576,32.88 30.024,37.872 33,39.912 C36,42.552 41.112,39.888 40.968,36 C41.076,32.52 36.972,29.88 33.876,31.464 Z M24.924,52.5 C25.836,57.312 27.816,62.7 32.592,64.884 C35.832,66.396 39.552,64.608 41.58,61.956 C45.984,56.424 46.452,48.852 45.168,42.144 C40.296,48.372 32.748,51.96 24.924,52.5 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promotion-banner__logo.-protopie {
  width: 4.625rem;
  height: 4.625rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='74px' height='74px' viewBox='0 0 74 74' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EC0B40BF6-1174-4137-A74B-5FF9967FF87F%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Cpath d='M3.33975904,0.100170732 C2.58529282,0.0971784518 1.86489322,0.413623895 1.35722892,0.97102439 C0.905552613,1.44579402 0.645796646,2.0707119 0.628012048,2.72536585 L0.628012048,2.90765854 C0.637048193,3.22712195 0.700301205,3.52853659 0.814156627,3.8064878 C0.818674699,3.82904878 0.828614458,3.8525122 0.836746988,3.87507317 C0.956017639,4.16114496 1.12589729,4.4234281 1.33825301,4.64936585 C1.34728916,4.66380488 1.36174699,4.67643902 1.37439759,4.69087805 L10.0210843,14.9552195 L13.1430723,18.6606341 L22.4864458,29.7507073 L25.6039157,33.4507073 L33.9731928,43.3838537 L37.0906627,47.0838537 L37.0906627,73.0289756 C38.9268072,73.0289756 40.5957831,72.298 41.821988,71.1185122 C41.826506,71.1185122 41.826506,71.1185122 41.826506,71.114 L42.7463855,70.0202439 L65.186747,43.3838537 L72.8710843,34.2629024 C72.9072289,34.2213902 72.9433735,34.1816829 72.9759036,34.1356585 C73.1394578,33.9299024 73.2722892,33.7024878 73.3680723,33.4516098 C73.4909639,33.1447805 73.5551205,32.8171951 73.5551205,32.4670488 L73.5551205,2.81741463 C73.5551205,2.10178049 73.2768072,1.44480488 72.8204819,0.967414634 C72.3103413,0.414016927 71.5911377,0.0997337575 70.8379518,0.101073171 L3.33975904,0.101073171 L3.33975904,0.100170732 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3-banners' transform='translate(-543.000000, -322.000000)'%3E%3Cg id='Group-2-Copy-2' transform='translate(520.000000, 281.000000)'%3E%3Cg id='protopie-logo' transform='translate(23.000000, 41.000000)'%3E%3Cg id='Group' transform='translate(0.028916, 0.374512)'%3E%3Cg id='Clipped'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='a'%3E%3C/g%3E%3Cpath d='M3.33975904,0.100170732 C2.58529282,0.0971784518 1.86489322,0.413623895 1.35722892,0.97102439 C0.905552613,1.44579402 0.645796646,2.0707119 0.628012048,2.72536585 L0.628012048,2.90765854 C0.637048193,3.22712195 0.700301205,3.52853659 0.814156627,3.8064878 C0.818674699,3.82904878 0.828614458,3.8525122 0.836746988,3.87507317 C0.956017639,4.16114496 1.12589729,4.4234281 1.33825301,4.64936585 C1.34728916,4.66380488 1.36174699,4.67643902 1.37439759,4.69087805 L10.0210843,14.9552195 L13.1430723,18.6606341 L22.4864458,29.7507073 L25.6039157,33.4507073 L33.9731928,43.3838537 L37.0906627,47.0838537 L37.0906627,73.0289756 C38.9268072,73.0289756 40.5957831,72.298 41.821988,71.1185122 C41.826506,71.1185122 41.826506,71.1185122 41.826506,71.114 L42.7463855,70.0202439 L65.186747,43.3838537 L72.8710843,34.2629024 C72.9072289,34.2213902 72.9433735,34.1816829 72.9759036,34.1356585 C73.1394578,33.9299024 73.2722892,33.7024878 73.3680723,33.4516098 C73.4909639,33.1447805 73.5551205,32.8171951 73.5551205,32.4670488 L73.5551205,2.81741463 C73.5551205,2.10178049 73.2768072,1.44480488 72.8204819,0.967414634 C72.3103413,0.414016927 71.5911377,0.0997337575 70.8379518,0.101073171 L3.33975904,0.101073171 L3.33975904,0.100170732 Z' id='Path' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath d='M3.3686747,0.475585366 C2.61420848,0.472593086 1.89380888,0.789038529 1.38614458,1.34643902 C0.93413832,1.82107178 0.674053952,2.44600534 0.656024096,3.10078049 L0.656024096,3.28307317 C0.665060241,3.60253659 0.729216867,3.90395122 0.843072289,4.181 C0.846686747,4.20356098 0.85753012,4.22702439 0.865662651,4.24958537 C0.984837869,4.53597715 1.15472206,4.79857298 1.36716867,5.02478049 C1.37620482,5.03831707 1.38975904,5.05185366 1.40331325,5.06539024 L10.05,15.3297317 L13.171988,19.0360488 L22.5153614,30.1252195 L25.6328313,33.826122 L34.0012048,43.7583659 L37.1186747,47.4592683 L37.1186747,73.4043902 C38.9557229,73.4043902 40.6246988,72.6734146 41.85,71.4930244 C41.8545181,71.4930244 41.8545181,71.4930244 41.8545181,71.4894146 L42.7762048,70.3947561 L65.2138554,43.7592683 L72.8981928,34.6383171 C72.9343373,34.5977073 72.9713855,34.5570976 73.003012,34.5119756 C73.1674699,34.3062195 73.2993976,34.0788049 73.3951807,33.8270244 C73.5180723,33.5210976 73.5822289,33.1935122 73.5822289,32.8433659 L73.5822289,3.19102439 C73.5822289,2.47629268 73.3048193,1.81931707 72.848494,1.34102439 C72.3383533,0.787626683 71.6191498,0.473343514 70.8659639,0.474682927 L3.3686747,0.474682927 L3.3686747,0.475585366 Z' id='Path' fill='%23FE5E5A'%3E%3C/path%3E%3Cpath d='M37.1195783,62.3089024 L37.1195783,73.4043914 C35.3538837,73.4053977 33.6570745,72.7202425 32.388253,71.4939268 C32.3837349,71.4939268 32.3837349,71.4939268 32.3837349,71.4894146 L31.4629518,70.3956585 L9.02439759,43.7592683 L1.38524096,34.6924634 C1.36808292,34.677952 1.35289444,34.6612664 1.34006024,34.6428293 L1.22168675,34.5011463 C1.21156801,34.491595 1.202482,34.4810085 1.19457831,34.469561 C1.04581141,34.2731186 0.925924275,34.0564477 0.838554217,33.826122 C0.726278421,33.5411463 0.664513733,33.238832 0.656024096,32.9327073 L0.656024096,32.7504146 C0.674096386,32.0672683 0.947891566,31.4563171 1.38524096,30.991561 C1.89546202,30.4377463 2.61512811,30.1234042 3.3686747,30.1252195 L9.99487952,30.1252195 L13.1123494,33.826122 L21.4807229,43.7583659 L35.2003012,60.0392683 L37.1150602,62.3134146 L37.1195783,62.3089024 Z' id='Path' fill='%23FCD1CA'%3E%3C/path%3E%3Cpath d='M37.1195783,47.4592683 L37.1195783,62.3089024 L37.1150602,62.3134146 L35.2003012,60.0392683 L21.4807229,43.7592683 L13.113253,33.8270244 L9.99578313,30.126122 L1.33463855,19.8527561 C1.12116308,19.6125711 0.952806453,19.3359083 0.837650602,19.0360488 C0.725706278,18.7497909 0.664551099,18.4462451 0.656927711,18.1390244 L0.656927711,17.9567317 C0.675,17.2771951 0.947891566,16.6662439 1.38524096,16.2014878 C1.89348124,15.64447 2.61410464,15.3283983 3.3686747,15.3315366 L10.05,15.3315366 L13.171988,19.0360488 L22.5153614,30.126122 L25.6328313,33.8270244 L34.0012048,43.7592683 L37.1186747,47.4592683 L37.1195783,47.4592683 Z' id='Path' fill='%23FF9D8D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promotion-banner__logo.-abstract {
  width: 3.9375rem;
  height: 3.9375rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='63px' height='63px' viewBox='0 0 63 63' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EB557AFDE-085A-4616-9012-1A58006D71DF%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3-banners' transform='translate(-549.000000, -493.000000)' fill='%23000000'%3E%3Cg id='Group-2-Copy-2' transform='translate(520.000000, 450.000000)'%3E%3Cg id='abstract-logo' transform='translate(29.000000, 43.000000)'%3E%3Cg id='Group'%3E%3Cpath d='M31.3888235,0 C6.27529412,0 0,6.27529412 0,31.3888235 C0,56.5023529 6.27529412,62.7776471 31.3888235,62.7776471 C56.5023529,62.7776471 62.7776471,56.5023529 62.7776471,31.3888235 C62.7776471,6.27529412 56.5023529,0 31.3888235,0 Z M26.2376471,48.5594118 C19.6043718,48.5389596 14.2416952,43.148663 14.2553195,36.5153703 C14.2689437,29.8820775 19.6537175,24.5138553 26.2870208,24.5206517 C32.920324,24.527448 38.2940861,29.9066932 38.2941176,36.54 C38.2804863,43.1869573 32.8846148,48.5662431 26.2376471,48.5594118 Z M48.0652941,48.0652941 L42.1729412,48.0652941 L42.1729412,20.5923529 L14.7123529,20.5923529 L14.7123529,14.7123529 L48.0652941,14.7123529 L48.0652941,48.0652941 Z' id='Shape' fill-rule='nonzero'%3E%3C/path%3E%3Ccircle id='Oval' cx='26.2376471' cy='36.54' r='6.12705882'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promotion-banner__logo.-xd {
  width: 3.875rem;
  height: 3.75rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='62px' height='60px' viewBox='0 0 62 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E56FF3D09-AF5C-48EA-BA2B-0B04FB273D48%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3-banners' transform='translate(-549.000000, -663.000000)'%3E%3Cg id='Group-2-Copy-2' transform='translate(520.000000, 619.000000)'%3E%3Cg id='xd-logo' transform='translate(29.000000, 44.000000)'%3E%3Cpath d='M51.0208333,60 L10.9791667,60 C4.90833333,60 0,55.1282051 0,49.1025641 L0,10.8974359 C0,4.87179487 4.90833333,0 10.9791667,0 L51.0208333,0 C57.0916667,0 62,4.87179487 62,10.8974359 L62,49.1025641 C62,55.1282051 57.0916667,60 51.0208333,60 Z' id='Path' fill='%23FF26BE'%3E%3C/path%3E%3Cpath d='M49.6165448,58 L11.4092574,58 C6.22509353,58 2,53.8107477 2,48.6705607 L2,12.3294393 C2,7.18925234 6.22509353,3 11.4092574,3 L49.590624,3 C54.8007087,3 59,7.18925234 59,12.3294393 L59,48.6448598 C59.0258022,53.8107477 54.8007087,58 49.6165448,58 Z' id='Path' fill='%232E001F'%3E%3C/path%3E%3Cg id='Group' transform='translate(11.000000, 15.000000)' fill='%23FFD9F2'%3E%3Cpath d='M13.0689189,13.4954955 L20.2581081,27.0666667 C20.3864865,27.2684685 20.3094595,27.4702703 20.1040541,27.4702703 L15.6364865,27.4702703 C15.3540541,27.4702703 15.2256757,27.3945946 15.0972973,27.1423423 C13.4540541,23.8126126 11.7851351,20.4828829 10.0648649,16.9009009 L10.0135135,16.9009009 C8.47297297,20.2810811 6.77837838,23.8378378 5.13513514,27.1675676 C5.00675676,27.3693694 4.87837838,27.445045 4.67297297,27.445045 L0.436486486,27.445045 C0.17972973,27.445045 0.154054054,27.2432432 0.282432432,27.0918919 L7.31756757,13.9243243 L0.513513514,0.605405405 C0.359459459,0.403603604 0.513513514,0.252252252 0.667567568,0.252252252 L5.08378378,0.252252252 C5.34054054,0.252252252 5.44324324,0.302702703 5.54594595,0.52972973 C7.16351351,3.85945946 8.80675676,7.29009009 10.3472973,10.645045 L10.3986486,10.645045 C11.8878378,7.31531532 13.5310811,3.85945946 15.122973,0.554954955 C15.2513514,0.353153153 15.3283784,0.227027027 15.5851351,0.227027027 L19.7189189,0.227027027 C19.9243243,0.227027027 20.0013514,0.378378378 19.872973,0.58018018 L13.0689189,13.4954955 Z' id='Path'%3E%3C/path%3E%3Cpath d='M21.5162162,17.6072072 C21.5162162,11.7297297 25.4959459,7.13873874 31.8121622,7.13873874 C32.3513514,7.13873874 32.6337838,7.13873874 33.1472973,7.18918919 L33.1472973,0.504504505 C33.1472973,0.353153153 33.2756757,0.252252252 33.4040541,0.252252252 L37.4608108,0.252252252 C37.6662162,0.252252252 37.7175676,0.327927928 37.7175676,0.454054054 L37.7175676,23.6108108 C37.7175676,24.2918919 37.7175676,25.1495495 37.8459459,26.0828829 C37.8459459,26.2342342 37.7945946,26.2846847 37.6405405,26.3603604 C35.4837838,27.3693694 33.2243243,27.8235636 31.0675676,27.8235636 C25.4959459,27.8486486 21.5162162,24.4684685 21.5162162,17.6072072 Z M33.1472973,11.1495495 C32.7878378,10.9981982 32.2743243,10.8972973 31.6581081,10.8972973 C28.422973,10.8972973 26.1635135,13.3441441 26.1635135,17.4054054 C26.1635135,22.0468468 28.4743243,23.9135135 31.3756757,23.9135135 C31.9918919,23.9135135 32.6594595,23.8378378 33.1472973,23.636036 L33.1472973,11.1495495 Z' id='Shape' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promotion-banner__logo.-maze {
  width: 4.625rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='74px' height='36px' viewBox='0 0 74 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECA695A20-18CC-4C8A-B323-A76BE1719A4C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3-banners' transform='translate(-544.000000, -845.000000)' fill='%23225CFF'%3E%3Cg id='Group-2-Copy-2' transform='translate(520.000000, 788.000000)'%3E%3Cg id='maze-logo' transform='translate(24.000000, 57.000000)'%3E%3Cpath d='M49.3229892,1.636 L48.9092258,1.2008 L25.3573333,25.0488 L35.5653548,35.752 L49.3229892,21.8208 L63.0814194,35.752 L73.2894409,25.048 L49.7383441,1.2016 L49.3229892,1.636 Z M0.296795699,23.0504 L9.8396129,33.056 L31.9711828,10.6456 L22.4283656,0.64 L0.296795699,23.0504 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promotion-banner__logo.-porkbun {
  width: 5.8125rem;
  height: 1.625rem;
}

.label-wrapper {
  display: flex;
  margin-left: 16px;
}

.label {
  box-sizing: border-box;
  position: relative;
  border-radius: 4px;
  border: solid 1px #dbdbdb;
  background-image: linear-gradient(to bottom, #f5f5f5, #ededed);
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  margin-right: 8px;
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}

.label:last-child {
  margin-right: 0;
}

.label:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 7px;
  height: 15px;
  background-size: cover;
  background-repeat: no-repeat;
}

.label--figma {
  padding-left: 23px;
}

.label--figma:before {
  width: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='10px' height='15px' viewBox='0 0 10 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EE4D6A3B6-10C8-463E-8A77-596D7A5CC2CE%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-792.000000, -611.000000)'%3E%3Cg id='content' transform='translate(520.000000, 469.000000)'%3E%3Cg id='design-tool-item' transform='translate(0.000000, 135.000000)'%3E%3Cg id='figma-support-tag' transform='translate(265.000000, 1.000000)'%3E%3Cg id='figma-1' transform='translate(7.000000, 6.000000)'%3E%3Cpath d='M2.5,15 C3.88,15 5,13.88 5,12.5 L5,10 L2.5,10 C1.12,10 0,11.12 0,12.5 C0,13.88 1.12,15 2.5,15 Z' id='path0_fill' fill='%230ACF83'%3E%3C/path%3E%3Cpath d='M0,7.5 C0,6.12 1.12,5 2.5,5 L5,5 L5,10 L2.5,10 C1.12,10 0,8.88 0,7.5 Z' id='path1_fill' fill='%23A259FF'%3E%3C/path%3E%3Cpath d='M0,2.5 C0,1.12 1.12,0 2.5,0 L5,0 L5,5 L2.5,5 C1.12,5 0,3.88 0,2.5 Z' id='path1_fill_1_' fill='%23F24E1E'%3E%3C/path%3E%3Cpath d='M5,0 L7.5,0 C8.88,0 10,1.12 10,2.5 C10,3.88 8.88,5 7.5,5 L5,5 L5,0 Z' id='path2_fill' fill='%23FF7262'%3E%3C/path%3E%3Cpath d='M10,7.5 C10,8.88 8.88,10 7.5,10 C6.12,10 5,8.88 5,7.5 C5,6.12 6.12,5 7.5,5 C8.88,5 10,6.12 10,7.5 Z' id='path3_fill' fill='%231ABCFE'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.label--sketch {
  padding-left: 30px;
}

.label--sketch:before {
  width: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='17px' height='15px' viewBox='0 0 17 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B108AAF-111D-43D8-B969-BD9A55E68A64%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-863.000000, -611.000000)'%3E%3Cg id='content' transform='translate(520.000000, 469.000000)'%3E%3Cg id='design-tool-item' transform='translate(0.000000, 135.000000)'%3E%3Cg id='sketch-support-tag' transform='translate(336.000000, 1.000000)'%3E%3Cg id='sketch-2' transform='translate(7.000000, 6.000000)'%3E%3Cg id='a-link' transform='translate(0.030421, 5.389709)' fill='%23EA6C00'%3E%3Cpolygon id='a' points='3.42344211 0 8.45186316 9.59302326 0 0'%3E%3C/polygon%3E%3C/g%3E%3Cg id='b-link' transform='translate(12.640842, 10.186221) scale(-1, 1) translate(-12.640842, -10.186221) translate(8.346105, 5.389709)' fill='%23EA6C00'%3E%3Cpolygon id='b' points='3.42344211 0 8.45186316 9.59302326 0 0'%3E%3C/polygon%3E%3C/g%3E%3Cg id='c-link' transform='translate(3.453684, 5.389709)' fill='%23FDAD00'%3E%3Cpolygon id='c' points='0 0 10.0568421 0 5.02842105 9.59302326'%3E%3C/polygon%3E%3C/g%3E%3Cg id='d-link' transform='translate(3.453684, 0.073256)' fill='%23FDD231'%3E%3Cpolygon id='d' points='5.02842105 0 0.264663158 0.490813953 0 5.31645349'%3E%3C/polygon%3E%3C/g%3E%3Cg id='e-link' transform='translate(10.915789, 2.776744) scale(-1, 1) translate(-10.915789, -2.776744) translate(8.321053, 0.073256)' fill='%23FDD231'%3E%3Cpolygon id='e' points='5.02842105 0 0.264663158 0.490813953 0 5.31645349'%3E%3C/polygon%3E%3C/g%3E%3Cg id='f-link' transform='translate(15.056632, 3.005930) scale(-1, 1) translate(-15.056632, -3.005930) translate(13.177684, 0.564070)' fill='%23FDAD00'%3E%3Cpolygon id='f' points='0 4.82563953 3.68810526 0 3.42344211 4.82563953'%3E%3C/polygon%3E%3C/g%3E%3Cg id='g-link' transform='translate(0.030421, 0.564070)' fill='%23FDAD00'%3E%3Cpolygon id='g' points='0 4.82563953 3.68810526 0 3.42344211 4.82563953'%3E%3C/polygon%3E%3C/g%3E%3Cg id='h-link' transform='translate(3.453684, 0.073256)' fill='%23FEEEB7'%3E%3Cpolygon id='h' points='5.02842105 0 0 5.31645349 10.0568421 5.31645349'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.label--xd {
  padding-left: 28px;
}

.label--xd:before {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E67C5A0D6-5EC7-4EB6-B0AA-3D22564ACFA1%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='awesome-design-plugins-v3' transform='translate(-948.000000, -611.000000)'%3E%3Cg id='content' transform='translate(520.000000, 469.000000)'%3E%3Cg id='design-tool-item' transform='translate(0.000000, 135.000000)'%3E%3Cg id='sketch-support-tag' transform='translate(421.000000, 1.000000)'%3E%3Cg id='adobe-xd-1' transform='translate(7.000000, 6.000000)'%3E%3Cpath d='M12.3438,14.9969237 L2.6562,14.9969237 C1.1874,14.9969237 0,13.7793273 0,12.2731747 L0,2.72374897 C0,1.21759639 1.1874,0 2.6562,0 L12.3438,0 C13.8126,0 15,1.21759639 15,2.72374897 L15,12.2731747 C15,13.7793273 13.8126,14.9969237 12.3438,14.9969237 Z' id='Path' fill='%23FF26BE'%3E%3C/path%3E%3Cpath d='M12.1062,14.3558244 L2.8938,14.3558244 C1.644,14.3558244 0.6252,13.3111157 0.6252,12.0295324 L0.6252,2.9673913 C0.6252,1.68580804 1.644,0.641099262 2.8938,0.641099262 L12.1002,0.641099262 C13.3566,0.641099262 14.3688,1.68580804 14.3688,2.9673913 L14.3688,12.0233798 C14.3748,13.3111157 13.356,14.3558244 12.1062,14.3558244 Z' id='Path' fill='%232E001F'%3E%3C/path%3E%3Cpath d='M5.931,7.01763741 L7.6812,10.4655455 C7.7124,10.516612 7.6938,10.5682937 7.6434,10.5682937 L6.5556,10.5682937 C6.4866,10.5682937 6.4554,10.5492207 6.4242,10.4852338 C6.024,9.63925349 5.6178,8.79327317 5.199,7.88330599 L5.1864,7.88330599 C4.8114,8.74220673 4.3986,9.64602133 3.999,10.4920016 C3.9678,10.5430681 3.9366,10.5627564 3.8862,10.5627564 L2.856,10.5627564 C2.7936,10.5627564 2.787,10.5116899 2.8188,10.4729286 L4.5312,7.1271534 L2.8752,3.74323216 C2.8374,3.69216571 2.8752,3.65340443 2.9124,3.65340443 L3.9876,3.65340443 C4.05,3.65340443 4.0752,3.66632486 4.0998,3.72415915 C4.4934,4.57013946 4.8936,5.44196062 5.2686,6.29409352 L5.2812,6.29409352 C5.6436,5.44811321 6.0438,4.57013946 6.4314,3.73031173 C6.4626,3.67924528 6.4812,3.64725185 6.5442,3.64725185 L7.5504,3.64725185 C7.6002,3.64725185 7.6194,3.68601313 7.5882,3.73707957 L5.931,7.01763741 Z M7.9878,8.06234619 C7.9878,6.56911403 8.9568,5.40258409 10.494,5.40258409 C10.6254,5.40258409 10.6938,5.40258409 10.8192,5.41550451 L10.8192,3.7173913 C10.8192,3.67863002 10.8504,3.65340443 10.8816,3.65340443 L11.8692,3.65340443 C11.919,3.65340443 11.9316,3.67247744 11.9316,3.70447088 L11.9316,9.58818704 C11.9316,9.76107465 11.9316,9.97887613 11.9628,10.2163659 C11.9628,10.2551272 11.9502,10.2674323 11.913,10.2871206 C11.388,10.5436833 10.8378,10.6587367 10.3128,10.6587367 C8.9562,10.664274 7.9872,9.80598852 7.9878,8.06234619 Z M10.8186,6.42206727 C10.731,6.38330599 10.6062,6.35808039 10.4562,6.35808039 C9.6684,6.35808039 9.1188,6.97949139 9.1188,8.011895 C9.1188,9.19134537 9.6816,9.6657096 10.3878,9.6657096 C10.5378,9.6657096 10.7004,9.64663659 10.8192,9.59495488 L10.8192,6.42206727 L10.8186,6.42206727 Z' id='Shape' fill='%23FFD9F2' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sort-tool-modal__btn-choose.label--web {
  padding-left: 26px;
}

.label--web:before {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg width='15' height='15' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 201.526 201.526' style='enable-background:new 0 0 201.526 201.526;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M191.125,11.403H10.4C4.666,11.403,0,16.068,0,21.805v59.108c0,5.738,4.666,10.404,10.4,10.404h180.726 c5.734,0,10.4-4.666,10.4-10.403V21.805C201.525,16.068,196.86,11.403,191.125,11.403z M194.577,80.914h-0.001 c0,1.903-1.547,3.454-3.451,3.454H10.4c-1.904,0-3.451-1.551-3.451-3.454V21.805c0-1.903,1.547-3.454,3.451-3.454h180.726 c1.903,0,3.451,1.551,3.451,3.454V80.914z'/%3E%3Cpath d='M63.924,35.968c-1.751-0.801-3.807-0.027-4.605,1.714L48.821,60.606l-3.19-6.696l6.109-13.338 c0.797-1.744,0.034-3.807-1.714-4.605c-1.751-0.801-3.811-0.027-4.605,1.714l-3.687,8.051l-3.859-8.099 c-0.825-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l6.358,13.347l-3.04,6.638l-10.947-22.97 c-0.821-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l14.143,29.686c0.573,1.211,1.795,1.982,3.135,1.982 c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l3.716-8.113l3.888,8.161c0.573,1.211,1.795,1.982,3.135,1.982 c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l13.596-29.686C66.434,38.83,65.671,36.766,63.924,35.968z'/%3E%3Cpath d='M122.991,35.968c-1.754-0.801-3.807-0.027-4.605,1.714l-10.498,22.924l-3.19-6.696l6.109-13.338 c0.797-1.744,0.034-3.807-1.714-4.605c-1.751-0.801-3.807-0.027-4.604,1.714l-3.687,8.051l-3.859-8.099 c-0.821-1.734-2.891-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l6.358,13.347l-3.04,6.638l-10.947-22.97 c-0.821-1.734-2.891-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l14.143,29.686c0.573,1.211,1.795,1.982,3.135,1.982 c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l3.716-8.113l3.888,8.161c0.573,1.211,1.795,1.982,3.135,1.982 c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l13.596-29.686C125.502,38.83,124.739,36.766,122.991,35.968z'/%3E%3Cpath d='M182.059,35.968c-1.751-0.801-3.807-0.027-4.605,1.714l-10.498,22.924l-3.19-6.696l6.109-13.338 c0.797-1.744,0.034-3.807-1.714-4.605c-1.751-0.801-3.807-0.027-4.605,1.714l-3.687,8.051l-3.859-8.099 c-0.821-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l6.358,13.347l-3.04,6.638l-10.946-22.971 c-0.821-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l14.143,29.686c0.573,1.211,1.795,1.982,3.135,1.982 c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l3.716-8.113l3.888,8.161c0.573,1.211,1.795,1.982,3.135,1.982 c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l13.596-29.686C184.57,38.83,183.806,36.766,182.059,35.968z'/%3E%3Cpath d='M183.461,140.316L130.3,97.208c-1.065-0.865-2.545-1.018-3.766-0.397c-1.222,0.621-1.965,1.907-1.893,3.278l3.627,68.345 c0.078,1.455,1.055,2.708,2.45,3.139c1.384,0.421,2.904-0.061,3.787-1.222c0.065-0.081,5.398-7.075,11.231-12.901l15.68,30.776 c0.417,0.821,1.143,1.442,2.022,1.727c0.35,0.112,0.713,0.17,1.072,0.17c0.543,0,1.086-0.129,1.578-0.38l12.385-6.311 c0.821-0.417,1.442-1.143,1.727-2.022c0.285-0.876,0.21-1.829-0.21-2.65l-15.68-30.772c8.14-1.293,16.932-1.5,17.037-1.5 c1.455-0.034,2.742-0.97,3.213-2.348C185.031,142.759,184.594,141.232,183.461,140.316z M158.337,142.055 c-1.045,0.238-1.92,0.943-2.375,1.914c-0.451,0.97-0.434,2.097,0.054,3.05l16.206,31.8l-6.192,3.156l-16.206-31.804 c-0.485-0.953-1.384-1.632-2.436-1.832c-0.217-0.044-0.438-0.065-0.658-0.065c-0.831,0-1.646,0.298-2.283,0.859 c-3.444,3.003-6.926,6.756-9.715,9.972l-2.734-51.576l40.117,32.53C167.876,140.426,162.793,141.037,158.337,142.055z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.sort-tool-modal__btn-choose.label--mobile {
  padding-left: 24px;
}

.label.label--web {
  padding-left: 26px;
}

.label--mobile:before {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg width='15px' height='15px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 508 508' style='enable-background:new 0 0 508 508;' xml:space='preserve'%3E%3Cpath style='fill:%23F4EFEF;' d='M166,506h172.4c26,0,47.2-24,47.2-50.4v-400c0-26.4-21.2-46-47.6-46H166c-26,0-47.6,17.2-47.6,43.6 v401.2C118.4,480.8,140,506,166,506z'/%3E%3Cpath style='fill:%23CDEEF9;' d='M366.4,78H140.8l-2.4-1.2V434h228V78z'/%3E%3Cpath d='M167.2,508c-29.6,0-54.8-24.4-54.8-53.2V53.6c0-28.8,25.2-53.2,54.8-53.6l175.2,0.4c29.6,0,52.8,23.6,52.8,53.2l0.4,401.2 l0,0c0,29.6-24,53.2-53.2,53.2H167.2z M167.2,8c-25.2,0-46.8,20.8-46.8,45.6v401.2c0,24.4,21.6,45.2,46.8,45.2h174.4 c24.8,0,45.2-20.4,45.2-45.2l-0.4-401.2c0-25.2-19.6-45.2-44.8-45.2L167.2,8z'/%3E%3Cpath d='M368.4,440h-232c-2.4,0-4-1.6-4-4V76c0-2.4,1.6-4,4-4h182c2.4,0,4,1.6,4,4s-1.6,4-4,4h-178v352h224V80h-10c-2.4,0-4-1.6-4-4 s1.6-4,4-4h14c2.4,0,4,1.6,4,4v360C372.4,438.4,370.8,440,368.4,440z'/%3E%3Cpath d='M282.4,48h-56c-2.4,0-4-1.6-4-4s1.6-4,4-4h56c2.4,0,4,1.6,4,4S284.8,48,282.4,48z'/%3E%3Cpath d='M207.6,44.4c-1.2,0-2-0.4-2.8-1.2c-0.8-0.8-1.2-2-1.2-2.8c0-1.2,0.4-2,1.2-2.8c1.6-1.6,4-1.6,5.6,0c0.8,0.8,1.2,2,1.2,2.8 s-0.4,2-1.2,2.8C209.6,44,208.4,44.4,207.6,44.4z'/%3E%3Cpath d='M235.6,172c-1.2,0-2-0.4-2.8-1.2l-92-92c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l92,92c1.6,1.6,1.6,4,0,5.6 C237.6,171.6,236.4,172,235.6,172z'/%3E%3Cpath d='M295.6,232c-1.2,0-2-0.4-2.8-1.2l-40-40c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l40,40c1.6,1.6,1.6,4,0,5.6 C297.6,231.6,296.4,232,295.6,232z'/%3E%3Cpath d='M331.6,312c-1.2,0-2-0.4-2.8-1.2L212.4,194.4c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l116.4,116.4c1.6,1.6,1.6,4,0,5.6 C334,311.6,332.8,312,331.6,312z'/%3E%3Cpath d='M367.6,348c-1.2,0-2-0.4-2.8-1.2l-19.2-19.2c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l19.2,19.2c1.6,1.6,1.6,4,0,5.6 C369.6,347.6,368.4,348,367.6,348z'/%3E%3Cpath d='M254,492.4c-4.4,0-8.8-1.2-12.4-3.6c-5.6-3.2-9.2-8.8-10.8-14.8c-1.6-6.4-0.4-12.8,2.8-18c3.2-5.6,8.8-9.2,14.8-10.8 c3.6-0.8,7.2-0.8,10.4,0c2,0.4,3.6,2.4,3.2,4.8c-0.4,2-2.4,3.6-4.8,3.2c-2.4-0.4-4.8-0.4-7.2,0c-4,0.8-7.6,3.6-10,7.2s-2.8,8-2,12 s3.6,7.6,7.2,10c3.6,2.4,8,2.8,12,2s7.6-3.6,10-7.2s2.8-8,2-12c-0.4-2,0.8-4.4,2.8-4.8s4.4,0.8,4.8,2.8c1.6,6.4,0.4,12.8-2.8,18 c-3.2,5.6-8.8,9.2-14.8,10.8C257.6,492,255.6,492.4,254,492.4z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.sort-tool-modal__btn-choose.label--desktop {
  padding-left: 26px;
}

.label.label--desktop {
  padding-left: 26px;
}

.label--desktop:before {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg width='15' height='15' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' xml:space='preserve'%3E%3Cg%3E%3Crect x='155.039' y='97.251' width='122.5' height='30.625'/%3E%3Crect x='197.148' y='142.232' width='122.5' height='30.625'/%3E%3Crect x='155.039' y='187.212' width='122.5' height='30.625'/%3E%3Crect x='197.148' y='232.193' width='122.5' height='30.632'/%3E%3Crect x='155.039' y='277.166' width='122.5' height='30.625'/%3E%3Cpath d='M22.969,362.717h183.75v52.951h-69.863v30.625h216.289v-30.625h-69.863v-52.951h183.75 c12.633,0,22.969-10.336,22.969-22.969V66.676c0-12.633-10.336-22.969-22.969-22.969H22.969C10.336,43.707,0,54.043,0,66.676 v273.073C0,352.381,10.336,362.717,22.969,362.717z M30.625,74.332h428.75v257.76H30.625V74.332z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.label.label--mobile,
.sort-tool-modal__btn-choose.label--photoshop,
.label.label--photoshop {
  padding-left: 26px;
}

.label--photoshop:before {
  width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 52 52' style='enable-background:new 0 0 52 52;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23393687;' d='M40.824,52H11.176C5.003,52,0,46.997,0,40.824V11.176C0,5.003,5.003,0,11.176,0h29.649 C46.997,0,52,5.003,52,11.176v29.649C52,46.997,46.997,52,40.824,52z'/%3E%3Cg%3E%3Cpath style='fill:%2389D3FF;' d='M12.16,39H9.28V11h9.64c2.613,0,4.553,0.813,5.82,2.44c1.266,1.626,1.9,3.76,1.9,6.399 c0,0.934-0.027,1.74-0.08,2.42c-0.054,0.681-0.22,1.534-0.5,2.561c-0.28,1.026-0.66,1.866-1.14,2.52 c-0.48,0.654-1.213,1.227-2.2,1.72c-0.987,0.494-2.16,0.74-3.52,0.74h-7.04V39z M12.16,27h6.68c0.96,0,1.773-0.187,2.44-0.56 c0.666-0.374,1.153-0.773,1.46-1.2c0.306-0.427,0.546-1.04,0.72-1.84c0.173-0.801,0.267-1.4,0.28-1.801 c0.013-0.399,0.02-0.973,0.02-1.72c0-4.053-1.694-6.08-5.08-6.08h-6.52V27z'/%3E%3Cpath style='fill:%2389D3FF;' d='M29.48,33.92l2.8-0.12c0.106,0.987,0.6,1.754,1.48,2.3c0.88,0.547,1.893,0.82,3.04,0.82 s2.14-0.26,2.98-0.78c0.84-0.52,1.26-1.266,1.26-2.239s-0.36-1.747-1.08-2.32c-0.72-0.573-1.6-1.026-2.64-1.36 c-1.04-0.333-2.086-0.686-3.14-1.06c-1.054-0.373-1.98-0.96-2.78-1.76c-0.987-0.934-1.48-2.073-1.48-3.42s0.54-2.601,1.62-3.761 s2.833-1.739,5.26-1.739c0.854,0,1.653,0.1,2.4,0.3c0.746,0.2,1.28,0.394,1.6,0.58l0.48,0.279l-0.92,2.521 c-0.854-0.666-1.974-1-3.36-1c-1.387,0-2.42,0.26-3.1,0.78c-0.68,0.52-1.02,1.18-1.02,1.979c0,0.88,0.426,1.574,1.28,2.08 c0.853,0.507,1.813,0.934,2.88,1.28c1.066,0.347,2.126,0.733,3.18,1.16c1.053,0.427,1.946,1.094,2.68,2s1.1,2.106,1.1,3.6 c0,1.494-0.6,2.794-1.8,3.9C41,39.046,39.246,39.6,36.94,39.6c-2.307,0-4.114-0.547-5.42-1.64 C30.213,36.867,29.533,35.52,29.48,33.92z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.header-top__view-setup {
  position: relative;
  flex-grow: 1;
  display: flex;
  max-width: 415px;
}

.header-top__view-setup .header-top__input-search {
  flex-grow: 1;
  max-width: 325px;
  min-width: 260px;
}

.header-top__sort-tool-btn {
  position: relative;
  padding: 10px 6px 11px 30px;
  font-size: 14px;
  line-height: 1;
  margin-left: 15px;
  border-radius: 5px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  outline: none;
  cursor: pointer;
}

.header-top__sort-tool-btn::before {
  content: '';
  position: absolute;
  top: 30%;
  left: 9px;
  width: 15px;
  height: 12px;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='13px' viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 59.1 (86144) - https://sketch.com --%3E%3Ctitle%3Esearch-icon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='awesome-design-plugins-v3-tools-filter-v3' transform='translate(-1236.000000, -36.000000)' fill-rule='nonzero' stroke='%2352B372' stroke-width='2'%3E%3Cg id='Group-5' transform='translate(1228.000000, 24.000000)'%3E%3Cg id='search-icon' transform='translate(9.000000, 13.000000)'%3E%3Cg id='Group-2'%3E%3Cline x1='0' y1='0.744318182' x2='14' y2='0.744318182' id='Path-2'%3E%3C/line%3E%3Cline x1='2' y1='5.74431818' x2='12' y2='5.74431818' id='Path-2'%3E%3C/line%3E%3Cline x1='5' y1='10.7443182' x2='9' y2='10.7443182' id='Path-2'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__sort-tool-btn.-violet::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='13px' viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Efilter-icon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='UI' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='awesome-design-plugins-v3-tools-filter-v3-copy' transform='translate(-1233.000000, -36.000000)' fill-rule='nonzero' stroke='%23BE5DC2' stroke-width='2'%3E%3Cg id='Group-5' transform='translate(1225.000000, 24.000000)'%3E%3Cg id='filter-icon' transform='translate(9.000000, 13.000000)'%3E%3Cg id='Group-2'%3E%3Cpath d='M0,0.744318182 L14,0.744318182' id='Path-2'%3E%3C/path%3E%3Cpath d='M2,5.74431818 L12,5.74431818' id='Path-2'%3E%3C/path%3E%3Cpath d='M5,10.7443182 L9,10.7443182' id='Path-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header-top__sort-tool-btn.-mint {
  background-color: #d2fad7;
  color: #028930;
}

.header-top__sort-tool-btn.-mint.-active {
  border-color: #52b372;
}

.header-top__sort-tool-btn.-violet {
  background-color: #f4d3f5;
  color: var(--violet);
}

.header-top__sort-tool-btn.-violet.-active {
  border-color: var(--violet);
}

.header-top__sort-tool-modal {
  position: absolute;
  top: 50px;
  right: -18px;
  display: block;
  width: 75%; /* 69.879518072%; */
  max-width: 290px;
  padding: 17px 19px;
  background-color: #ffffff;
  border-radius: 4px;
  opacity: 1;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.15s ease-in-out;
}

.header-top__sort-tool-modal.-hidden {
  display: none;
  opacity: 0;
}

.sort-tool-modal__title {
  margin: 0;
  font-size: 12px;
  line-height: 26px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.sort-tool-modal__nav {
  display: flex;
  flex-wrap: wrap;
}

.sort-tool-modal__btn-choose {
  position: relative;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 8px;
  padding-left: 7px;
  margin-right: 6px;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  background-image: linear-gradient(180deg, #f5f5f5 0%, #ededed 100%);
  cursor: pointer;
  outline: none;
}

.sort-tool-modal__btn-choose:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 7px;
  height: 15px;
  background-size: cover;
  background-repeat: no-repeat;
}

.sort-tool-modal__btn-choose:last-child {
  margin-right: 0;
}

.sort-tool-modal__btn-choose.-sketch {
  padding-left: 30px;
}

.sort-tool-modal__btn-choose.-figma {
  padding-left: 23px;
}

.sort-tool-modal__btn-choose.-xd {
  padding-left: 28px;
}

.header.-mint .sort-tool-modal__btn-choose.-active {
  background-image: none;
  background-color: #d2fad7;
  border-color: #52b372;
  color: #028930;
}

.header.-violet .sort-tool-modal__btn-choose.-active {
  background-image: none;
  background-color: #f4d3f5;
  border-color: var(--violet);
  color: var(--violet);
}

@media (max-width: 767px) {
  .promotion-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .promotion-banner__main {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
  }

  .header-top__sort-tool-btn {
    position: absolute;
    right: 16px;
    bottom: -60px;
  }

  .header-top__sort-tool-modal {
    top: 124px;
    right: 16px;
  }

  .header-top__view-setup .header-top__input-search {
    flex-grow: 1;
    min-width: 200px;
  }
}

@media (max-width: 960px) {
  main > article {
    margin-bottom: 3rem;
  }

  body > .nav {
    display: none;
    margin-top: 0;
  }

  body > .nav--visible {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 2;
  }

  .nav ul {
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 768px;
    min-width: 320px;
  }

  .nav li > a {
    font-size: 0.875rem;
    padding: 0.5rem 0.875rem;
  }

  .header-top__nav-item {
    position: relative;
  }

  .header-top__nav-item::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .hamburger-menu {
    display: inline-block;
    width: 22px;
    height: auto;
    padding: 1rem;
    z-index: 10;
  }

  .bar1,
  .bar2,
  .bar3 {
    width: 22px;
    height: 3px;
    background-color: var(--black);
    margin: 6px 0;
    transition: 0.4s;
  }

  .hamburger-menu--change .bar1 {
    width: 18px;
    transform: rotate(-45deg) translate(-5px, 6px);
  }

  .hamburger-menu--change .bar2 {
    opacity: 0;
  }

  .hamburger-menu--change .bar3 {
    width: 18px;
    transform: rotate(45deg) translate(-6px, -8px);
  }

  main {
    max-width: 556px;
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
  }

  .tool {
    flex-direction: column;
    margin-bottom: 3rem;
  }

  .tool__asset {
    margin-bottom: 1rem;
  }

  .welcome {
    align-items: flex-start;
  }

  .welcome__title {
    max-width: 400px;
    font-size: 3rem;
  }

  .welcome__description {
    max-width: 340px;
    text-align: left;
  }

  .promo-banner--flawless-feedback {
    flex-direction: column;
    align-items: flex-start;
  }

  .promo-banner--flawless-feedback__description {
    margin: 3rem 0;
  }

  .tags {
    margin-top: 0.5rem;
  }

  .tag {
    margin-bottom: 0.5rem;
  }

  .header-top .logo {
    display: none;
  }

  .header-top.-flex-visible {
    position: fixed;
    display: flex;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    z-index: 3;
  }

  .header-top__nav {
    display: flex;
    margin-left: 0;
  }

  .header-top__nav-item {
    display: block;
    width: 48px;
    height: 48px;
    padding: 1.625rem 0 0 0;
    font-size: 0;
    border: 0.313rem solid transparent;
  }

  .header-top__nav-item:visited {
    color: #8490a3;
  }

  .header-top__nav-item.-tool::before,
  .header-top__nav-item.-plugin::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .header-top__nav-item.-active {
    border-left: none;
  }

  .header-top__input-search {
    width: 50%;
  }
}

/* responsiveness edits */

@media (min-width: 960px) and (max-width: 1439px) {
  .header-inner {
    padding: 0 9.722222222%;
  }

  .nav {
    padding-left: 9.722222222%;
  }

  body > main {
    padding-right: 9.722222222%;
  }

  body > .nav {
    margin-top: 110px !important;
  }
}

@media (min-width: 960px) {
  .promo-banner--flawless-feedback__description {
    flex-basis: 60%;
    padding-left: 1rem;
  }

  .header-inner {
    justify-content: space-between;
    box-sizing: border-box;
    height: 84px;
  }

  .header-top__nav {
    height: calc(100% + 2px);
  }

  .header-top__nav {
    display: flex;
    margin-left: 7rem;
  }

  .header-top__nav-item {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    font-size: 1.125rem;
    padding-top: 2rem;
    padding-left: 69px; /* 5.250rem; */
    padding-bottom: 1.875rem;
    padding-right: 28px; /* 1.875rem; */
    color: #8490a3;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
  }

  .header-top__nav-item span {
    position: absolute;
    padding-left: 28px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
  }

  .header-top__nav-item.-open.-tool,
  .header-top__nav-item.-tool:hover {
    padding-right: 100px;
  }

  .header-top__nav-item.-open.-plugin,
  .header-top__nav-item.-plugin:hover {
    padding-right: 122px;
  }

  .header-top__nav-item.-open.-kit,
  .header-top__nav-item.-kit:hover {
    padding-right: 112px;
  }

  .header-top__nav-item.-open span,
  .header-top__nav-item:hover span {
    z-index: 10;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1;
  }

  .logo__title {
    font-size: 100% !important;
  }

  .header-top__nav {
    margin-left: 0 !important;
  }

  .header-top__view-setup {
    max-width: 352px;
  }
}

        </style>
    
            
        <link href="https://fonts.googleapis.com/css?family=Lato:700|Montserrat:400,600i,700|Pacifico&amp;display=swap" rel="stylesheet">
    
            
        <!-- Google Analytics -->
        <script>
            window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
            ga('create', 'UA-63048232-1', 'auto');
            ga('send', 'pageview');
        </script>
        <script async="" src="https://www.google-analytics.com/analytics.js"></script>

        <!-- Facebook Pixel Code -->
        <script>
            !function(f,b,e,v,n,t,s)
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '1844132335637828');
            fbq('track', 'PageView');
        </script>
    
        </head><body class="-violet"><div class="hidden-in-page">
<h1>Awesome Design UI Kits</h1>
<ul>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools">Awesome Design Tools</a></li>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md">Awesome Design Plugins</a></li>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Conferences.md">Awesome Design Conferences</a></li>
</ul>
</div>
<div class="hidden-in-page">
    <p align="center">
    &nbsp;&nbsp;<a href="https://flawlessapp.io/designplugins">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;</a>
    
    
    </p>
</div>
<div class="hidden-in-page">
<h2>How to Use and Contribute</h2>
<ul>
<li>Now you are in the <strong>Awesome Design UI Kits</strong> section.</li>
<li>To find the UI Kit, go through the Table of Contents or search for a keyword (for example, "social app", "travel").</li>
<li>Ask <a href="https://twitter.com/LisaDziuba">Lisa</a> on Twitter.</li>
</ul>
<p>If you found some great UI Kit, just send a Pull Request with respect to our <a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md">Contribution Guidelines</a>
(they're very simple, please take a look). We use such labels for Sketch , Adobe XD , InVision Studio  and Figma  UI Kits, don't forget to add them.</p>
<p>If UI Kit is purely for mobile design (both iOS and Android), please add . For UI Kits which can be used for websites, web app and other web products please add . And for desktop UI Kits use .</p>
<p>Now I'd love to see your suggestions!</p>
</div>
<header class="header header-top -violet header-top--hide-banner">
        <div class="banner-top banner-abstract">
            <header>
                <div class="abstract-logo"></div>
                <a href="http://flawlessapp.io/designtools/joinsabstract" class="banner__text">
                    Awesome Design Kits as a part of Flawless App family joins Abstract!
                </a>
            </header>
            <footer class="banner__close-wrapper">
                <button class="banner__close">Close Banner</button>
            </footer>
        </div>
        <div class="header-inner">
            <div class="logo">
                <div class="logo__asset -logo-adk"></div>
                <div class="logo__title">Awesome Design UI Kits</div>
            </div>
            <nav class="header-top__nav">
                    <a href="/designtools" class="header-top__nav-item -tool ">
                        <span>Tools</span>
                    </a>
                 
                    <a href="/designplugins" class="header-top__nav-item -plugin ">
                        <span>Plugins</span>
                    </a>
                 
                    <a href="/designkits" class="header-top__nav-item -kit -open -active">
                        <span>UI Kits</span>
                    </a>
                
            </nav>
            
            
            
                    <div class="header-top__view-setup">
			            <input type="text" placeholder="Search for plugin…" class="header-top__input-search js-search-input">
                        <button type="button" class="header-top__sort-tool-btn js-open-modal-filter -violet">Filter</button>
                        <div class="header-top__sort-tool-modal sort-tool-modal -hidden">
                            <h5 class="sort-tool-modal__title">Show plugins for:</h5>
                            <form class="sort-tool-modal__nav">
                                <button type="button" class="sort-tool-modal__btn-choose -sketch label--sketch -active" app="sketch">Sketch</button>
                                <button type="button" class="sort-tool-modal__btn-choose -figma label--figma -active" app="figma">Figma</button>
                                <button type="button" class="sort-tool-modal__btn-choose -xd label--xd -active" app="xd">Adobe XD</button>
                                <button type="button" class="sort-tool-modal__btn-choose -photoshop label--photoshop -active" app="photoshop">Photoshop</button>
                                <button type="button" class="sort-tool-modal__btn-choose -mobile label--mobile -active" app="mobile">Mobile</button>
                                <button type="button" class="sort-tool-modal__btn-choose -desktop label--desktop -active" app="desktop">Desktop</button>
                                <button type="button" class="sort-tool-modal__btn-choose -web label--web -active" app="web">Web</button>
                                </form>
                        </div>
			        </div>    
                
        <div class="hamburger-menu">
		<div class="bar1"></div>
		<div class="bar2"></div>
		<div class="bar3"></div>
	</div></div>
	</header>
<div class="nav">
<h2>Table of Content</h2>
<ul>
<li><a href="#blog">Blog</a></li>
<li><a href="#calling-app">Calling App</a></li>
<li><a href="#cards">Cards</a></li>
<li><a href="#charts--wireframes">Charts &amp; Wireframes</a></li>
<li><a href="#chat">Chat</a></li>
<li><a href="#components">Components</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#crypto">Crypto</a></li>
<li><a href="#dashboard">Dashboard</a></li>
<li><a href="#dating">Dating</a></li>
<li><a href="#design-system">Design System</a></li>
<li><a href="#ecommerce">eCommerce</a></li>
<li><a href="#fashion">Fashion</a></li>
<li><a href="#finance">Finance</a></li>
<li><a href="#fitness">Fitness</a></li>
<li><a href="#food">Food</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#ios-11-ui-kits">iOS 11 UI Kits</a></li>
<li><a href="#landing-page">Landing Page</a></li>
<li><a href="#messenger">Messenger</a></li>
<li><a href="#more-cool-ui-kits">More Cool UI Kits</a></li>
<li><a href="#movies">Movies</a></li>
<li><a href="#music">Music</a></li>
<li><a href="#onboarding">Onboarding</a></li>
<li><a href="#pets">Pets</a></li>
<li><a href="#photo">Photo</a></li>
<li><a href="#social-apps">Social Apps</a></li>
<li><a href="#style-guide">Style Guide</a></li>
<li><a href="#taxi--cars">Taxi &amp; Cars</a></li>
<li><a href="#todos">Todos</a></li>
<li><a href="#travel">Travel</a></li>
<li><a href="#watch">Watch</a></li>
</ul>
</div>
<main><article class="welcome">
		<div class="welcome__asset -logo-adk"></div>
		<h1 class="welcome__title">Awesome Design UI Kits</h1>
		<p class="welcome__description">
			All the best design plugins for Sketch, Adobe XD, and Figma, gathered in one place.
		</p>
		<a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-UI-Kits.md" class="btn btn-contribute image-gh">Contribute on GitHub</a>
	</article>
<div class="hidden-in-page">
<p>We decided to share goodies for those of you who work with UI design or want to start.</p>
<p>Prepared UI elements, screens, components or entirely app concepts, packed in a single UI Kit is a great option to begin with. You can modify any UI Kit to fit your needs and goals. All components and screens are easily editable, like navigation bars, buttons, login forms. You would need to have design tools, like Sketch App, Adobe XD, Studio or Figma to open the kits. The good news, you can use its free trials from the official websites.</p>
</div>
<article id="blog">
			<header>
				<h3><a href="#blog">Blog</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://logwork.com/blog/downloads/free-sketch-ui-kit-templates" class="tool__asset" target="_blank" style="background-color: hsl(270, 78%, 87%); color: rgb(176, 137, 214);">UB</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://logwork.com/blog/downloads/free-sketch-ui-kit-templates" target="_blank">UI Blog Kit Template for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This kit contains customized headers and footers, multiple post design types, Sketch design with over 150 symbols that are well-systematized, named and grouped. Take a look!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6275597-Write-Free-UI-Kit-for-Sketch-and-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(270, 78%, 87%); color: rgb(176, 137, 214);">W-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6275597-Write-Free-UI-Kit-for-Sketch-and-Adobe-XD" target="_blank">Write - Free UI Kit for Sketch and Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>If you're going to create your own blog, check this UI Kit that will help you to organize your content well. It contains 15 different iOS app screens designed in vector format, based on symbols. Available for Sketch and Adobe XD.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="calling-app">
			<header>
				<h3><a href="#calling-app">Calling App</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/2942774-Wonep-International-Calling-App-UI-Kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(340.5, 76%, 89%); color: rgb(217, 150, 171);">WC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/2942774-Wonep-International-Calling-App-UI-Kit-Freebie" target="_blank">Wonep Calling App</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Pretty cool UI Kit of a complete iOS app for making international calls. Sketch file includes over 30 unique screens and several UX flows: Onboarding, Recent Calls and Contacts, Dialing, Billing, Selecting Favorites. It also has a Principle file with animation to clarify the user experience through the app.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4894365-D-Caller-Free-Mobile-UI-Kit-sketch" class="tool__asset" target="_blank" style="background-color: hsl(340.5, 76%, 89%); color: rgb(217, 150, 171);">DM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4894365-D-Caller-Free-Mobile-UI-Kit-sketch" target="_blank">D-Caller Mobile UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Clean, simple and elegant mobile UI Kit for calling app, available in Sketch format. Oh, and you will really like typography and colors in this UI Kits.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="cards">
			<header>
				<h3><a href="#cards">Cards</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/4131097-Cards-Pro-Free-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 87%); color: rgb(214, 137, 137);">CP</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4131097-Cards-Pro-Free-UI-Kit" target="_blank">Cards Pro Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>An amazing set of cards resource designs perfect for websites and mobile apps. Some of its resources include email sign up, captions, info card, calendar notification and more. Available in Photoshop.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/card-ui-kit-deck" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 87%); color: rgb(214, 137, 137);">DC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/card-ui-kit-deck" target="_blank">Deck Card UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>A beautiful cross-platform UI kit for designing card-based interfaces and media websites. Inside you'll find dozens of hand-crafted components, 45 UI templates in 6 different categories and over 200 UI elements for Sketch and Photoshop.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6423644-Card-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 87%); color: rgb(214, 137, 137);">CU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6423644-Card-UI-Kit" target="_blank">Card UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A super flexible and simple card UI kit. It is available both in light and dark themes. Designed by Charles Patterson for InVision Studio. It is definitely worth a look!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3391013-E-commerce-free-sketch-ui-kit-Download-Now" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 87%); color: rgb(214, 137, 137);">eC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3391013-E-commerce-free-sketch-ui-kit-Download-Now" target="_blank">eCommerce Cards Free Sketch UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Clean and minimal eCommerce Cards by Divan Raj  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="charts--wireframes">
			<header>
				<h3><a href="#charts-&amp;-wireframes">Charts &amp; Wireframes</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://greyhound.design/" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">G-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://greyhound.design/" target="_blank">Greyhound - Free Flowchart Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This kit contains fully customizable 200+ ready-to-use flowcharts in 11 categories. It'll help you to create beautiful sitemaps, wireframes, and prototypes for your web &amp; mobile projects. Available for Figma and Sketch.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.uistore.design/items/fluid-ui-flow-and-diagrams/" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">F-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.uistore.design/items/fluid-ui-flow-and-diagrams/" target="_blank">Fluid - UI Flow &amp; Diagrams</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A sketch library customizable with over 44 connectors to create user flow, diagrams, and sitemaps for mobile and web. Add notes and annotations to make your flows easy to read.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://gumroad.com/l/kamartaj" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">KG</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://gumroad.com/l/kamartaj" target="_blank">Kamartaj Gift Shop UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This UI kit with clean design, well-organized elements, and editable content. Made for both iPhone 8 and iPhone X and includes Adobe XD, Adobe Photoshop, Figma and Sketch file as well.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="http://uxflow.co/" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">FK</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="http://uxflow.co/" target="_blank">Flowchart Kit for Sketch / Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Amazing UI kit for Sketch and Figma. Inside you'll find fully customizable and scalable vector elements and 3 pre-defined color themes for creating fast sitemaps and wireframes.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.uistore.design/items/wirez-free-wireframe-kit/" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">WF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.uistore.design/items/wirez-free-wireframe-kit/" target="_blank">Wirez Free Wireframe Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A totally free wireframe GUI kit ideal for mobile apps (sketch sources), it’s packed with 64 different screens and 6 categories. It'll help UX/UI designers to create faster low fidelity wireframe.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5652423-FREE-Product-Design-Kit-for-Figma" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">PD</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5652423-FREE-Product-Design-Kit-for-Figma" target="_blank">Product Design Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	

					</div>
				</header>
				<p>The ultimate design kit for Figma. Create high fidelity wireframes, user interfaces and style guides for your desktop products. It’s fully customizable and free.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="chat">
			<header>
				<h3><a href="#chat">Chat</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/2893-mochi-chat-ui-kit-app-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(150, 79%, 80%); color: rgb(112, 212, 162);">MU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/2893-mochi-chat-ui-kit-app-sketch-freebie-resource.html" target="_blank">Mochi - Chat UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This UI Kit provides many assets, icons, screens, and interactions for Chinese premier messaging app: WeChat, or Weixin. Provided in both English and Chinese, with support for main 4 tabs (Chat, Contacts, Discover, Me), official account pages, Moments, Profile, QR Code and more. So it’s a really unique Sketch kit!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/free-ui-kit-for-sketch-and-photoshop-mail" class="tool__asset" target="_blank" style="background-color: hsl(150, 79%, 80%); color: rgb(112, 212, 162);">M-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/free-ui-kit-for-sketch-and-photoshop-mail" target="_blank">Mail - A free cross-platform UI kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This mail UI Kit is special. It comes in three colors: gold, teal, and purple. And it's cross-platform, with templates for desktop, mobile, tablet, and smartwatch. What’s inside: 78 UI templates in 26 categories and 250+ UI elements for Sketch and Photoshop.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/abhinavagr" class="tool__asset" target="_blank" style="background-color: hsl(150, 79%, 80%); color: rgb(112, 212, 162);">AL</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/abhinavagr" target="_blank">App Login Screens UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Nice UI kit for Sketch to help you quickly design and build login flows. This freebie UI kit is available in both light and dark theme. Includes over 20 screens.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://getstream.io/chat/ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(150, 79%, 80%); color: rgb(112, 212, 162);">CM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://getstream.io/chat/ui-kit/" target="_blank">Chat Messaging UI Kit for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>It's a chat UI kit for Sketch. It includes chat interfaces for live chat, team collaboration, messaging, customer support and gaming. Enjoy!   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5362269-9GAG-UI-KIT-FREEBIE" class="tool__asset" target="_blank" style="background-color: hsl(150, 79%, 80%); color: rgb(112, 212, 162);">9R</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5362269-9GAG-UI-KIT-FREEBIE" target="_blank">9GAG Redesign UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>UI Kit to create awesome products from highly customizable screens like Feed, Profile, Login, Notifications and a lot more to go with anything you can imagine. Check it out!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="components">
			<header>
				<h3><a href="#components">Components</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="http://cursoros.com/" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">c-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="http://cursoros.com/" target="_blank">cursorOS - original macos cursors</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	

					</div>
				</header>
				<p>A collection of original macOS cursors, identical as possible without changes in style. Use them in your Design Systems, User flows, UI Kits, Prototypes, and other design stuff.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/86606285/Cookie-Banner-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">CB</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/86606285/Cookie-Banner-UI-Kit-for-Adobe-XD" target="_blank">Cookie Banner UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>This UI kit makes it a cinch for designers to easily incorporate relevant privacy-warning modals into their interfaces. The kit includes numerous modals for both desktop and mobile uses cases.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://letsxd.com/states" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">CS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://letsxd.com/states" target="_blank">Component States UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>If you're looking to include Material Design states within your Adobe XD projects, check this UI kit. It includes buttons, icons, toggles, animations, and more. Also, there are a few real-world examples so you can view states in action.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://uranosketch.com/" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">US</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://uranosketch.com/" target="_blank">Urano Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>A comprehensive Sketch kit that includes more than 30 components, easily customizable vector shapes, and free fonts. Also, it's available in 3 different color models: white, dark, grey. Awesome!    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://sketchapp.com/elements" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">E</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://sketchapp.com/elements" target="_blank">Elements</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Amazing Sketch kit. With 5 different themes, 35 templates and more than 175 Symbols, this kit contains all the building blocks you need. So no matter what you’re creating, you can start with Elements.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://lexicondesign.io/docs/resources/" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">L</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://lexicondesign.io/docs/resources/" target="_blank">Lexicon</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A set of principles, patterns, and tools created to provide a common design framework for crafting user interfaces within Liferay product ecosystem.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.uxpin.com/material-design-ui-kit" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">MD</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.uxpin.com/material-design-ui-kit" target="_blank">Material Design UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>The ultimate collection of UI elements for you to create Android and web apps. Includes 35 hi-fi screens, more than 140 UI elements, and Guideline Compatible.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://gumroad.com/l/figma-uikit" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">FS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://gumroad.com/l/figma-uikit" target="_blank">Figma Starter Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Limited to basic components, it's a great way to get started without any clutter. What you get: forms, buttons, basic icons, and a few templates. Also, it's available in Dark More.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5826072-Ares-Ui-Kit-Free-Resource" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">AU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5826072-Ares-Ui-Kit-Free-Resource" target="_blank">Ares UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Well-done UI Kit available through Sketch. Feel free to use it and improve it as much as you want.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://tetrisly.com/" class="tool__asset" target="_blank" style="background-color: hsl(176.3, 38%, 74%); color: rgb(112, 181, 176);">T</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://tetrisly.com/" target="_blank">Tetrisly</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Probably the most organized and smartest Sketch component library for professionals. Start wireframing faster or use this Starter Kit to create Design System.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="courses">
			<header>
				<h3><a href="#courses">Courses</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.behance.net/gallery/77258767/Plexus-Free-Adobe-XD-UI-kit" class="tool__asset" target="_blank" style="background-color: hsl(253.3, 94%, 92%); color: rgb(171, 158, 222);">P-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/77258767/Plexus-Free-Adobe-XD-UI-kit" target="_blank">Plexus - Free Adobe XD UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A free mobile UI kit for online courses, featuring light &amp; dark themes to choose from, a total of 28 screens. It’s made for iPhone X resolution and also includes separated components, free fonts, and vector elements.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5083162-Online-Courses-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(253.3, 94%, 92%); color: rgb(171, 158, 222);">OC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5083162-Online-Courses-UI-Kit" target="_blank">Online Courses UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A minimal and clean educational app focused on improving the experience of learning courses online. This UI Kit includes only 3 screens, but it neat and nicely designed as well.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/65354875/MentorMe-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(253.3, 94%, 92%); color: rgb(171, 158, 222);">MU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/65354875/MentorMe-UI-Kit-for-Adobe-XD" target="_blank">MentorMe UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>MentorMe includes a total of 36 customizable screens, flows for creating profiles, scheduling meetings and appointments, sending and tracking messages, provisioning payments, as well as ratings and notifications. A comprehensive asset panel specifies colors, fonts, headers, navigational elements, inputs, buttons, and over 40 icons to choose from.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="crypto">
			<header>
				<h3><a href="#crypto">Crypto</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.behance.net/gallery/79606899/Free-UI-kit-for-bit-coin-app" class="tool__asset" target="_blank" style="background-color: hsl(15.7, 86%, 85%); color: rgb(217, 152, 128);">BC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/79606899/Free-UI-kit-for-bit-coin-app" target="_blank">Bit Cuckoo - Bitcoin UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design by Ramky.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4257360-Crypto-Wallet-App-Concept-Free-UI-Kit-Sketch-File" class="tool__asset" target="_blank" style="background-color: hsl(15.7, 86%, 85%); color: rgb(217, 152, 128);">CW</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4257360-Crypto-Wallet-App-Concept-Free-UI-Kit-Sketch-File" target="_blank">Crypto Wallet App Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A crypto wallet App concept by Vivek Karthikeyan  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/88851653/Web-Dashboard-UI-Kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(15.7, 86%, 85%); color: rgb(217, 152, 128);">C-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/88851653/Web-Dashboard-UI-Kit-Freebie" target="_blank">Coinbase - Web Dashboard Ui Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Web Dashboard UI Kit: For Admin, User, and Agents. Dark &amp; Light version.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="dashboard">
			<header>
				<h3><a href="#dashboard">Dashboard</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/8936002-Facility-Manager-App" class="tool__asset" target="_blank" style="background-color: hsl(198.8, 88%, 89%); color: rgb(145, 196, 219);">FM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/8936002-Facility-Manager-App" target="_blank">Facility Manager App for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Today is the day we publish a freebie .Sketch file connected with designing solutions for a leading European real estate and facility manager. Feel free to use and share!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/87261153/E-learning-UI-Kit-Free-Download" class="tool__asset" target="_blank" style="background-color: hsl(198.8, 88%, 89%); color: rgb(145, 196, 219);">GA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/87261153/E-learning-UI-Kit-Free-Download" target="_blank">Goge Africa - UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>38+ screens and design elements e.g Landing-page, Quicklinks-page, Ecommerce, Dashboard...  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/design-system-dashboard-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(198.8, 88%, 89%); color: rgb(145, 196, 219);">VU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/design-system-dashboard-ui-kit/" target="_blank">Velocity UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Meet Velocity, a UI kit and complete design system for an imaginary self-driving car company. Borrow, remix, and remake for your own app.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="dating">
			<header>
				<h3><a href="#dating">Dating</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.instamobile.io/app-templates/dating-app-design-ui-kit" class="tool__asset" target="_blank" style="background-color: hsl(71.7, 97%, 83%); color: rgb(201, 222, 118);">DA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					<a href="https://www.instamobile.io/app-templates/dating-app-design-ui-kit" target="_blank">Dating App UI Kit for Sketch</a>
					<div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Free dating app design UI kit in Sketch, to fast track the design of your next mobile dating app. With beautiful UI elements and a well thought out UX, this dating app contains more than 30 carefully crafted screens.  </p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="design-system">
			<header>
				<h3><a href="#design-system">Design System</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.behance.net/gallery/78911187/Design-Systems-Semantic-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(271, 93%, 93%); color: rgb(193, 162, 222);">SU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/78911187/Design-Systems-Semantic-UI-Kit-for-Adobe-XD" target="_blank">Semantic UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>80+ high quality components to kick-start your design system  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://eva.design/" class="tool__asset" target="_blank" style="background-color: hsl(271, 93%, 93%); color: rgb(193, 162, 222);">ED</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://eva.design/" target="_blank">Eva Design System for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Customizable Design System available for Sketch, with Mobile and Web implementations. The main strength of the Design System is the ability to adapt and integrate your brand making it ideal for any type of product.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/66637931/Dome-Design-System-Framework" class="tool__asset" target="_blank" style="background-color: hsl(271, 93%, 93%); color: rgb(193, 162, 222);">DD</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/66637931/Dome-Design-System-Framework" target="_blank">Dome Design System Framework</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Dome is a set of styles and symbols that allow you to create a design system from scratch. You will find shapes, states, graphic treatment of images are defined as styles and also a complete set of text styles (6 headlines, 10 text styles and buttons) easily editable and customizable.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.merck.design/" class="tool__asset" target="_blank" style="background-color: hsl(271, 93%, 93%); color: rgb(193, 162, 222);">LD</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.merck.design/" target="_blank">Liquid Design System</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Use Liquid to create and develop digital products to make science faster, treatments more personalized, and everyday work more enjoyable.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://ant.design/docs/spec/download" class="tool__asset" target="_blank" style="background-color: hsl(271, 93%, 93%); color: rgb(193, 162, 222);">AD</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://ant.design/docs/spec/download" target="_blank">Ant Design</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A design system with values of Nature and Determinacy for the better user experience of enterprise applications.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="ecommerce">
			<header>
				<h3><a href="#ecommerce">eCommerce</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://pixelbuddha.net/freebie/fusion-e-commerce-uI-kit" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">Fe</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://pixelbuddha.net/freebie/fusion-e-commerce-uI-kit" target="_blank">Fusion eCommerce UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Get ready for something absolutely fresh for your E-commerce app  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://webflow.com/ecommerce-ui-kit-prospero" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">P-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://webflow.com/ecommerce-ui-kit-prospero" target="_blank">Prospero - Ecommerce UI Kit for Webflow</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>A clean, modular</p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3221507-Minimal-Chic-Free-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">MC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3221507-Minimal-Chic-Free-UI-Kit" target="_blank">Minimal Chic Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>It’s a stylish mobile UI Kit designed for iOS. It’s perfect for anyone looking to create an e-commerce mobile app as it has views for product category pages and product pages, as well as the usual account settings and login screens. Available in Adobe XD format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5204250-Backpack-UI-Kit-Free-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">B-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5204250-Backpack-UI-Kit-Free-for-Adobe-XD" target="_blank">Backpack - UI Kit Free for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Includes 50+ customizable screens across seven categories  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/1862-wilhelm-ios-ui-kit-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">Wi</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/1862-wilhelm-ios-ui-kit-sketch-freebie-resource.html" target="_blank">Wilhelm iOS UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Customizable UI Kit, which containing six categories: Walkthrough, Sign in / Sign Up, Menu, Reading, ecommerce, Media player. It has various Sketch screens, which will suit both ecommerce mobile project or social app.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/2012-mercatus-mcommerce-ui-kit-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">MU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/2012-mercatus-mcommerce-ui-kit-sketch-freebie-resource.html" target="_blank">Mcommerce UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>One more ecommerce UI kit with 120+ screens. As makers mentioned, Mercatus was inspired by 1980’s casual culture, European designer clothes and modern minimal aesthetics. The Sketch kit looks very stylish and clean. So you definitely can use as inspiration for your next ecommerce app.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/86012235/UI-Kit-By-ICEO" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">Re</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/86012235/UI-Kit-By-ICEO" target="_blank">Responsive eCommerce UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Designed for both web and mobile, this UI kit redefines user experience through simplicity and calculated design choices. This freebie contains everything an online store needs to get up and running.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/8308095-UI-Kit-01-available" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">TM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/8308095-UI-Kit-01-available" target="_blank">Tech Marketplace UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>It's a tech-oriented marketplace with modern UI design.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4728332-Diadema-UI-Kit-PSD-Sketch" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">D–</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4728332-Diadema-UI-Kit-PSD-Sketch" target="_blank">Diadema – UI Kit Web eCommerce</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Pretty big and elegant stack of easy-to-setup designs for your internet store.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5637441-L-euphorie-E-commerce-UI-Kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">LE</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5637441-L-euphorie-E-commerce-UI-Kit-Freebie" target="_blank">L'euphorie E-commerce UI Kit Freebie</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>E-commerce UI kit screens and components, with a very minimal and modern trendy design.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5511411-Freebie-Stickers-Shop-App-Ui" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">SS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5511411-Freebie-Stickers-Shop-App-Ui" target="_blank">Stickers Shop App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Stickers Shop app for the new iPad Pro. Know that the images from the preview image are not included due to copyright infringement, and are changed for tyles.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/77037027/Bouncer-Ecommerce-UI-Kit-Adobe-XDhttps://bisenbaev.com/" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">B-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/77037027/Bouncer-Ecommerce-UI-Kit-Adobe-XDhttps://bisenbaev.com/" target="_blank">Bouncer - Ecommerce UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Free Adobe XD UI Kit for Ecommerce Projects  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6531942-Shopping-App-Free-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">SA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6531942-Shopping-App-Free-UI-Kit" target="_blank">Shopping App Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean shopping app design, 5 screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5408251-UI-shop-kit-freebie" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">US</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5408251-UI-shop-kit-freebie" target="_blank">UI Shop Kit Freebie</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean shop UI design, 5 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5616201-E-Commerce-App-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">BE</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5616201-E-Commerce-App-UI-Kit" target="_blank">Bolt E-commerce App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design for e-commerce , 18+ screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5579955-E-Comm-Adobe-XD-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">EA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5579955-E-Comm-Adobe-XD-UI-Kit" target="_blank">E-Comm Adobe XD UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>E-Comm is a free UI kit that contains 22 well organized and layered app screen designs, covering all the main user flows. All main UI elements are separated on to one ‘Components’ artboard, so any element could be directly grabbed from there and be added to your design project. Even though this UI kit was mainly created for online stores, the components by themselves could be used on a variety of of apps. There are many UI components such as lists, tags, message bubbles, comments, different button states, to name a few.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/57562887/Simply-Ecommerce-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">Se</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/57562887/Simply-Ecommerce-UI-Kit" target="_blank">Simply eCommerce UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Simply is an e-commerce UI Kit. Was crafted especially for small or medium business who want to have e-commerce app.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4109796--XD-FREEBIE-Pony-collection-e-commerce-mobile-app" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">PC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4109796--XD-FREEBIE-Pony-collection-e-commerce-mobile-app" target="_blank">Pony Collection - eCommerce Mobile App</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean eComerce app design by Tung Chi Vo  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/83703037/FREE-E-Commerce-Mobile-Application-%28LightDark%29" class="tool__asset" target="_blank" style="background-color: hsl(4.4, 36%, 85%); color: rgb(199, 149, 145);">EM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/83703037/FREE-E-Commerce-Mobile-Application-%28LightDark%29" target="_blank">E-Commerce Mobile App for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>We have created the UI Library of the components which could be used in mobile apps of various spheres. Colors, sizes, and elements are customizable. 42 screens, which is useful for any projects.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="fashion">
			<header>
				<h3><a href="#fashion">Fashion</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.behance.net/gallery/75193163/Fashion-Influencer-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(14.6, 95%, 83%); color: rgb(219, 142, 116);">FI</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/75193163/Fashion-Influencer-UI-Kit-for-Adobe-XD" target="_blank">Fashion Influencer UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The UI Kit itself is #MadeInAdobeXD and is available for free. It features a ton of goodies for you to use in your next design projects! Don't miss out!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/65315257/Fashion-Editorial-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(14.6, 95%, 83%); color: rgb(219, 142, 116);">FE</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/65315257/Fashion-Editorial-UI-Kit-for-Adobe-XD" target="_blank">Fashion Editorial UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This editorial and e-commerce UI Kit features 18 different design pages and more than 120 various components. This UI kit is built to help users create fashion editorial, as well as designer marketplace, apps, and websites. It features elements for a homepage, product grid, single product page, and blog.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="finance">
			<header>
				<h3><a href="#finance">Finance</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/7999624-Budget-Planner-Onboarding-Screens-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">BP</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/7999624-Budget-Planner-Onboarding-Screens-Freebie" target="_blank">Budget Planner: Onboarding Screens UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean onboarding screens design, 22 screens for you to get started.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/7319886-Apple-Wallet-Free-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">AW</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/7319886-Apple-Wallet-Free-UI-Kit" target="_blank">Apple Wallet Free UI Kit for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This is the first version of the Apple Wallet Free UI Kit. All the components are built in symbols considering different cases and it's pretty easy to scale or evolve at your own.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5102985-Stack-UI-Kit-Release" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">SU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5102985-Stack-UI-Kit-Release" target="_blank">Stack UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Stack UI Kit is a perfect kickstart to your mobile finance project iOS design and Android. The design concept is based on a financial investor app, that uses machine learning to calculate the best stocks for the user to invest their money.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6696905-Busines-Bank-App" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">B-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6696905-Busines-Bank-App" target="_blank">Busines - Bank App for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design, 7 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/85336453/Radity-Finance-UI-Kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">R-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/85336453/Radity-Finance-UI-Kit-Freebie" target="_blank">Radity - Finance UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>We have been receiving a lot of requests for a Finance Kit recently due to the popularity of Fintech. We decided to share this Finance UI Kit and get community’s feedback.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/57211229/Free-Finance-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">FF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/57211229/Free-Finance-UI-Kit" target="_blank">Free Finance UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Kickstart your project or just have fun with it. Designed by 7ninjas  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://blog.marvelapp.com/free-banking-ui-kit-for-sketch/" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">BU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://blog.marvelapp.com/free-banking-ui-kit-for-sketch/" target="_blank">Banking UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Neat banking themed UI kit for Sketch with 50 screens, ready to prototype templates, dozens of icons and buttons. It looks very fresh &amp; clean and will be a great starting point for anyone wanting to create an online banking experience. Done with love by Marvel folks.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://freebiesupply.com/free-adobe-xd/adobe-xd-ui-personal-finance/" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">PF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://freebiesupply.com/free-adobe-xd/adobe-xd-ui-personal-finance/" target="_blank">Personal Finance UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>I loved playful style of this finance UI kit. The app concert covers managing your income, finding ATM’s near you, sending money to family &amp; friends and many more. It’s Adobe XD UI kit with 40+ screens for iPhone 6,7 and X layouts.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/8911189-Telco-Skeumorph-App-FREE-KIT" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">TS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/8911189-Telco-Skeumorph-App-FREE-KIT" target="_blank">Telco Skeumorph App for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design, 12 screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5731753-Gravity-The-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(35.3, 95%, 81%); color: rgb(219, 173, 107);">G-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5731753-Gravity-The-UI-Kit" target="_blank">Gravity - The UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Introducing Gravity</p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="fitness">
			<header>
				<h3><a href="#fitness">Fitness</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="http://capi.design/cafit-workout-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(140.4, 36%, 72%); color: rgb(109, 179, 132);">C-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="http://capi.design/cafit-workout-ui-kit/" target="_blank">Cafit - Workout UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This is Cafit – Fitness UI Kit. Amazing UI Kit of premium quality is gonna drive you crazy!</p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/fitgoal-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(140.4, 36%, 72%); color: rgb(109, 179, 132);">fU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/fitgoal-ui-kit/" target="_blank">fitgoal UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Stretch your limits with the fitgoal UI Kit by InVision. Includes 30 Screens, 179 Components, and 26 Fitness Icons.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/79257121/App-UI-Kit-for-Free" class="tool__asset" target="_blank" style="background-color: hsl(140.4, 36%, 72%); color: rgb(109, 179, 132);">A-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/79257121/App-UI-Kit-for-Free" target="_blank">Aloo - Fitness UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean Fitness App design by Ramky.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5857209-App-Design-System-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(140.4, 36%, 72%); color: rgb(109, 179, 132);">AD</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5857209-App-Design-System-Freebie" target="_blank">App Design System Freebie</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>At this moment, the app considers 64 different sports, each one with photos and a custom designed icon (that you will find inside this file), that helps with the identification of each one.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="food">
			<header>
				<h3><a href="#food">Food</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/2449517-Delicious-Free-Sketch-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">DU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/2449517-Delicious-Free-Sketch-UI-Kit" target="_blank">Delicious UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>UI Kit for a food recipes app. It includes 11 pixel-perfect screens in Sketch format. The meals in this UI Kit are so tasty! Actually, all UI kits in this category are simple, nice looking and can be used for your first learning app.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/2661249-Recipes-App-UI-Kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">iR</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/2661249-Recipes-App-UI-Kit-Freebie" target="_blank">iOS Recipes App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Nice iOS UI Kit with 11 screens for the recipe or cooking app (prepared for Sketch format). Simplicity and minimalism at its best!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/2654096-1357-Recipe-app-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">1R</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/2654096-1357-Recipe-app-UI-Kit" target="_blank">1357 Recipe App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Designed with user experience in mind, this elegant UI Kit consists of 25 basic screens. It has not only cooking recipes screens but also layouts for Menu, Search, Community, Quotes &amp; 9 more pages. Available in Sketch format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://freebiescafe.com/edacious-food-app-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">EA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://freebiescafe.com/edacious-food-app-ui-kit/" target="_blank">Edacious — Food App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--photoshop" title="this plugin is for Photoshop" for="photoshop">
		Photoshop
	</div>	

					</div>
				</header>
				<p>Edacious has an interesting story. It was a paid project but the client decided that he doesn’t need it anymore. So creative designers from Bangladesh decided to make a free UI Kit from it. They shared 1 landing page and 18 iOS screens, that forms a food-inspired mobile app. Available in .psd format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/77742735/Burger-City-Free-Adobe-XD-UI-kit" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">BC</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/77742735/Burger-City-Free-Adobe-XD-UI-kit" target="_blank">Burger City - Free Adobe XD UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A mobile UI kit for a burger store. 25 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/81858385/Foobybite-Free-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">F-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/81858385/Foobybite-Free-UI-Kit-for-Adobe-XD" target="_blank">Foodybite - Free UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Foodybite is a free UI Kit. It is easy to use for Adobe XD for who want to design an app related to food or restaurant services. The UI Kit pack included more than 30 customizable screens. All screens are fully editable. This UI Kit is free for personal &amp; commercial projects.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/scratch-recipe-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">SR</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/scratch-recipe-ui-kit/" target="_blank">Scratch Recipe UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The Scratch UI Kit has all you need to build a recipe book that would make your Grandma jealous. Browse, collect, edit, and share recipes with your network, find what’s trending, then take the app into the kitchen.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/2654096-1357-Recipe-app-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">1R</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/2654096-1357-Recipe-app-UI-Kit" target="_blank">1357 Recipe App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Modern and elegant eCommerce UI Kit for Sketch with 25 basic screens in your next project.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/7979808-Fresh-Food-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(193.8, 38%, 75%); color: rgb(116, 168, 184);">FF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/7979808-Fresh-Food-UI-Kit" target="_blank">Fresh Food UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	

					</div>
				</header>
				<p>Fresh Food is an App UI Kit created with Adobe XD that aims to make identifying and ordering healthy foods effortless. The UI kit includes: a suite of assets and icons, mobile and desktop formatted screens, a dark mode version, and plenty of fruits and vegetables!   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="home">
			<header>
				<h3><a href="#home">Home</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/smart-home-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">SH</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/smart-home-ui-kit/" target="_blank">Smart Home UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A digital UI Kit for the physical world by InVision   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5067681-Home-Automation-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">HA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5067681-Home-Automation-Freebie" target="_blank">Home Automation App</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Clean and minimal app, light and dark version. Designed by Faria  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/83934241/Waplant-Plants-Mobile-Apps-Free-UI-UX-kit" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">WP</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/83934241/Waplant-Plants-Mobile-Apps-Free-UI-UX-kit" target="_blank">Waplant Plants - Free UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design. Waplant Plants helps you to take care your plants easily.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6361648-Smart-Home-UI-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">SH</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6361648-Smart-Home-UI-Freebie" target="_blank">Smart Home UI Kit for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This tiny Smart Home UI Freebie may be a good source of inspiration for your mobile app.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5023929--HIVO-Smart-Home-UI-Kit-is-live" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">HS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5023929--HIVO-Smart-Home-UI-Kit-is-live" target="_blank">HIVO Smart Home UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>62 carefully designed mobile screens to kickstart your project.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6513000-Smart-Home-App-Free-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">H-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6513000-Smart-Home-App-Free-UI-Kit" target="_blank">Happ - Smart Home App UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Free UI Kit includes dashboard, usage graph, device control, add device, timer, etc  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4569970-Plant-Freebie-4-Dribbble-Invites" class="tool__asset" target="_blank" style="background-color: hsl(251, 71%, 83%); color: rgb(141, 125, 209);">PU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4569970-Plant-Freebie-4-Dribbble-Invites" target="_blank">Plant UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal, clean and beautiful app UI kit designed by Paolo Spazzini  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="ios-11-ui-kits">
			<header>
				<h3><a href="#ios-11-ui-kits">iOS 11 UI Kits</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://designcode.io/ios11-ui-kit?ref=mediumflawless" class="tool__asset" target="_blank" style="background-color: hsl(30.3, 79%, 70%); color: rgb(207, 139, 72);">Di</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://designcode.io/ios11-ui-kit?ref=mediumflawless" target="_blank">Design+Code iOS 11 UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A comprehensive Sketch kit tailored to Apple’s Human Interface Guidelines (HIG). It contains text styles, resizable nested symbols and even a set of dark theme components. The naming convention of each component follows Apple Developer Documentation. You can easily customize the colours, icons, and content as you wish and everything will be fully adaptive.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://medium.com/r/?url=https%3A%2F%2Fiosdesignkit.io%2Fios-11-gui%2F" class="tool__asset" target="_blank" style="background-color: hsl(30.3, 79%, 70%); color: rgb(207, 139, 72);">i1</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://medium.com/r/?url=https%3A%2F%2Fiosdesignkit.io%2Fios-11-gui%2F" target="_blank">iOS 11 Screens &amp; Components</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A huge collection of iOS 11 core components and over 60 (x2) selected screens. As well as a previous UI Kit, this one is done according to Apple’s HIG and has designs for iPhone X &amp; iPhone 8. Sketch files are made with nested symbols and contain text styles with resizing options specified. Available for Sketch and Figma.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/2774-ios-11-gui-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(30.3, 79%, 70%); color: rgb(207, 139, 72);">i1</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/2774-ios-11-gui-sketch-freebie-resource.html" target="_blank">iOS 11 GUI for Sketch App</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This kit contains iOS 11 designs, including 22 screens, 10 keyboards, fully vector elements and 100% vector shapes that are fully layered, organized and grouped. It’s an excellent resource for anyone starting a new design project for iOS 11. 
</p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://facebook.design/ios11" class="tool__asset" target="_blank" style="background-color: hsl(30.3, 79%, 70%); color: rgb(207, 139, 72);">i1</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://facebook.design/ios11" target="_blank">iOS 11 iPhone GUI by Facebook</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A comprehensive set of files for Origami, Sketch &amp; Photoshop providing you all needed to get started with iPhone X app. Facebook team also created Origami components that mirror the behaviour of the most important UI elements in iOS 11 as well as recreating elements found in the public release of iOS 11.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.xdguru.com/ios-11-ui-kit-xd/" class="tool__asset" target="_blank" style="background-color: hsl(30.3, 79%, 70%); color: rgb(207, 139, 72);">i1</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.xdguru.com/ios-11-ui-kit-xd/" target="_blank">iOS 11 UI kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>If you're learning or working with Adobe XD, you will enjoy this little iOS 11 UI kit. Adobe XD kit includes 12 different screens, featuring some default iOS 11 designs like the Control Panel, Lock Screen and several AppStore screens. Not as big as all previous ones but still useful.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4217050-Place-UI-Kit-The-future-of-augmented-reality-mobile-apps" class="tool__asset" target="_blank" style="background-color: hsl(30.3, 79%, 70%); color: rgb(207, 139, 72);">i1</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4217050-Place-UI-Kit-The-future-of-augmented-reality-mobile-apps" target="_blank">iOS 11 Place UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>If you’re planning to make ARKit mobile app, check this funny UI kit done by our good friend Volodymyr Kurbatov. It contains 22 iOS 11 screens and vector icons (sample free version). Place Kit has everything you might need: lists, catalogues, maps, tips and all types of camera views for every stage of AR experience (such as scanning, placing, and interacting). Made in .sketch format for iPhone X resolution.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="landing-page">
			<header>
				<h3><a href="#landing-page">Landing Page</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.ls.graphics/free/ui-kit-landing-page" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">FU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.ls.graphics/free/ui-kit-landing-page" target="_blank">Free UI Kit Landing Page</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Free UI Kit Landing Page is a huge design tool of handcrafted UI components. More than 80 layouts in popular categories, style guide, icons and elements.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/61196753/Mint-Free-Sketch-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">M-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/61196753/Mint-Free-Sketch-UI-Kit" target="_blank">Mint - Free Sketch UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Unique styling to begin design projects for websites  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/71348061/Non-profit-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">NP</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/71348061/Non-profit-UI-Kit" target="_blank">Non Profit UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>The kit has seven responsive web page templates in all, along with dozens of reusable components.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.and.co/brutalism" class="tool__asset" target="_blank" style="background-color: hsl(30, 79%, 80%); color: rgb(212, 162, 112);">BU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.and.co/brutalism" target="_blank">Brutalism UI Kit - 70 Free Artboards</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>70 free artboards for your next website. Get these free artboards before the brutalism trend goes out of style.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="messenger">
			<header>
				<h3><a href="#messenger">Messenger</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/2824-telegram-ios-ui-kit-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(60, 79%, 80%); color: rgb(212, 212, 112);">Ti</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/2824-telegram-ios-ui-kit-sketch-freebie-resource.html" target="_blank">Telegram iOS UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Did you know that Telegram is a very popular messaging app in Russian-speaking countries? So if work with these markets and need to make Telegram bot, this UI kit will be in help. It includes 6 Telegram app views: Contacts, Contact Search, Contact Search</p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://github.com/jonasleupe/MessengerUIKit" class="tool__asset" target="_blank" style="background-color: hsl(60, 79%, 80%); color: rgb(212, 212, 112);">FM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://github.com/jonasleupe/MessengerUIKit" target="_blank">Facebook Messenger UI Kit for Android</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The free kit is not just a design clone, it's actually a well organized Sketch Library as well. It contains icons, colors, components, spacing elements, etc.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/1933-wechat-ui-kit-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(60, 79%, 80%); color: rgb(212, 212, 112);">iW</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/1933-wechat-ui-kit-sketch-freebie-resource.html" target="_blank">iOS WeChat UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This UI Kit provides many assets, icons, screens, and interactions for Chinese premier messaging app: WeChat, or Weixin. Provided in both English and Chinese, with support for main 4 tabs (Chat, Contacts, Discover, Me), official account pages, Chat, Moments, Profile, QR Code and more. Available for Sketch format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.xdguru.com/ego-free-messenger-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(60, 79%, 80%); color: rgb(212, 212, 112);">EU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.xdguru.com/ego-free-messenger-ui-kit/" target="_blank">Ego — Messenger UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Ego is not purely iOS UI kit, but it’s very clean and useful if you need to work with Russian copy. All texts there are done for a Russian-speaking chat app. The kit has 20 well-designed mobile screens, minimalistic icons, and cool colour pallet. Prepared for Adobe XD.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://developers.facebook.com/docs/messenger-platform/design-resources/design-kit" class="tool__asset" target="_blank" style="background-color: hsl(60, 79%, 80%); color: rgb(212, 212, 112);">MP</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://developers.facebook.com/docs/messenger-platform/design-resources/design-kit" target="_blank">Messenger Platform Design Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Official UI Kit for Facebook Messaging bot, which includes components for both conversational and GUI-based experiences. Available for Sketch.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="more-cool-ui-kits">
			<header>
				<h3><a href="#more-cool-ui-kits">More cool UI Kits</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/5350462-Uplabs-Redesign" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">UA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5350462-Uplabs-Redesign" target="_blank">Uplabs App UI Design</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Uplabs Homepage UI Redesign  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="http://vera.kkuistore.com/" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">VB</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="http://vera.kkuistore.com/" target="_blank">Vera Block Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Each screen and component is made carefully and easily customized for any project. This product will speed up your work in mobile design.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5727904-InVision-Studio-Spaced-Source-Files?ref=uistore.design" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">IS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5727904-InVision-Studio-Spaced-Source-Files?ref=uistore.design" target="_blank">InVision Studio Spaced</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>InVision Studio - Spaced Source Files. Minimal and clean UI Kit design, 27 screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/61798721/H1-Free-Mobile-UI-Kit-for-Sketch-Photoshop" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">HF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/61798721/H1-Free-Mobile-UI-Kit-for-Sketch-Photoshop" target="_blank">H1 Free Mobile UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	
 
	<div class="label label--photoshop" title="this plugin is for Photoshop" for="photoshop">
		Photoshop
	</div>	

					</div>
				</header>
				<p>10 Categories. 130 Templates. 470+ UI Elements. For Sketch &amp; Photoshop     </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/now" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">N-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/now" target="_blank">Now - A beautiful cross-platform UI kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Build immersive experiences for web, tablet, and mobile with the Now UI kit.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5727904-InVision-Studio-Spaced-Source-Files" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">IS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5727904-InVision-Studio-Spaced-Source-Files" target="_blank">InVision Studio Spaced</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>InVision Studio - Spaced Source Files. Minimal and clean UI Kit design, 27 screens for you to get started   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/66759837/Bauhaus-Inspired-UI-kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">BU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/66759837/Bauhaus-Inspired-UI-kit-for-Adobe-XD" target="_blank">Bauhaus UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Founded 100 years ago – still relevant today! Kick-start your next project and download this Bauhaus inspired.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/56393381/avsc-Free-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">AF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/56393381/avsc-Free-UI-Kit" target="_blank">Avsc Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>We spent hundreds of hours to create this beautiful looking UI kit. Get things done faster  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4249223-Grada-Free-Figma-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">GF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4249223-Grada-Free-Figma-UI-Kit" target="_blank">Grada Free Figma UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>I've been working on a little Figma asset that I thought I could share with the community. It's a pretty rich UI kit. Hope you like it and find it useful!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://ui8.net/products/mnml" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">Mi</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://ui8.net/products/mnml" target="_blank">MNML iOS UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--photoshop" title="this plugin is for Photoshop" for="photoshop">
		Photoshop
	</div>	

					</div>
				</header>
				<p>Multi-purpose iOS UI Kit for Sketch, Figma, PS &amp; Adobe XD. Designed by UI8.net     </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://ui8.net/products/argon-mobile-ui-kit" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">AM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://ui8.net/products/argon-mobile-ui-kit" target="_blank">Argon Mobile UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Argon Mobile UI Kit accelerates the design process and helps you swiftly create fresh and complex designs. All the components are designed to look great together, following the same design pattern. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch, Figma, Adobe XD    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://watracz.com/project/basicux" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">BU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://watracz.com/project/basicux" target="_blank">Basic UX for Invision Studio</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The final deliverable was a family of 4 products that you can download and use for free. Just download InVision Studio, open their App Store and search for 128 Outline Icons, eCommerce Wireframe Kit, User Interface Kit and Web Wireframe Kit.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5716755-Free-UI-Kit-Santa-s-Little-Helper" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">SL</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5716755-Free-UI-Kit-Santa-s-Little-Helper" target="_blank">Santa's Little Helper Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design, ready for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5793014-Atro-Mobile-UI-kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">AM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5793014-Atro-Mobile-UI-kit-Freebie" target="_blank">Atro Mobile UI Kit Freebie</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Whatever you need a nudge to start work on your idea, find inspiration or just want to add Atro Mobile UI kit to your freebie toolbox, go ahead and grab this awesome mobile UI kit containing 12 beautiful handpicked screens for free.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://medium.muz.li/finder-for-ipad-concept-bringing-the-finder-and-new-advanced-multitasking-to-the-ipad-28a00e671ad8" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">Ff</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://medium.muz.li/finder-for-ipad-concept-bringing-the-finder-and-new-advanced-multitasking-to-the-ipad-28a00e671ad8" target="_blank">Finder for iPad Concept</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Bringing the Finder and new advanced multitasking to the iPad. Experimentations with creating a Finder app for the iPad Pro with external storage management, Quick Look integration, column view, resizable sidebar, improved multitasking and dark mode.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/72045189/Responsive-Resize-Kit" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">RR</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/72045189/Responsive-Resize-Kit" target="_blank">Responsive Resize UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The kit comes packed with 14 screens, 164 components and everything is fully customizable and responsive.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/80987407/GAMIFY-Free-UI-kit" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">G-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/80987407/GAMIFY-Free-UI-kit" target="_blank">Gamify - Free Adobe XD UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>A mobile UI kit for Gaming App  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/81976229/HeaderZ-FREE-UI-KIT" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">H-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/81976229/HeaderZ-FREE-UI-KIT" target="_blank">HeaderZ - Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>20 Free Headers to kickstart your next web design project.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.stefanopeschiera.com/head-ui-kit" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">HF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.stefanopeschiera.com/head-ui-kit" target="_blank">Head: Free Sketch Header Starter Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Head is a free high-quality user interface kit includes 6 modern headers designed for Sketch. Kickstart your website with some hand-crafted ideas for your header.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3931508-Shards-A-Free-Modern-UI-Kit-based-on-Bootstrap-4" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">SU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3931508-Shards-A-Free-Modern-UI-Kit-based-on-Bootstrap-4" target="_blank">Shards UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>A free and modern UI toolkit for web makers based on the popular Bootstrap 4 (final) framework.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://symu.co/freebies/mobile-apps/ticketapp-figma-and-sketch-template/" class="tool__asset" target="_blank" style="background-color: hsl(180, 79%, 80%); color: rgb(112, 212, 212);">T-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://symu.co/freebies/mobile-apps/ticketapp-figma-and-sketch-template/" target="_blank">Ticketapp - Figma and Sketch Template</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Sketch and Figma template based on existing ticketing apps. All elements are easy to modify and build upon. So if you are building an app for choosing the tickets to the cinema or theatre, this will be a good start.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="movies">
			<header>
				<h3><a href="#movies">Movies</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/3074-movies-app-ui-kit-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">MA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					<a href="https://www.sketchappsources.com/free-source/3074-movies-app-ui-kit-sketch-freebie-resource.html" target="_blank">Movies App UI Kit</a>
					<div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Colourful movies based iOS UI Kit, which includes over 30 screens with fully customizable layouts and layers (for Sketch). It is designed for iPhone X and available both in English and Chinese. Pretty good start for your movie app!  </p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="music">
			<header>
				<h3><a href="#music">Music</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/6639818-Orizon-music-player-Kit" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">OM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6639818-Orizon-music-player-Kit" target="_blank">Orizon Music Player UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean music player, includes 3 screens.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5596849-L-euphorie-Music-UI-Kit-freebie" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">LM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5596849-L-euphorie-Music-UI-Kit-freebie" target="_blank">L’euphorie Music UI Kit Freebie</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>L’euphorie is a Multi-purpose, Creative UI Kit, with a very minimal and modern trendy design.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5368950-SoundBuzz-Music-App-Free-UI-KIT" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">SM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5368950-SoundBuzz-Music-App-Free-UI-KIT" target="_blank">SoundBuzz Music App Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Fresh and vibrant music UI kit design for App and Website   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4746947-URBAN-MUSIC-UI" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">UM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4746947-URBAN-MUSIC-UI" target="_blank">Urban Music UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design, 10 screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5429864-Free-Music-App-Ui-Kit" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">MA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5429864-Free-Music-App-Ui-Kit" target="_blank">Music App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean music app design, 7 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://sketchrepo.com/free-sketch/holo-music-app-kit-freebie/" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">HM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://sketchrepo.com/free-sketch/holo-music-app-kit-freebie/" target="_blank">Holo Music Kits</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>It’s very colourful and modern UI kit for a music app, done in dark and light themes. The free version has screens for a playlist and a player, available in Sketch format. Not so huge but nice-looking :)  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/86624751/Free-Music-App-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">MA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/86624751/Free-Music-App-UI-Kit-for-Adobe-XD" target="_blank">Music App UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The Music App UI Kit is a component-based UI Kit designed exclusively for Adobe XD by Unmesh Gite. If you are struggling with creating great user-interfaces, then this kit will give your designs a great boost. This Kit features fully-customizable components, including UI elements, colours, typography.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5272875--Vinyl-store-A-Free-E-commerce-UI-Kit-sketch-psd" class="tool__asset" target="_blank" style="background-color: hsl(210, 79%, 80%); color: rgb(112, 162, 212);">VS</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5272875--Vinyl-store-A-Free-E-commerce-UI-Kit-sketch-psd" target="_blank">Vinyl Store - A Free eCommerce UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>This is a conceptual design for an online Records Store  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="onboarding">
			<header>
				<h3><a href="#onboarding">Onboarding</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/5366541-Handyman-app-UI-kit-for-XD-FREEBIE" class="tool__asset" target="_blank" style="background-color: hsl(0, 79%, 80%); color: rgb(212, 112, 112);">HA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5366541-Handyman-app-UI-kit-for-XD-FREEBIE" target="_blank">Handyman App UI Kit For Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Including 7 iPhone X screens and 2 onboarding illustration. It's designed in Adobe XD.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/71937425/Free-App-Onboarding-Walkthrough-screens" class="tool__asset" target="_blank" style="background-color: hsl(0, 79%, 80%); color: rgb(212, 112, 112);">AO</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/71937425/Free-App-Onboarding-Walkthrough-screens" target="_blank">App Onboarding Walkthrough Screens</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Elegant and clean illustrations for any kind of app. Easy to edit. </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/71937709/Free-Error-Illustration-Screens" class="tool__asset" target="_blank" style="background-color: hsl(0, 79%, 80%); color: rgb(212, 112, 112);">EI</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/71937709/Free-Error-Illustration-Screens" target="_blank">Error Illustration Screens</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Elegant and clean illustrations for any kind of app. Easy to edit. </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.humaaans.com/" class="tool__asset" target="_blank" style="background-color: hsl(0, 79%, 80%); color: rgb(212, 112, 112);">HM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.humaaans.com/" target="_blank">Humaaans: Mix &amp; Match illustration library</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Mix-&amp;-match illustrations of people with a design library for InVIsion Studio and Sketch. Create your own remix. Change the hairdos, tops, and pants.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="pets">
			<header>
				<h3><a href="#pets">Pets</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.behance.net/gallery/62932019/Pawtastic-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 90%); color: rgb(217, 152, 152);">PU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/62932019/Pawtastic-UI-Kit-for-Adobe-XD" target="_blank">Pawtastic UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Pawtastic is a whimsical e-commerce UI kit and web app prototype that's dead simple to customize. The kit combines a fun and informative marketing one pager, a multi-step booking process, and a beautiful dashboard.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/73935801/Doglife-Ui-Kit-Free-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 90%); color: rgb(217, 152, 152);">DU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/73935801/Doglife-Ui-Kit-Free-for-Adobe-XD" target="_blank">Doglife UI Kit Free for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Doglife is an app for dogs and dogs lovers, who loves to share photos of their dogs and dog's lifestyle. Minimal and clean app design, ready for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/9055808-Free-UI-kit-02-available" class="tool__asset" target="_blank" style="background-color: hsl(0, 78%, 90%); color: rgb(217, 152, 152);">PW</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/9055808-Free-UI-kit-02-available" target="_blank">Pet Walk App UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>It is an application dedicated to your pets: monitor their health, share their progress with the community and improve their lives. The kit is free for personal projects. 12 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="photo">
			<header>
				<h3><a href="#photo">Photo</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/7232794-Unsplash-iOS-UI-Kit-Sketch-Invision-Studio" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">UU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/7232794-Unsplash-iOS-UI-Kit-Sketch-Invision-Studio" target="_blank">Unsplash UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Elegant and clean UI Kit for any kind of app. 35+ screens for you to get started.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/8719899-Free-DarkPIX-UI-Kit-Stock-images-App-design" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">DU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/8719899-Free-DarkPIX-UI-Kit-Stock-images-App-design" target="_blank">DarkPIX UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	

					</div>
				</header>
				<p>DarkPIX UI kit designed for Photography, Free Stock Images and HD wallpaper apps. Package includes 20+ Screen Adobe XD files. Free editable showcase mock-ups included for Presentation.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="social-apps">
			<header>
				<h3><a href="#social-apps">Social Apps</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/3405444-FREE-UI-KIT-BRONZE" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">BU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3405444-FREE-UI-KIT-BRONZE" target="_blank">Bronze UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--photoshop" title="this plugin is for Photoshop" for="photoshop">
		Photoshop
	</div>	

					</div>
				</header>
				<p>A clean and customizable UI Kit with signup, login, user profile, blog screens and templates for articles. You would love its adventure colour scheme, shots and typography. Available in Photoshop format with a free Google fonts. This kit is not purely for iOS platform, but its design is so vibrant!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail/?ref=flawlessapp" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">MU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail/?ref=flawlessapp" target="_blank">Mail UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	
 
	<div class="label label--photoshop" title="this plugin is for Photoshop" for="photoshop">
		Photoshop
	</div>	

					</div>
				</header>
				<p>InVision is releasing a lot of UI kits! Mail is the most recent cross-platform UI Kit for social apps. It’s made for desktop, mobile, tablet, and smartwatch formats. So it will very useful if you want to make a cross-platform app. Available for Sketch &amp; Photoshop in 3 colours.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://blog.marvelapp.com/snap-free-mobile-ui-kit-sketch/?ref=flawlessapp" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">SU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://blog.marvelapp.com/snap-free-mobile-ui-kit-sketch/?ref=flawlessapp" target="_blank">Snap UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Fresh and colourful mobile UI Kit for photo sharing app, available in Sketch format. It includes over 50 screens and a lot of beautiful elements, from buttons, search bars, sliders to camera elements and notification bars. This kit can be a huge-time saver if you are planning to implement a photo app. Prepared by Marvel folks.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.xdguru.com/moon-heart-free-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">Mh</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.xdguru.com/moon-heart-free-ui-kit/" target="_blank">Moon heart UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>It’s Adobe XD kit for an image sharing app. The kit has 23 app screens with different categories: Login, Register, Boost Message, Slideshow, Social images explorers, Gift, Vote and much more. The kit is very colorful and optimized for iPhone X. Oh, and the Kit name is so romantic :)  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4074132-Momento-Free-Sketch-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">M-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4074132-Momento-Free-Sketch-UI-Kit" target="_blank">Momento - Free Sketch UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Design for social media applications by Kuldeep Sharma  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3862131-Moon-heart-Social-images-sharing-Adobe-XD-free-download" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">MH</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3862131-Moon-heart-Social-images-sharing-Adobe-XD-free-download" target="_blank">Moon Heart Free Adobe Xd UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Social images sharing. 23+ artboards freebie template for everyone  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6384317-Social-UI-Kit-Freebie-2-Dribbble-Invites" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">SU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6384317-Social-UI-Kit-Freebie-2-Dribbble-Invites" target="_blank">Social UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean UI Kit, 16 screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/72907227/Meetio-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">MU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/72907227/Meetio-UI-Kit" target="_blank">Meetio UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Say hi to the Meetio UI Kit for @Adobe XD. More than 80 screens, very unique and yet customizable for your needs!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://craftwork.design/youtube-redesign/" class="tool__asset" target="_blank" style="background-color: hsl(271.6, 77%, 81%); color: rgb(167, 116, 212);">YR</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://craftwork.design/youtube-redesign/" target="_blank">YouTube Redesign Concept</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--web" title="this plugin is for Web" for="web">
		Web
	</div>	

					</div>
				</header>
				<p>Introducing concept on YouTube redesign. In the new version of this web service, we made it more clear and minimalistic, so any user who will visit the website will easily manage to use it.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="style-guide">
			<header>
				<h3><a href="#style-guide">Style Guide</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/5330763-Valkyrie-UI-Kit-Free-Resource" class="tool__asset" target="_blank" style="background-color: hsl(61.6, 77%, 81%); color: rgb(208, 212, 116);">VU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5330763-Valkyrie-UI-Kit-Free-Resource" target="_blank">Valkyrie UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Valkyrie is another brand new UI Kit completely free to assist everyone in building their interfaces.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3366725-UIDE-Kit-Style-Guide-Template-FREEBIE" class="tool__asset" target="_blank" style="background-color: hsl(61.6, 77%, 81%); color: rgb(208, 212, 116);">US</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3366725-UIDE-Kit-Style-Guide-Template-FREEBIE" target="_blank">UIDE Style Guide UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Style guide template with ready to use UI Kit  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3907511-Brand-Identity-Guidelines-2-0" class="tool__asset" target="_blank" style="background-color: hsl(61.6, 77%, 81%); color: rgb(208, 212, 116);">BI</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3907511-Brand-Identity-Guidelines-2-0" target="_blank">Brand Identity Guidelines 2.0</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Easy-to-use and editable brand identity template  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4247719-Brand-Identity-Guidelines-2-0-Dark-Edition" class="tool__asset" target="_blank" style="background-color: hsl(61.6, 77%, 81%); color: rgb(208, 212, 116);">BI</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4247719-Brand-Identity-Guidelines-2-0-Dark-Edition" target="_blank">Brand Identity Guidelines 2.0 - Dark Edition</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Easy-to-use and editable brand identity template created in Sketch  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5779721-Eggplore-UI-StyleGuide-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(61.6, 77%, 81%); color: rgb(208, 212, 116);">EU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5779721-Eggplore-UI-StyleGuide-Freebie" target="_blank">Eggplore UI Style Guide</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Elegant and clean template from tmrw. team.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="taxi--cars">
			<header>
				<h3><a href="#taxi-&amp;-cars">Taxi &amp; Cars</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.gulp.space/" class="tool__asset" target="_blank" style="background-color: hsl(121.6, 77%, 81%); color: rgb(116, 212, 120);">TA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.gulp.space/" target="_blank">Taxi App UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>40+ Figma UI elements which covers the main flows of a taxi app. 13 car type icons.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/81233987/Green-Taxi-Free-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(121.6, 77%, 81%); color: rgb(116, 212, 120);">GT</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/81233987/Green-Taxi-Free-UI-Kit-for-Adobe-XD" target="_blank">Green Taxi Free App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design for Adobe XD, 15 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6201044-Tesla-Model-Y-Concept-Ui-Freebie-Figma" class="tool__asset" target="_blank" style="background-color: hsl(121.6, 77%, 81%); color: rgb(116, 212, 120);">TM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6201044-Tesla-Model-Y-Concept-Ui-Freebie-Figma" target="_blank">Tesla Model Y - Concept UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Check some car configuration flow concepts and feel free to download it. Minimal and clean app design, 6 screens for you to get started.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/5374414--Vehirent-sketch-freebie" class="tool__asset" target="_blank" style="background-color: hsl(121.6, 77%, 81%); color: rgb(116, 212, 120);">VU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/5374414--Vehirent-sketch-freebie" target="_blank">Vehirent UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>10 iOS interface screens. It depicts map, filtering, ride history, payments and settings.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4649600-Audi-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(121.6, 77%, 81%); color: rgb(116, 212, 120);">AF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4649600-Audi-Freebie" target="_blank">Audi Freebie</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design, 6 screens for you to get started  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="todos">
			<header>
				<h3><a href="#todos">Todos</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://dribbble.com/shots/6481270-Aking-to-do-list-app-UI-Kit-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">AT</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6481270-Aking-to-do-list-app-UI-Kit-Freebie" target="_blank">Aking To-Do List App Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Aking is a simple to-do list and an task management app which helps you complete yours. Though you are sharing a food list with your relatives, working on a project or making plan to go on holiday, Aking will help you take note easily, share and complete all the to-do list  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/6582015-Project-Management-Tool-UI-Kit-Free" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">PM</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/6582015-Project-Management-Tool-UI-Kit-Free" target="_blank">Project Management Tool UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean UI Kit design, 12 screens for you to get started. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch and Adobe XD.   </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/8552532-every-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">eU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/8552532-every-Freebie" target="_blank">every. UI Kit for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Every. is a mobile app concept representing a personal assistant that can help you through your daily office routine  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.netguru.co/planguru-ui-kit-freebies" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">PF</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.netguru.co/planguru-ui-kit-freebies" target="_blank">Planguru Free UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>18 beautiful screens designed in Sketch, ready for use in personal and professional projects  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://medium.com/sketch-app-sources/penman-speak-your-notes-e8861bb679b7" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">PA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://medium.com/sketch-app-sources/penman-speak-your-notes-e8861bb679b7" target="_blank">Penman App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Penman is an iOS notes app with the power of Speech To Text  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/do?ref=flawlessapp" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">DU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/do?ref=flawlessapp" target="_blank">DO UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Colourful kit for to-do app with over 130 screens, 10 complete themes, and 250+ components to mix. This kit has totally everything: calendar, walk-through, groups, list, timeline, settings, navigation and much more! It’s retina-ready and available for Sketch, Photoshop and Craft. Kudos to InVision team!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="travel">
			<header>
				<h3><a href="#travel">Travel</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://www.behance.net/gallery/57717777/Free-Travel-app-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">TA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/57717777/Free-Travel-app-UI-Kit" target="_blank">Travel App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Travel-inspired UI Kit with 15+ well-organized mobile screens for login, county view, place information, photos, map and much more. It’s packed with a clean design and stunning photos of your next dream destination. Available in Sketch format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4909311-Flight-App-Freebie" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">FA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4909311-Flight-App-Freebie" target="_blank">Flight App</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Another freebie from Pixelz Studio. Grab it and enjoy. We'll share Freebie every Friday, so stay tuned  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4137786-Navigo-UI-Kit" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">NU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4137786-Navigo-UI-Kit" target="_blank">Navigo UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>It is UI Kit for the transportation &amp; travel app with social profiles. I loved its colour scheme, nice travel photos and overall great looking designs. Navigo is a huge kit with 60 screens organized in 6 categories: Main App, Onboarding, Activity &amp; Profiles, Stats, Info. Navigo is optimized for iPhone X resolution and available in Adobe XD format.
Travel Guide App UI Kit  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3524788-Harmony-UI-Kit-Summary" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">HU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3524788-Harmony-UI-Kit-Summary" target="_blank">Harmony UI Kit for Sketch</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Location-oriented mobile app concept to find, share and rate hiking places around you  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.uplabs.com/posts/ui-ux-for-travel-guide-app-kit" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">TG</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.uplabs.com/posts/ui-ux-for-travel-guide-app-kit" target="_blank">Travel Guide App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>The app concept has been designed for the iPhone X to showcase a better use of Location Filter and Travel cards. It’s not typical UI Kit but rather a real app concept, which is available for personal use. It has more than 10 brightly-design screens and animations, all prepared for .sketch format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3624797-Travelisto-UI-Kit-For-Sketch" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">TU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3624797-Travelisto-UI-Kit-For-Sketch" target="_blank">Travelisto UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Travelisto is representing an imaginary travel app with over 22 iOS screens designed in vector format. Available in White and Dark versions for Sketch App.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.sketchappsources.com/free-source/2657-harmony-ui-kit-sketch-freebie-resource.html" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">HU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.sketchappsources.com/free-source/2657-harmony-ui-kit-sketch-freebie-resource.html" target="_blank">Harmony UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Location-oriented mobile app concept to find, share and rate hiking places around you. Harmony includes over 10 iOS ready core screens designed in vector format and based on symbols. While it’s not so big, it’s made using a pretty cool colour scheme. So worth checking out.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://ui8.net/products/travel-app" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">TA</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://ui8.net/products/travel-app" target="_blank">Travel App for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Crafted carefully with all possible features related to travel information services. It contains totally 28 screens. Each screen is fully customizable, easy to use and carefully layered and organized in Adobe XD.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://store.thefarhan.com/downloads/free-travel-app-ui-kit/" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">F-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://store.thefarhan.com/downloads/free-travel-app-ui-kit/" target="_blank">FlyMe - Free Travel App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design by Farhan. Make traveling fun with new friends and design beautiful with this UI Kit.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.invisionapp.com/inside-design/design-resources/free-mobile-ui-kit-atlas/" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">A-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.invisionapp.com/inside-design/design-resources/free-mobile-ui-kit-atlas/" target="_blank">Atlas - Free Mobile UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	
 
	<div class="label label--desktop" title="this plugin is for Desktop" for="desktop">
		Desktop
	</div>	

					</div>
				</header>
				<p>Atlas is a free travel app UI kit from InVision. Layouts sized for mobile, desktop, and tablet and available in Sketch and PSD formats.    </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://www.behance.net/gallery/57717777/Free-Travel-App-UIUX-Kit" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">FT</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://www.behance.net/gallery/57717777/Free-Travel-App-UIUX-Kit" target="_blank">Free Travel App Ui Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>15+ carefully designed mobile screens, done by 7ninjas. All screens and components are nicely organized. So it will be easy to start working with it.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/3296162-Free-Real-Estate-App-Ui-Kit-Sketch" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">RE</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/3296162-Free-Real-Estate-App-Ui-Kit-Sketch" target="_blank">Real Estate App UI Kit</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Very clean UI Kit with 25 artboards organized in 8 pages and categories: Onboarding, Sign In, Permissions, Home, Discovery, and Posts. Available in Sketch format.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/7266365-Hotelify-Free-iOS-mobile-kit-for-Figma" class="tool__asset" target="_blank" style="background-color: hsl(181.6, 77%, 81%); color: rgb(116, 208, 212);">H-</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/7266365-Hotelify-Free-iOS-mobile-kit-for-Figma" target="_blank">Hotelify - Hotel Booking App for Figma</a>
					</p><div class="label-wrapper">
						
	<div class="label label--figma" title="this plugin is for Figma" for="figma">
		Figma
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Minimal and clean app design, 14 screens for you to get started with your next booking app.  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="watch">
			<header>
				<h3><a href="#watch">Watch</a></h3>
				

			</header>
			<ul>
				
<li class="tool">
			<a href="https://janlosert.com/store/watch-ui-kit.html" class="tool__asset" target="_blank" style="background-color: hsl(241.6, 77%, 81%); color: rgb(120, 116, 212);">AW</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://janlosert.com/store/watch-ui-kit.html" target="_blank">Apple Watch UI Kit 2.0</a>
					</p><div class="label-wrapper">
						
	<div class="label label--sketch" title="this plugin is for Sketch" for="sketch">
		Sketch
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Pack of 10+ App Concepts for Apple Watch with over 5500 Downloads! All screens ready for both 38 &amp; 42mm Apple Watch resolutions. The full package comes with a Apple Watch icon guide as well. Compatible with Sketch 41, Photoshop CC 2015 and later  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
<li class="tool">
			<a href="https://dribbble.com/shots/4137938-Smartwatch-UI-Kit-for-Adobe-XD" class="tool__asset" target="_blank" style="background-color: hsl(241.6, 77%, 81%); color: rgb(120, 116, 212);">SU</a>
			<div class="tool__description">
				<header class="tool__description__header">
					
<p><a href="https://dribbble.com/shots/4137938-Smartwatch-UI-Kit-for-Adobe-XD" target="_blank">Smartwatch UI Kit for Adobe XD</a>
					</p><div class="label-wrapper">
						
	<div class="label label--xd" title="this plugin is for Adobe XD" for="xd">
		Adobe XD
	</div>	
 
	<div class="label label--mobile" title="this plugin is for Mobile" for="mobile">
		Mobile
	</div>	

					</div>
				</header>
				<p>Completely free and fully customizable Smartwatch UI Kit for Adobe XD. Enjoy!  </p>
<p></p>
				<div class="tag-wrapper">
					
				</div>
			</div>
		</li>
</ul>

			
		</article>
<article id="addendum">
			<header>
				<h3><a href="#addendum-(reference-&amp;-inspiration)">Addendum (Reference &amp; Inspiration)</a></h3>
				
<p>Awesome Design UI Kits are curated by <a href="https://twitter.com/LisaDziuba">Lisa Dziuba</a>, <a href="https://twitter.com/ValiaHavryliuk">Valia Havruliyk</a> &amp; <a href="https://twitter.com/berezovskycom">Vladimir Berezovsky</a> from Flawless team. If you found some great design UI Kit, please <a href="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md">suggest it</a>. And thanks for making this project awesome :)</p>

			</header>
			
		<a href="https://github.com/LisaDziuba/Awesome-Design-Tools" class="btn btn-contribute image-gh">Contribute on GitHub</a></article>
</main>
<script>const chooseMd = document.location.href
  .split('/')
  .pop()
  .includes('plugin')
  ? 'Plugins'
  : 'Tools';

function toggleMenuChange() {
  document.querySelector('.nav').classList.toggle('nav--visible');
  document
    .querySelector('.hamburger-menu')
    .classList.toggle('hamburger-menu--change');
}

document.querySelector('.hamburger-menu').onclick = function() {
  toggleMenuChange();
};

document.querySelectorAll('.nav a').forEach(link => {
  if (window.innerWidth < 959) {
    link.onclick = function() {
      toggleMenuChange();
    };
  }
});

class Nav {
  constructor(navElements, activeClass) {
    this.navElements = document.querySelectorAll(navElements);
    this.activeClass = activeClass;
  }

  scroll() {
    const { navElements, activeClass } = this;
    navElements.forEach(navLink => {
      const sectionId = navLink.getAttribute('href');
      document.addEventListener('scroll', () => {
        const sectionDom = document.querySelector(sectionId),
          sectionRect = sectionDom.getBoundingClientRect(),
          { top, bottom, height } = sectionRect;

        if ((bottom > 96 && top + height >= 96 && top < 96) || top == 96) {
          navLink.classList.add(activeClass);
        } else {
          navLink.classList.remove(activeClass);
        }
      });
    });
  }
}

const bookmark = new Nav('.nav a', 'active');
bookmark.scroll();

const automaticScroll = () => {
  const nav = document.querySelector('.nav ul');
  document.addEventListener('scroll', () => {
    const bodyHeight = document.body.offsetHeight;
    const bodyScrollTop = document.body.scrollTop;
    const navHeight = nav.getBoundingClientRect().height;
    const quarterOfNavHeight = navHeight / 4;

    const res = (bodyScrollTop / bodyHeight) * 100;
    if (res > 20 && res < 40) {
      nav.scrollTop = quarterOfNavHeight;
    } else if (res > 40 && res < 55) {
      nav.scrollTop = navHeight * 0.8;
    } else if (res > 55 && res < 70) {
      nav.scrollTop = navHeight * 1.35;
    } else if (res > 70 && res < 85) {
      nav.scrollTop = navHeight * 1.5;
    } else if (res > 85 && res < 100) {
      nav.scrollTop = navHeight * 2;
    } else {
      nav.scrollTop = 0;
    }
  });
};
automaticScroll();

// search input
String.prototype.capitalize = function() {
  return this.charAt(0).toUpperCase() + this.slice(1);
};

document
  .querySelector('.js-search-input')
  .addEventListener('input', function(e) {
    document.removeEventListener('scroll', automaticScroll, true);
    ('use strict');

    const inputContent = e.target.value;
    const paragraphs = document.querySelectorAll('main .tool');
    const banner = document.querySelectorAll('.banner');
    const promoBanner = document.querySelectorAll('.promo-banner');
    const articleHeaders = document.querySelectorAll('main article > header');
    // const addendum = document.querySelector('#addendum');
    const welcome = document.querySelector('.welcome');
    const promotionBanner = document.querySelectorAll(
      '.promotion-banner-wrapper'
    );
    const elementsToHide = [
      ...banner,
      ...promoBanner,
      ...articleHeaders,
      welcome,
      ...promotionBanner
    ];

    if (inputContent.length > 0) {
      elementsToHide.forEach(banner => banner.classList.add('-hidden'));
    } else if (inputContent.length === 0) {
      elementsToHide.forEach(banner => banner.classList.remove('-hidden'));
    }

    function handle(text) {
      const bool =
        inputContent || inputContent.capitalize() || inputContent.toUpperCase();
      if (text.innerHTML.search(bool) >= 0) {
        text.classList.remove('-hidden');
      } else {
        text.classList.add('-hidden');
      }
    }

    paragraphs.forEach(text => handle(text));
  });

// add event for nav button when clicking on it while searching

document.querySelectorAll('.nav a').forEach(button =>
  button.addEventListener('click', e => {
    e.preventDefault();
    if (window.innerWidth)
      // make an empty input
      document.querySelector('.js-search-input').value = '';

    // scroll a bit less due to nav fixed positioning
    window.scrollTo(
      0,
      document.querySelector(e.target.getAttribute('href')).offsetTop - 90
    );
  })
);

// handle modal window for filtering by application
if (document.querySelector('.js-open-modal-filter')) {
  document
    .querySelector('.js-open-modal-filter')
    .addEventListener('click', e => {
      e.target.classList.toggle('-active');
      document.querySelector('.sort-tool-modal').classList.toggle('-hidden');
    });
}

// filter by application logic
function sortByApplication(event) {
  // toggle styles for button that was handled;
  const { target } = event;
  target.classList.toggle('-active');

  const targetAttr = target.getAttribute('app');
  const allLabels = document.querySelectorAll(`.label[for="${targetAttr}"]`);
  const buttons = [
    ...document.querySelectorAll('.sort-tool-modal__btn-choose')
  ];

  const sortedButtons = buttons.filter(button =>
    button.classList.contains('-active')
  );
  const activeApps = sortedButtons.map(button => button.getAttribute('app'));

  ga(
    'send',
    'event',
    `Awesome design ${chooseMd} - Filter (State of Platforms)`,
    'Click',
    activeApps.join('-')
  );
  ga(
    'send',
    'event',
    `Awesome design ${chooseMd} - Filter (Clicked Platform Name)`,
    'Click',
    targetAttr
  );

  allLabels.forEach(label => {
    const toolContainer =
      label.parentElement.parentElement.parentElement.parentElement;
    const list = toolContainer.parentElement;
    const sectionContainer = list.parentElement;
    const attr = label.getAttribute('for');
    if (activeApps.includes(attr)) {
      toolContainer.classList.remove('-hidden');
    } else {
      toolContainer.classList.add('-hidden');
    }

    const arr = [...list.children].filter(
      tool => !tool.classList.contains('-hidden')
    );
    if (arr.length === 0) {
      sectionContainer.classList.add('-hidden');
    } else {
      sectionContainer.classList.remove('-hidden');
    }
  });
}

document
  .querySelectorAll('.sort-tool-modal__btn-choose')
  .forEach(button => button.addEventListener('click', sortByApplication));

document.querySelectorAll('.tool').forEach(tool => {
  tool.addEventListener(
    'click',
    e => {
      e.stopPropagation();
      const target = e.currentTarget;
      const title = target.children[1].children[0].children[0].textContent;
      const categoryName = target.parentElement.parentElement.id;
      const platforms = [
        ...target.children[1].children[0].children[1].children
      ].map(a => a.getAttribute('for'));

      ga(
        'send',
        'event',
        `Awesome design ${chooseMd} - Plugin (Title)`,
        'Click',
        title
      );
      ga(
        'send',
        'event',
        `Awesome design ${chooseMd} - Plugin (CategoryName)`,
        'Click',
        categoryName
      );
      ga(
        'send',
        'event',
        `Awesome design ${chooseMd} - Plugin (Platform)`,
        'Click',
        platforms.join('-')
      );
    },
    true
  );
});

document.querySelectorAll('.nav ul li a').forEach(a => {
  a.addEventListener(
    'click',
    e => {
      const { target } = e;
      const title = target.innerText;

      ga(
        'send',
        'event',
        ` Awesome design ${chooseMd} - Category (Title)`,
        'Click',
        title
      );
    },
    true
  );
});

if (window.innerWidth >= 960) {
  const active = document.querySelector('.header-top__nav-item.-active');
  document.querySelectorAll('.header-top__nav-item').forEach(a => {
    a.onmouseover = e => {
      if (!e.target.classList.contains('-active')) {
        active.classList.remove('-open');
      } else {
        e.target.classList.add('-open');
      }
    };

    a.onmouseout = e => {
      if (!active.classList.contains('-open')) {
        active.classList.add('-open');
      }
    };
  });
}

const showBannerTop = () => {
  const sEl = el => document.querySelector(el);

  setTimeout(() => {
    sEl('.header-top').classList.remove('header-top--hide-banner');
  }, 0);
  // if (window.innerWidth < 768) {
  //   sEl('.nav-container').removeClass('nav-container--hide-banner')
  // }

  sEl('.banner__close').onclick = () => {
    sEl('.header-top').classList.add('header-top--hide-banner');
  };
};
showBannerTop();
</script></body></html>