{"id":1625,"date":"2021-06-08T19:00:11","date_gmt":"2021-06-09T00:00:11","guid":{"rendered":"https:\/\/giovanirodriguez.dev\/?post_type=resources&#038;p=1625"},"modified":"2022-06-09T16:07:04","modified_gmt":"2022-06-09T21:07:04","slug":"free-sketch-bootstrap-5-ui-kit-3","status":"publish","type":"resources","link":"https:\/\/giovanirodriguez.dev\/resources\/free-sketch-bootstrap-5-ui-kit-3\/","title":{"rendered":"Free Sketch Bootstrap 5 UI Kit"},"content":{"rendered":"\n<p><strong>Sketch Bootstrap UI Kit<\/strong> is a collection of 300+ Bootstrap 5 components built with Atomic Design System and Smart layouts. You can easily start your next Sketch project by dragging and dropping pre-made components from the Asset panel. Keep reading to learn more:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">For whom is it?<\/h3>\n\n\n\n<p>For designers, developers, and any Sketch user who needs the components for their projects. Find from typography to elements and tables for your resources. Some of the available options this collection offers:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15.png\" alt=\"Different components from Sketch Bootstrap 5 UI Kit\" class=\"wp-image-2473 lazyload\" width=\"838\" height=\"366\" data-srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15.png 682w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15-300x131.png 300w\" data-sizes=\"auto, (max-width: 838px) 100vw, 838px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 838px; --smush-placeholder-aspect-ratio: 838\/366;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15.png\" alt=\"Different components from Sketch Bootstrap 5 UI Kit\" class=\"wp-image-2473\" width=\"838\" height=\"366\" srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15.png 682w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15-300x131.png 300w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>It offers the following features:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Smart Layout<\/strong><\/li><\/ul>\n\n\n\n<p>With this feature you can easily and quickly create a website or application, saving you time and money.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Effortless resizing<\/strong><\/li><\/ul>\n\n\n\n<p>As easy as that. Resize any components horizontally or vertically like a pro!<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Over 300 Bootstrap 5 components organized using Atomic Design<\/strong><\/li><\/ul>\n\n\n\n<p>It is a ready to use, organized component set that includes a consistent naming convention, which allows you to search and import with ease.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Design and Dev consistency<\/strong><\/li><\/ul>\n\n\n\n<p>Layers and groups are made to match the Bootstrap class names, and components are arranged exactly as specified in the Bootstrap documentation. With it, you have the ability to enhance your workflow between designer and developer, and stay ahead of the competition.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Easily customizable<\/strong><\/li><\/ul>\n\n\n\n<p>In Sketch Boostrap UI Kit you are able to easily customize colors, typography and border radius for a clean and consistent presentation everywhere through instant change. The component can also be quickly updated regarding its state, which is quite useful.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>This Sketch Bootstrap UI Kit is a powerful and easy-to-use library for Sketch that consists of components and atoms organized by category. Furthermore, it includes some of Bootstrap's colors, grids, and typography, so that you can quickly and easily customize it for your brand or product.<\/p>\n\n\n\n<p>Check the demo <a href=\"https:\/\/www.youtube.com\/watch?v=CmnBm7yNE5A\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<p><strong>Continue reading<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/giovanirodriguez.dev\/resources\/manypixels-review\/\" target=\"_blank\" rel=\"noreferrer noopener\">ManyPixels<\/a><\/li><li><a href=\"https:\/\/giovanirodriguez.dev\/resources\/handz-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Handz Design<\/a><\/li><\/ul>\n","protected":false},"template":"","resource-category":[232],"class_list":["post-1625","resources","type-resources","status-publish","has-post-thumbnail","hentry","resource-category-sketch-component"],"_links":{"self":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resources\/1625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/types\/resources"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media\/4336"}],"wp:attachment":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media?parent=1625"}],"wp:term":[{"taxonomy":"resource-category","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resource-category?post=1625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}