Sep 04 2013

Bootstrap 3 PSD: All The Elements of the New Version, Free and Fully Editable

Advertisement

Our friends over at DesignShock have created an excellent new resource for web design lovers and people who want to get into the brand new Bootstrap 3 interface quickly. As you already know, Twitter overturned Bootstrap’s UI concept and totally renewed the interface. This brave move surprised almost everyone in the web developer community. To grant for a smooth transition, the guys at DesignShock released a free PSD package that’s really easy to use, helping designers and developers create models of themes, web pages, mobile and web apps. The file accurately emulates all the elements of the front-end interface. Inside it you will find a set of layers with all the elements you need to start designing.

Bootstrap Psd by DesignShock (Download)

 

The free Bootstrap 3 PSD package is loaded with the following features:

  • The file has been carefully organized into a set of layers containing all the elements you may need.
  • All the elements inside the file have been created using pixel perfect design techniques that guarantee that every line will be adjusted to the pixel, giving the design a high definition appearance.
  • The file complies with the same license as Bootstrap (Apache 2.0), that allows you to use the file even for commercial purposes

Obviously you will need Adobe Photoshop to make proper use of the resource. This is what it looks like:

Bootstrap PSD by DesignShock I

Bootstrap PSD by DesignShock II

Bootstrap PSD by DesignShock III

Bootstrapo PSD by DesignShock IV

Bootstrap PSD by DesignShock V

Get your own copy of Bootstrap 3 PSD by  downloading it here.

About the Author

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.

Homepage

Comments and Discussions
  • OAC Designs, 04 September 2013

    An excellent resource. Thanks so much for this!

  • Victoria Mudaraya, 04 September 2013

    Thank you for the wonderful package! With Bootstarp getting more popular with business it is extremely useful for UI designers and developers

  • Rohit Purakayastha, 07 September 2013

    Very good resources…..

  • Jay, 09 September 2013

    I thought Bootstrap was a CSS3 and html 5 based groundwork? Why would someone need to mockup these elements when they could just as easily do it in the browser?

    • OllieJ Design, 16 January 2014

      Because some clients still prefer to see mockups/wireframes prior to signing off (and paying for) the actual development and coding of a site.

  • Allen, 10 September 2013

    Thanks for listing this resource for Bootstrap 3

  • Carlton Stith, 28 October 2013

    Awesome resource. Thanks!

  • Brandon, 09 April 2014

    Unfortunately, there is no way to download the psd. The link just subscribes you to a newsletter.

search form
 
image description image description