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

Bones Wireframe Kit

Bones Wireframe Kit is designed on a grid, and divided into 10 categories. 120 ready to use elements in 3 file formats, Photoshop, Sketch & Xd. Smart structure will allow you to drag and drop the elements and create pages in minutes. 12 column grid will adapt easily in code and all elements are made with responsive in mind. Simple to use and it will boost your creativity and productivity. If you want,you can include images and have designs ready for coding.

Click the image to see full preview


  • 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


  • Roboto
  • Lato

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

Want to save money? Check out Bones Wireframe Kit Pack here: and save while getting both mobile and web wireframes!

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, please recommend it.

Also check out 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 in this pack.

What do i need to open this file?

You will need Photoshop / Illustrator, preferably version CS6 and newer.

Is this file layered?

Yes, every single element 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, Illustrator is vector based tool, so these files are vector as well.

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!