Google Chrome Browser Sketch Resource

Google Chrome Browser Sketch Resource

I always thought that looking at Artboards in Sketch Preview when designing for web felt off, because you were always out of context. I used to just screenshot the browser header and drop that in the Artboard, which worked but you could never resize or change anything about it like the URL or Title. This is hopefully a lot nicer to use.

You can resize it, change the favicon, use the browser back button in prototype mode, etc. I hope you find it useful.

Download Resource

1778 views  •  655 downloads

Category:  ui

Tag:  web

This Google Chrome Browser was designed by Clemens Morris  –  Dribbble –  Website –  Source page

If you like this free resource, share it:

 Twitter  Facebook  Google  Pin it

Add/Load Comments

Isometric Grid and Elements Sketch Resource

Isometric Grid and Elements Sketch Resource

Sketch won’t let you skew. And all you have to do is scale + rotate. The principle I have applied was to create the base isometric grid using -30 degree, -150 degree and its vertical axis having equal spacings. Just ignore the exact measurements for now.

How do you create isometric graphics? Basically, 1. you can draw a box/rectangle shape over the grid 2. rotate 45/-45 3. place the shape to match the grid after the rotation 3. now use the transform command (cmd + shift + T), now select one of the 8 nodes (in my case, I select the bottom center one) and use the keyboard up/down key to transform the shape until it matches one of your isometric grid units. Yeah it’s a manual process though. But believe me, once you’re done with all the basic elements, it’s just a matter of compositing. 4. now use the rotation tool to rotate -60, 60, 120, -120 respectively to get your desired angles/isometric faces. That’s the trick.

The isometric grid template for Sketch is larger than 1600×1200, which is best suitable for website landing pages. Just make sure you don’t resize the grid using the sketch scale tool. It will increase the grid lines, just use the resize method using height/width in the right inspector panel.

Download Resource

2596 views  •  855 downloads

Category:  ui

Tag:  illustration

This Isometric Grid and Elements was designed by Abinash Mohanty  –  Dribbble –  Twitter –  Website –  Source page

If you like this free resource, share it:

 Twitter  Facebook  Google  Pin it

Add/Load Comments

WhatsApp iOS 11 Sketch Resource

WhatsApp iOS 11 Sketch Resource

I was working on a video related to Whatsapp – IOS but couldn’t find a free resource. So I made one in .sketch format and I have attached it for public usage. Feel free to use them and save the pain of recreating. This sketch file contains 5 main screens and icons nested within them.

Download Resource

95604 views  •  63559 downloads

Categories:  ui  mobile

Tags:  ios  social

This WhatsApp iOS 11 was designed by Ramnan  –  Source page

If you like this free resource, share it:

 Twitter  Facebook  Google  Pin it

Add/Load Comments

Collection of Charts Sketch Resource

Collection of Charts Sketch Resource

A very nice collection of charts for sample dashboards by Olga Bykova.

Download Resource

65291 views  •  37407 downloads

Category:  ui

Tags:  kit  data

This Collection of Charts was designed by Olga Bykova  –  Dribbble –  Website –  Source page

If you like this free resource, share it:

 Twitter  Facebook  Google  Pin it

Add/Load Comments

Flowchart and Diagram Kit Sketch Resource

Flowchart and Diagram Kit Sketch Resource

This is a carefully crafted User flow kit for Sketch that helps creating simple sitemaps really fast and easy. It contains only the most essential elements to speed up the process of creating user maps. All the elements including arrows are scalable, so you can easily change the height and width of them, rotate etc. They are also fully customizable, so you can change the colors for instance. There are 3 pre-defined color versions to choose from depending on what suits better to your taste or particular project.

Download Resource

69797 views  •  33010 downloads

Categories:  ui  wireframe

Tags:  ios  android  kit  web

This Flowchart and Diagram Kit was designed by Greg Dlubacz  –  Dribbble –  Twitter –  Website –  Source page

If you like this free resource, share it:

 Twitter  Facebook  Google  Pin it

Add/Load Comments