Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Bones Wireframe Kit Pack

BONES Wireframe Kit Pack consists of Bones IOS Wireframe Kit and Bones Wireframe Kit as well as 5 MacBook Pro and IPhone 5S Mockups. 120 fully editable screens in 10 categories, and 120 fully editable elements in 10 categories, all in 3 file formats, Photoshop, Sketch & Xd. Mockups are Photoshop files with fully editable smart objects and atmosphere effects.

Click the image to see full preview

Bones IOS Wireframe Features

  • 120 Ready to use screens
  • Retina ready
  • Vector shapes
  • Free fonts used
  • Properly named layers
  • Organized structure


  • Sign In / Sign Up
  • Walkthrough
  • Blog
  • Ecommerce
  • Social
  • Profile
  • Multimedia
  • Menu
  • Forms / Maps
  • Charts / Stats
  • Base Elements

Bones Wireframe Features

  • 120 Ready to use elements
  • Retina ready
  • Vector shapes
  • Free fonts used
  • Properly named layers
  • Organized structure


  • Headers
  • Sliders
  • Features
  • Forms
  • Portfolio
  • Team
  • Testimonials
  • Price Tables
  • Contact Forms
  • Footers
  • Base Elements


  • 5 Fully editable MacBook Pro and IPhone 5S Mockups
  • Photoshop files
  • Double click the smart object and replace it with your design


  • Roboto
  • Lato

Works in Adobe Photoshop CS6+ , Sketch 3.8+ & Xd

What are you waiting for? Save time and increase productivity and creativity for your next app or website project!

If you have any questions please ask, and we will be more then happy to answer, or click the FAQ bellow.

If you like Bones Wireframe Kit Pack, please recommend it.

Also, Check out Wirey Mobile Wireframe Kit


Wirey Wireframe Kit

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.

Can i edit this file?

Yes you can edit every single element and screen in this pack.

What do i need to open this file?

You will need Photoshop CS6+, Skech 3.8+ and Adobe XD.

Is this file layered?

Yes, every single element and screen is layered and every layer can be edited.

Can i use fonts for my own project?

Yes, because all fonts used are Google Fonts which means you can use them both for personal and commercial projects.

How can i edit the masks?

Just click the mask in the layers panel, click "B" for brush tool. Black brush hides while white reveals content.

Is this file vector?

Yes, Sketch and Adobe XD versions are.

How can i edit smart objects?

Just double click the smart object in the layers panel, paste your design and click CTRS + S or CMND + S to save.

What is a grid?

Grid is made from columns and gutters ( space between the columns ) . There are 12 columns and the width of the grid is 1170 pixels.

How can i edit shapes?

Double click on the shape to change it's color, scale it up or down, or use paths, to change it's look.

What if i have more questions?

Just send us the message, we will be more then happy to answer!