{"id":5223,"date":"2014-06-27T22:00:27","date_gmt":"2014-06-27T22:00:27","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=5223"},"modified":"2026-03-03T16:17:53","modified_gmt":"2026-03-04T00:17:53","slug":"useful-sources-design-patterns-wireframes-guides","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/","title":{"rendered":"Useful Sources for Design Patterns and Wireframes Guides"},"content":{"rendered":"<p>We recently explored the top web and mobile wireframe examples and pattern sources and came up with and extensive list that we think will be valuable any designer expanding the workshop. We&#8217;ve put it all together into a guide. This is an abstract from the original chapter by Chris Bank in <a title=\"The Guide to Wireframing - For Designers, PMs, Engineers and Anyone Who Touches Product\" href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-wireframing\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Guide to Wireframing<\/a>.<\/p>\n<p><!--more--><\/p>\n<p>There are main two categories:<\/p>\n<ul>\n<li>1 Importable Libraries<\/li>\n<li>2 Standalone Libraries<\/li>\n<\/ul>\n<p><strong>Importable libraries<\/strong> are templates, design patterns, and wireframe examples that could be imported to wireframing and prototyping tools. For example UX Porn by UXPin is a library that includes 150+ UI design patterns, and could be imported directly for use in UXPin. Mockups To Go is a library focuses on wireframe examples, build for Balsamiq mockup tool.<\/p>\n<p><strong>Standalone libraries<\/strong>, on the other hand, are just references of wireframe examples and UI patterns, like:<\/p>\n<ul>\n<li><a title=\"I Heart Wireframes\" href=\"https:\/\/www.flickr.com\/photos\/mockupbuilder\/12987396945\" target=\"_blank\" rel=\"noopener noreferrer\">I \u2665 Wireframes<\/a><\/li>\n<li>Wireframe Showcase<\/li>\n<li><a title=\"Web Withtout Words\" href=\"https:\/\/webwithoutwords.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Without Words<\/a><\/li>\n<li><a title=\"Wireframes Magazine\" href=\"https:\/\/wireframes.linowski.ca\/tag\/wireframe\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wireframes Magazine<\/a><\/li>\n<\/ul>\n<p>Some of them are built with a focus, for example, <a title=\"Patterntap \" href=\"https:\/\/patterntap.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patterntap By Zurb<\/a> is a collection of specific designs and patterns of user interaction. <a title=\"UX Archive \" href=\"https:\/\/uxarchive.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Archive<\/a> has a focus on flows, but no wireframes. More sites also provide countless searchable UI design patterns and wireframe examples, but not a focused library: Behance, Dribbble, Forrst By Zurb, Google Image Search, and Pinterest.<\/p>\n<p>There are also sources which focus on Web only like <a title=\"UI-Patterns\" href=\"https:\/\/ui-patterns.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UI Patterns<\/a>. If you&#8217;re more interested in mobile-only libraries go for <a title=\"Pttrns\" href=\"https:\/\/www.pttrns.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pttrns<\/a>, <a title=\"Mobile Patterns\" href=\"https:\/\/www.mobile-patterns.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mobile Patterns <\/a>or <a title=\"Inspired UI\" href=\"https:\/\/inspired-ui.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inspired UI<\/a>.<\/p>\n<p>Check out our <a title=\"The Guide to Wireframing - For Designers, PMs, Engineers and Anyone Who Touches Product\" href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-wireframing\/\" target=\"_blank\" rel=\"noopener noreferrer\">free Guide to Wireframing<\/a> for more information about useful wireframing sources out there.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-wireframing\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5224\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/06\/guide-to-wireframing-blog.jpg\" alt=\"Get your free copy of The Guide to Wireframing\" width=\"600\" height=\"253\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Design Patterns and Wireframes Guides you will need in your wireframing workshop<\/p>\n","protected":false},"author":5,"featured_media":5228,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11,6],"tags":[],"class_list":["post-5223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-tutorials","category-ux-design"],"yoast_title":"","yoast_metadesc":"Design Patterns and Wireframes Guides you will need in your wireframing workshop","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Useful Sources for Design Patterns and Wireframes Guides | UXPin<\/title>\n<meta name=\"description\" content=\"Design Patterns and Wireframes Guides you will need in your wireframing workshop\" \/>\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.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Useful Sources for Design Patterns and Wireframes Guides\" \/>\n<meta property=\"og:description\" content=\"Design Patterns and Wireframes Guides you will need in your wireframing workshop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-27T22:00:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-04T00:17:53+00:00\" \/>\n<meta name=\"author\" content=\"Mateusz Makosiewicz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@m_makosiewicz\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mateusz Makosiewicz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/\"},\"author\":{\"name\":\"Mateusz Makosiewicz\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/70d243f99f52b1ff159df6930ac8ef79\"},\"headline\":\"Useful Sources for Design Patterns and Wireframes Guides\",\"datePublished\":\"2014-06-27T22:00:27+00:00\",\"dateModified\":\"2026-03-04T00:17:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/\"},\"wordCount\":259,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Blog\",\"Tutorials\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/\",\"name\":\"Useful Sources for Design Patterns and Wireframes Guides | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2014-06-27T22:00:27+00:00\",\"dateModified\":\"2026-03-04T00:17:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/70d243f99f52b1ff159df6930ac8ef79\"},\"description\":\"Design Patterns and Wireframes Guides you will need in your wireframing workshop\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/useful-sources-design-patterns-wireframes-guides\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Useful Sources for Design Patterns and Wireframes Guides\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/70d243f99f52b1ff159df6930ac8ef79\",\"name\":\"Mateusz Makosiewicz\",\"description\":\"CMO and Lead Growth Hacker @ UXPin. After graduating from Philosophy and Advertising &amp; Media Marketing managed marketing projects from IT, FMCG to Energy industry. After hours loves tinkering with his 3D printer, playing guitar, reading and blogging. Follow me on Twitter\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\",\"https:\\\/\\\/x.com\\\/m_makosiewicz\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/mmakosiewicz\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Useful Sources for Design Patterns and Wireframes Guides | UXPin","description":"Design Patterns and Wireframes Guides you will need in your wireframing workshop","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.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/","og_locale":"en_US","og_type":"article","og_title":"Useful Sources for Design Patterns and Wireframes Guides","og_description":"Design Patterns and Wireframes Guides you will need in your wireframing workshop","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/","og_site_name":"Studio by UXPin","article_published_time":"2014-06-27T22:00:27+00:00","article_modified_time":"2026-03-04T00:17:53+00:00","author":"Mateusz Makosiewicz","twitter_card":"summary_large_image","twitter_creator":"@m_makosiewicz","twitter_misc":{"Written by":"Mateusz Makosiewicz","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/"},"author":{"name":"Mateusz Makosiewicz","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/70d243f99f52b1ff159df6930ac8ef79"},"headline":"Useful Sources for Design Patterns and Wireframes Guides","datePublished":"2014-06-27T22:00:27+00:00","dateModified":"2026-03-04T00:17:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/"},"wordCount":259,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#primaryimage"},"thumbnailUrl":"","articleSection":["Blog","Tutorials","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/","name":"Useful Sources for Design Patterns and Wireframes Guides | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#primaryimage"},"thumbnailUrl":"","datePublished":"2014-06-27T22:00:27+00:00","dateModified":"2026-03-04T00:17:53+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/70d243f99f52b1ff159df6930ac8ef79"},"description":"Design Patterns and Wireframes Guides you will need in your wireframing workshop","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/useful-sources-design-patterns-wireframes-guides\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Useful Sources for Design Patterns and Wireframes Guides"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/70d243f99f52b1ff159df6930ac8ef79","name":"Mateusz Makosiewicz","description":"CMO and Lead Growth Hacker @ UXPin. After graduating from Philosophy and Advertising &amp; Media Marketing managed marketing projects from IT, FMCG to Energy industry. After hours loves tinkering with his 3D printer, playing guitar, reading and blogging. Follow me on Twitter","sameAs":["http:\/\/uxpin.com","https:\/\/x.com\/m_makosiewicz"],"url":"https:\/\/www.uxpin.com\/studio\/author\/mmakosiewicz\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=5223"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5223\/revisions"}],"predecessor-version":[{"id":58395,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5223\/revisions\/58395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=5223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=5223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=5223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}