{"id":27396,"date":"2016-07-27T23:01:34","date_gmt":"2016-07-27T15:01:34","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=27396"},"modified":"2022-07-13T19:42:18","modified_gmt":"2022-07-13T11:42:18","slug":"sketch-gui-kits-web-design","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/","title":{"rendered":"Free Sketch GUI Kits For Web &#038; Mobile Design &#8211; Best of"},"content":{"rendered":"<p>Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of <a target=\"_blank\" href=\"https:\/\/www.sketchapp.com\/\" rel=\"noopener noreferrer\">Sketch<\/a>. This digital design program for OS X provides <strong>better tools for UI design, icon design<\/strong>, and offers pixel+vector support in one program. This has lead to a surge in popularity for <strong>freebies released by Sketch designers<\/strong>.<\/p>\n<p>Anyone familiar with the freebie marketplace knows that <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/apple-watch-gui-templates\/\" rel=\"noopener noreferrer\">UI kits<\/a> are some of the most popular resources for <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/mobile-app-ui\/\" rel=\"noopener noreferrer\">interface design work<\/a>. I\u2019ve compiled this selection of free Sketch UI kits for websites and mobile apps. Every kit is free to download and should work with any version of Sketch. Feel free to grab anything that catches your eye and see if you can put these interface kits to good use.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/free-handpicked-ui-kits\/\" class=\"ref-block__link\" title=\"Read More: Free UI Kits For Designers, Vol. 1\" rel=\"bookmark\"><span class=\"screen-reader-text\">Free UI Kits For Designers, Vol. 1<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-handpicked-ui-kits.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-21771 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-handpicked-ui-kits.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Free UI Kits For Designers, Vol. 1<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tLooking for more UI kits to expand your web designer's library of awesomeness? Well, you came to the...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Web UI Kits<\/h2>\n<p>Websites are still the lifeblood of UI design, and mockups are often a requirement before coding. These UI kits will give you the resources you need to create digital interfaces of beauty and purpose that can be quickly coded into real website layouts.<\/p>\n<h3><a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1556652-Dark-UI-Kit-Sketch\" rel=\"noopener noreferrer\">Dark UI Kit<\/a><\/h3>\n<p>This purely dark grey\/blue UI kit was made specifically for <strong>Sketch 3+ <\/strong>and includes common elements like <strong>buttons, sliders, dropdowns and switches. <\/strong>Each element also features an <strong>on\/off state <\/strong>so you can build interface elements with customized interactive states.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1556652-Dark-UI-Kit-Sketch\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg\" alt=\"dark ui kit sketch freebie\" width=\"700\" height=\"496\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/751-dark-light-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Dark & Light UI Kit<\/a><\/h3>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/751-dark-light-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/02-dark-light-sketch-uikits.jpg\" alt=\"dark and light ui kits\" width=\"700\" height=\"525\"><\/a><\/figure>\n<p>Here\u2019s a unique kit that suits a wider audience with a dark and light background style. This kit focuses more on <strong>page widgets<\/strong> rather than simple elements, so you\u2019ll find many more obscure items like <strong>loading bars and media players<\/strong>.<\/p>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2029-summer-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Summer UI Kit<\/a><\/h3>\n<p>This summer UI kit is full of <strong>buttons, forms, dropdowns<\/strong>, and other very common page elements for enhancing digital mockups.  Plus it\u2019s a fully layered Sketch document so you\u2019ll have no trouble making alterations to content as needed.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2029-summer-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/03-summer-ui-kit-mockup.jpg\" alt=\"summer ui kit sketch\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1776-pearl-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Pearl UI Kit<\/a><\/h3>\n<p>The Pearl UI kit follows a very simple flat design with basic page elements. <strong>Buttons, input fields, accordions, and tabs<\/strong> are just a few of the options at your disposal. If you\u2019re brand new to sketch then this kit might be useful to help you deconstruct how to design your own kit.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1776-pearl-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/04-pearl-ui-kit-sketch.jpg\" alt=\"pearl ui kit freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1920-landing-page-layouts-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Landing Page Layouts<\/a><\/h3>\n<p>This rather obscure freebie works best during the <strong>wireframing stage<\/strong>. These layouts are not fully rendered in Sketch, instead offering low-fidelity layouts with static block elements. The colors, shapes, and positioning of these layouts should <strong>help every UI designer to better understand the wireframing process<\/strong>.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1920-landing-page-layouts-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/05-page-layout-sketch-freebie-wireframes.jpg\" alt=\"wireframe landing page sketch\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1750-web-app-ui-set-sketch-freebie-resources.html\" rel=\"noopener noreferrer\">Web App UI Set<\/a><\/h3>\n<p>A very simple UI kit based around the <strong>theme of Tesla<\/strong> motor vehicles, this freebie is much more detailed than the rest. You do have access to <strong>simple buttons<\/strong> but also have more complex interface items like a <strong>detailed table list and a calendar widget<\/strong>.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1750-web-app-ui-set-sketch-freebie-resources.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/06-tesla-ui-kit-sketch-freebie.jpg\" alt=\"tesla web app sketch ui\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1581-flexible-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Flexible UI Kit<\/a><\/h3>\n<p>This is undoubtedly one of the most extensive UI kits you will ever find for Sketch. The <a target=\"_blank\" href=\"https:\/\/getlaps.com\/uikit.html\" rel=\"noopener noreferrer\">live demo page<\/a> counts <strong>25+ different types of elements<\/strong> from <strong>image sliders to checkout forms and user comments<\/strong>. Definitely one of the coolest and most useful Sketch freebie kits you\u2019ll find on the web.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1581-flexible-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/07-flexible-ui-kit-freebie.jpg\" alt=\"flexible ui kit freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1448-bootsketch-ui-framework-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Bootsketch UI<\/a><\/h3>\n<p>UI designers are often left out of the loop when it comes to frontend frameworks which is why this freebie is a treat. This <a target=\"_blank\" href=\"https:\/\/github.com\/damianwalsh\/bootsketch\" rel=\"noopener noreferrer\">Bootsketch kit<\/a> has vector elements for every Bootstrap element in existence. This makes it super easy to create Bootstrap-themed mockups in Sketch without even touching the browser.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1448-bootsketch-ui-framework-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/08-bootsketch-bootstrap-sketch-uikit.jpg\" alt=\"bootsketch bootstrap sketch ui kit\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1422-tiny-flat-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Tiny Flat UI Kit<\/a><\/h3>\n<p>This neat UI kit moves away from flat design to <strong>embrace the aesthetic of gradients and depth<\/strong> in page elements. It\u2019s a fun kit to use in any project and demonstrates that anything you can do in Photoshop is equally possible in Sketch.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1422-tiny-flat-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/09-tiny-flat-ui-kit.jpg\" alt=\"tiny flat uikit freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3>More<\/h3>\n<p>If you\u2019re looking for more alternatives take a peek at this small list of web UI kits below.<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/163-marble-ui-it.html\" rel=\"noopener noreferrer\">Marble UI Kit<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1579-ui-kit-elements-components-library-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Elements Library UI Kit<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2-layout-ui-kit-template.html\" rel=\"noopener noreferrer\">Fresh UI Kit<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1688-dink-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Dink UI Kit(Sample)<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1261-ui-kit-web-mobile-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">UI Kit for Web and Mobile<\/a><\/li>\n<\/ul>\n<h2>Mobile UI Kits<\/h2>\n<p>The love for native mobile apps has continued to increase as more people move into the mobile economy. Although <a target=\"_blank\" href=\"https:\/\/venturebeat.com\/2016\/05\/02\/cost-of-acquiring-mobile-users-was-down-in-march-as-people-download-fewer-apps\/\" rel=\"noopener noreferrer\">app downloads are dropping<\/a> there\u2019s still a need for quality interfaces for native apps to supplement desktop apps. These free Sketch UI kits will help you design quality mobile apps for all devices while keeping up with differences between resolutions and retina screens.<\/p>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1889-ios-9-iphone-gui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">iOS 9.3 UI Kit<\/a><\/h3>\n<p>Apple\u2019s continuing push towards greater innovation pumps out a new mobile OS almost every year. The current trend is <strong>iOS<\/strong> 9 and this UI kit features everything you\u2019ll need for native iOS applications.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1889-ios-9-iphone-gui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/10-ios-9-sketch-freebie-uikit.jpg\" alt=\"ios9 ui kit freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1417422-Salesforce1-Mobile-Sketch-Wireframe-Kit\" rel=\"noopener noreferrer\">Salesforce1 Wireframe Kit<\/a><\/h3>\n<p>Salesforce1 is a popular dashboard app for client & customer management. This Salesforce1 UI kit offers all the common elements of their iPhone app for tinkering and reusing their design aesthetic.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1417422-Salesforce1-Mobile-Sketch-Wireframe-Kit\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/11-salesforce1-mobile-ui-sketch.jpg\" alt=\"salesforce1 ui kit for sketch\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2024-mobile-ux-wireframe-template-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Mobile UX Template<\/a><\/h3>\n<p>Are you currently prototyping a mobile UX for an iPhone or Android application? Then this Sketch freebie will surely help you complete that wireframe with ease. It\u2019s a free way to <strong>kickstart your wireframing\/prototyping phase<\/strong> on a digital screen.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2024-mobile-ux-wireframe-template-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/12-mobile-ux-template.jpg\" alt=\"mobile ux sketch freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1837-social-ios-app-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Social App iOS UI Kit<\/a><\/h3>\n<p>From Snapchat to Pinterest, dozens of social networks have ballooned in popularity over the past few years. This social UI kit could help <strong>launch the next major social app<\/strong> and <strong>scale quickly<\/strong> to a wide audience of iPhone users.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1837-social-ios-app-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/13-social-app-ios-ui-kit-sketch.jpg\" alt=\"social ios app ui kit\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1823-moon-wireframe-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Moon Wireframe Kit<\/a><\/h3>\n<p>This Moon wireframing kit is a great mixture of <strong>rendered interfaces with a slant towards wireframing<\/strong>. The kit includes 50 unique mobile app screens that can be adjusted & rearranged for any project. You can use the Moon UI kit for basic wireframing, or for complete UI mockups.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1823-moon-wireframe-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/14-moon-wireframe-kit-ui.jpg\" alt=\"moon wireframe kit sketch freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1607-travel-app-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Travel App UI Kit<\/a><\/h3>\n<p>Here\u2019s a dark yet beautiful UI kit based on a <strong>travel app<\/strong> for Sketch 3+ users. It is made for anyone who wants to toy around with a air flight or <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/creative-travel-app-designs\/\" rel=\"noopener noreferrer\">travel mobile app<\/a> concept.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/1607-travel-app-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/15-travel-app-ui-kit-freebie-iphone.jpg\" alt=\"travel app ui sketch freebie\" width=\"700\" height=\"525\"><\/a><\/figure>\n<h3><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2023-instagram-based-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\">Instagram UI Kit<\/a><\/h3>\n<p>Photo sharing mobile apps are saturating the market and some apps even include photo sharing features supplementary to the app\u2019s main purpose. So it\u2019s great to have this free Instagram UI kit available for Sketch designers to replicate photo functionality in their own designs. It is a basic iOS photo app UI concept pack.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/2023-instagram-based-ui-kit-sketch-freebie-resource.html\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/16-instagram-ui-kit-freebie-sketch.jpg\" alt=\"instagram ios ui kit for sketch\" width=\"700\" height=\"470\"><\/a><\/figure>\n<h3>More<\/h3>\n<p>There are far too many GUI kits to write about in this post, but I can\u2019t leave any good ones behind either. So if you need even more mobile Sketch UI resources take a peek at these alternatives.<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/visualhierarchy.co\/shop\/product\/routes-ui-kit-freebie\/\" rel=\"noopener noreferrer nofollow\">Routes UI Kit<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.sketchappsources.com\/free-source\/181-ios-7-ui-kit-light.html\" rel=\"noopener noreferrer\">iOS 7 UI Kit Light<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1990621-Uber-iOS-Wireframe-Kit-Freebie\" rel=\"noopener noreferrer\">Uber iOS Wireframe Kit<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1975458-Photo-Splash-Full-iOS-UI-Kit-for-Sketch\" rel=\"noopener noreferrer\">Photo Splash iOS UI Kit<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/freebiesbug.com\/psd-freebies\/phoenix-ui-kit-vol-1\/\" rel=\"noopener noreferrer\">Phoenix UI kit \u2013 Vol 1<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better tools for UI design, icon design, and offers pixel+vector support in one program. This has lead to a surge in popularity for freebies released by Sketch designers. Anyone familiar with the&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[3064,3869,4646,1214,510],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Free Sketch GUI Kits For Web &amp; Mobile Design - Best of - Hongkiat<\/title>\n<meta name=\"description\" content=\"Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free Sketch GUI Kits For Web &amp; Mobile Design - Best of\" \/>\n<meta property=\"og:description\" content=\"Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-27T15:01:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-13T11:42:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Free Sketch GUI Kits For Web &#038; Mobile Design &#8211; Best of\",\"datePublished\":\"2016-07-27T15:01:34+00:00\",\"dateModified\":\"2022-07-13T11:42:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/\"},\"wordCount\":1100,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-gui-kits-web-design\\\/01-dark-ui-sketch-kit.jpg\",\"keywords\":[\"Design Tools\",\"GUI Kits\",\"Mobile Website Design &amp; Dev\",\"sketch\",\"Web Designers\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/\",\"name\":\"Free Sketch GUI Kits For Web & Mobile Design - Best of - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-gui-kits-web-design\\\/01-dark-ui-sketch-kit.jpg\",\"datePublished\":\"2016-07-27T15:01:34+00:00\",\"dateModified\":\"2022-07-13T11:42:18+00:00\",\"description\":\"Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-gui-kits-web-design\\\/01-dark-ui-sketch-kit.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-gui-kits-web-design\\\/01-dark-ui-sketch-kit.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-gui-kits-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free Sketch GUI Kits For Web &#038; Mobile Design &#8211; Best of\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Free Sketch GUI Kits For Web & Mobile Design - Best of - Hongkiat","description":"Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Free Sketch GUI Kits For Web & Mobile Design - Best of","og_description":"Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better","og_url":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-07-27T15:01:34+00:00","article_modified_time":"2022-07-13T11:42:18+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Free Sketch GUI Kits For Web &#038; Mobile Design &#8211; Best of","datePublished":"2016-07-27T15:01:34+00:00","dateModified":"2022-07-13T11:42:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/"},"wordCount":1100,"commentCount":8,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg","keywords":["Design Tools","GUI Kits","Mobile Website Design &amp; Dev","sketch","Web Designers"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/","url":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/","name":"Free Sketch GUI Kits For Web & Mobile Design - Best of - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg","datePublished":"2016-07-27T15:01:34+00:00","dateModified":"2022-07-13T11:42:18+00:00","description":"Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design program for OS X provides better","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/sketch-gui-kits-web-design\/01-dark-ui-sketch-kit.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Free Sketch GUI Kits For Web &#038; Mobile Design &#8211; Best of"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-77S","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/27396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=27396"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/27396\/revisions"}],"predecessor-version":[{"id":52471,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/27396\/revisions\/52471"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=27396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=27396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=27396"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=27396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}