What features do you look for in a UI kit? If you want to build a clean and trendy project, chances are you’ll be hunting for material design, vibrant gradients, bright colour schemes and/or (semi) flat design. We’ve compiled a list of the best UI Kits for 2017 – all of which have the qualities you are searching for in a UI kit. Whether your weapon of choice is Photoshop or Sketch, these kits will help you kick start your next project without having to start from scratch.

 

01.  Jok Mobile UI Kit

Jok Mobile UI Kit comes with assets for 8 categories  – walkthroughs, profile, sign in & sign up, multimedia, e-commerce, social, news & magazine and menu. Each screen is optimized for iOS and is easily editable through Photoshop and Sketch. Jok is chalked full of 90+ screens and over 1000 incredible elements. The design is fresh and trendy with stunning gradients throughout.

Jok Mobile UI Kit

 

02.  Odessa UI Kit

Odessa UI Kit is a useful starting point for building out your responsive website in Sketch. This UI kit is wholesome with 170+ pre-designed mobile and desktop layouts, and 16 ready-to-use desktop and mobile templates. The kit demonstrates suitability for event marketing, advertisement campaigns, blogs, agencies, business and freelance portfolios.

Odessa UI Kit

 

03.  Epic UI Kit

Epic UI Kit is a large, fresh and vibrant ui kit made up of 118 web elements. Divided into 9 categories (articles, e-commerce, forms, headers, media, navigation, profiles, statistics and widgets), it allows you to build awesome, clean and modern apps and websites. All elements are vectorial and can be edited depending on what you need.

Epic UI Kit Bootstrap Theme

 

04.  Grade UI Kit

Grade UI Kit is a huge and powerful UI kit for Sketch and Photoshop, with more than 1,000 carefully crafted elements in 10 categories. You can choose between a light or dark variation, or mix-and-match to create a stunning combination. With the Bootstrap grid system in mind, everything fits together perfectly so you can easily drag-and-drop elements without having to resize them. To top things off, Grade UI Kit subtly integrates gradient themes into the elements to create an extremely trendy look.

Grade UI Kit

 

05.  Tuntun

Tuntun is a unique and creative PSD template with clean and modern design. It is a perfect choice for your corporate agency, creative studio or for portfolio. Simple minimal and clean is exactly what you will find in this one-page PSD template. With it’s airy drop-shadows and bright gradients, your next project will definitely stand out with Tuntun.

Tuntun Creative One Page PSD Template

 

06.  Phoenix Startup

Phoenix is the innovative UI Kit containing 353 elegant components for the fastest start. Each component is 100% responsive and fully customizable. Phoenix Startup UI Kit is carefully crafted in Sketch, Photoshop and HTML5 formats. As a bonus you will get Jade/Sass/PostCSS/Gulp source files for the fastest scaling plus a detailed documentation.

Phoenix Startup UI Kit

 

07.  Vivid Soft Material UI Kit

Vivid Soft Material Ui Kit is a well-rounded PSD kit that provides countless many variations for the countless elements. Built on a tileable grid,  you can easily pick-and-choose which elements to use, and where to put them. The design itself is modern and vibrant, with mostly a flat design aside from the whispy drop-shadows.

Vivid Soft Material UI Kit

 

08.  Abstract

Abstract is the perfect PSD template for a creative project such as a portfolio, creative studio marketing website, or small business promotion. The elements are super trendy with bright colours, dramatic gradients and delicate drop-shadows. The package includes a homepage, but can easily be expanded to build your interior pages if you are building a multipage website.

Abstract Creative PSD Template

 

09.  Magic Stone UI Kit

Magic Stone UI Kit makes your design process super easy and fun! With 10 popular categories, 5 ready-to-use samples, 120+ icons and tons of beautifully designed components you can take your productivity to a whole new level. In Photoshop and Sketch, you can simply drag and drop elements from their carefully grouped and named layers. The color palette of Magic Stone is very “Material” in it’s design. Checkout the material design color specs to see what we mean!

Magic Stone UI Kit

 

10.  Pin UI Kit

Pin UI Kit is a huge set of pre-made UI elements that can help you with app design. This UI kit contains granular elements such as buttons, switchers, tabs and bars, but also larger components such as cards, charts, popovers and widgets. If you need some inspiration, Pin comes with tons of pre-composed screens to demonstrate how the elements can be combined. What sets this UI kit apart from the rest is that it us a dark color scheme with bright colors and gradients used to highlight parts of the elements.

Pin UI Kit