Bootstrap 3 PSD: Free for commercial and personal use!
224Hello friends. Today’s freebie is a nice interface thought for visual creatives and developers. Always wanted to use the Bootstrap graphic interface but don’t know how to manipulate the code to achieve what you want? Not everyone’s a developer, and that is why we took all the elements of the new Bootstrap 3 framework and put them in a carefully layered PSD file so that you can easily arrange the elements at your convenience just by dragging! Feel free to use these elements for your presentations, galleries, crafts, mockups and so on. Enjoy! It’s free for personal and commercial use!
We also have many other resources like this, such as our Windows 8 theme GUI or iOS 7 design for mobile devices. You can get them all a much, much more for a crazy good price by getting the DesignShock bundle, so make sure you give it a look.
<alt=”BTv3-13″ width=”630″ height=”482″ class=”alignnone size-full wp-image-10170″ /> 
Follow us
Rss feed
-
Download Download PSD, All elements included. Apache 2.0 Licensed
- Become Premium only $14 more Get this set bundled with all other designshock sets (icons, themes, design sets, vectors and much more)
Some other freebies:
Leave a Reply
Full DesignShock Bundle
Get all our collections. Expand
- . More than 2 million individual icons
all grouped in 770 sets with vector source files. - . All icons area editable in their respective source file.
- . 990+ templates and counting.
- . 100.000 design elements.
- . 350+ wordpress themes always up-to-date with latest wp version.
- . 400+ pre-designed Wordpress and HTML themes.
- . support 24/7
- . Weekly updates
Good work, folks, thank you for offer us this set. Great and comfortable starter set.
You are welcome. Enjoy!
why do i have to tweet? i got premium account.
The set is not offered in the premium area as per its license. We beg you to use the tweet method to download it.
ermegherd, bootstrap 3 psds! Thanks for this awesome work!
You are welcome Joseph. we are glad you like this
This is abolutely great !!
Thanks for sharing.
You are welcome, positive comments keep us motivated!
Amazing. 🙂
indeed!
Thanks so much! This is an incredible set 🙂
You are welcome Julie. we appreciate your comments
I don’t have a twitter account or a facebook account but I do have a premium account. Can you send it to me via email? I don’t want to have to make a fake account just to download this when I have already paid for it.
Hi, freebie can be sent to your email. Please click on download and select the option to subscribe to our newsletter
Thanks pal. Glad I was on your subscription list. Or I could’ve missed this incredible set. 😉
You are welcome 😀 that’s what’s so good about subscribing to our mailing lists. Keep tuned for more awesome freebies.
Thanks for the file. Great work!
you are welcome. enjoy!
Great work, simple and elegant.
Gracias! booststrap 3 en PSD.! Thankss!!!
you are welcome
Excellent design, thank you very much for sharing.
I have a little doubt, the article says that you can use in commercial projects but within the psd file says to be used for noncommercial purposes.
My question then may or may not be used for commercial purposes?
Greetings.
It can be used for commercial purposes
I loved this site. give very useful information.
Great to hear that! refer us to your friends
Awesome! Thank you so much for this, I’ll be sure to spread the word about this excellent resource 🙂
Hi,
You are very welcome. Hope you enjoy.
Absolute junk and completely worthless. The whole point of Bootstrap is to build quick prototypes using open standards. Why on earth would a designer worth their salt want a layered PSD of this?
Not everyone can find a use for this. Not focused to programmers or designers as much as it is focused to web enthusiasts with no coding knowledge trying to create mockups, illustrations, or even use it outside web environments. Thanks for the feedback, Good Luck!
I’m kind of confused by this PSD. Isn’t the point of Bootstrap that it is all built on CSS3 and HTML5? So why would we need a PSD for anything?
I’m not knocking your work on this, you did a great job, but was it all necessary? I think most people that use Bootstrap simply “design in the browser.”
Really, if you’re going to use Bootstrap, then it’s just a matter of changing fonts and colors on pre-existing elements, which you can do much easier in CSS than in Photoshop.
You have a point, thanks a lot for your feedback. The PSD is focused to web enthusiasts who don’t have coding skills yet and prefer using objects that they can simply drag to simply create mockups, illustrations for texts, presentations etcetera; or even for people who think that can use this outside webdesign like in printed design for example.
For a simple website it might work. try to start a big project without properly mockup it and you´ll be lost in the end… so, this is really useful for the ones how want to use bootstrap, customize some sections…
indeed!
Great stuff here at the site. But we signed up for the premium membership, and have no way to log in. It didn’t ask us to choose a login username or password. So how do I access all the stuff?
Thanks.
technical issues are assisted via email: help.shockfamily@gmail.com
Great and great…. THANKS……
Your comments cheers us to keep bringing the best
Just what I was searching for when it comes to the new Bootstrap. This is great!
We are glad to hear you found it useful, that is what we look for.
Beautiful!
Thanks a lot.
this is awesome.
Thanks for the support
thanks a lot for the psd but it just explodes in photoshop, a 30 mb or so file when opened in photoshop slows everything down by swelling up. i guess its because of the countless shape layers…
any workaround?? or can you divide the file in smaller chunks and share?
We will have that in mind. in the meantime, there is no workaround.
What a complete letdown. When I finally receive the email with the supposed download link I come to a page with previous freebees. The Bootstrap PSD 3 is there but when click it to download I only get redirected to this page. So I got nothing and now have to get all your newsletters… Cheers buddy.
Can you please clear the cache and cookies of your PC and try once more?
Okay, this an EXCELLENT resource, with one caveat: the PSD is opening at nearly 1GB…making it almost unusable. Why is the doc using up so much disk space when open?
It comes with a lot of elements. but there could be a mistake, the file should have no more than 30 MB
Love this!
Great!
Thanks so much. Bootstrap 3 is awesome 😉
Thanks a lot for your support 🙂
I’m baffled that people would speak out negatively against this. You have done many a great favor by creating this. I personally am using it to mock up how a page is going to look once we incorporate bootstrap. I personally am a designer, not a developer, and mocking up what sites are going to look like is imperative in getting the client to agree in a direction. Even if the technology has all these features built in I need to show my clients beforehand what they are in store for since I myself cannot code. Everyone works differently :)Thank you very much!
Thanks a lot for your comment. That is exactly the kind of reasons we created this set for. We really hope you find this very useful and thanks a lot for your support!
Big thanks for great help :))
You are very welcome!
Really good work… but…Â The subscribing doesnt work… i’ve tried with 3 differents emails… ?
I have not receive any confirmation about this!
Some help or support?
Cheers!
Its ok! Thanks for the amazing work!!!
you are welcome, keep tuned!
have you checked Junk folder?
I hate bootstrap , but , hey , this is free!!! You don’t get ALL this for free somewhere else , do you!!!??? So , if you do hate bootstrap like I do , just download this , and you’re gonna see how this is GOOD and is ENOUGH , you don’t need you site to be TOO FANCY , do you!!!???
Indeed Jhon, thanks for your comment, hope you find this very useful
How can I download this? Thanks for your help!
Please use the download button at the end of the post
Hi, I need a link please. Can’t wait to try these. As always, thanks!!
Roberta, please use the download button at the end of the post
Brilliant!! Thanks so much.
You are welcome. thanks for your comments
Awesome awesome awesome. Â Thank you for sharing this for free!
You are welcome. Enjoy and stay tuned.
Thanks! For Shared!
You are welcome. enjoy!
Hui..? Â Can’t rush to the psd. No e-mail will arrive. Tried two adresses. Out of order?
have you checked junk email/spam ?
This is a great resource, could be very useful but I just could not manage to open it. The PSD file itself is about 30MB but once opened it in PS, the file size booms up to 2.25G. I am using a mac pro with 12G memory, still, try to open this file in photoshop would cause the machine to froze.Â
If this file could be cut down to several smaller files would be great, anyway, still thank you for the effort.
Well keep this in mind. thank you very much for the feedback.
hi
This is amazing work! Thanks so much for doing this for all of us…
I agree with some of those who say that this is a huge file and Photoshop struggles to open it. I’m running on 4GB ram and my system also became slow and non responsive after opening this doc but there is a easy work around for this issue. I just hid all the layers and saved the file and re-open it… it takes a while to read the PS file but once it’s open i can now unhide only those layers i want to work with this way i noticed PS is working much smoother and faster hope this helps for others with same issue 🙂 Thanks for this great file again…
Cheers
Thanks a lot for the feedback. Always looking to improve.
so may b you can provide this file with all the layers hidden by default that will solve this issue i guess.Â
We’ll have it in mind. Thank you for the feedback
Beautiful file. But why did you use Open Sans when the bootstap default is Helvetica Neue?
Unfortunately, Helvetica is a commercial font and costs a lot of money. we preferred using a similar font that could be used free personal and commercially.
Indeed, the file is a load to handle on pc’s with 4GB or less RAM.
A workaround could be to increase the memory Photoshop can use, or any of the other tips givenabove, or here:Â http://www.quepublishing.com/articles/article.aspx?p=2115887&seqNum=2
This file has been very useful to me in the past, thought I’d come over and say thanks 🙂
We thank you a lot for the input, is very useful.
Very useful template here thanks.
you are welcome. enjoy it.
Very nice and helpful! High respect for your work!
Thanks a lot
Thanks for a great resource. Twitter bootstrap framework has really taken the world by storm. Every client of ours (http://www.netlingshq.com) is asking for Bootstrap compatibility for there PSD to HTML projects. If you are looking for a getting started tutorial on using Twitter bootstrap check this http://www.sitepoint.com/twitter-bootstrap-tutorial-handling-complex-designs/. If you want to use Twitter Bootstrap with Rails and use SASS, this article http://pivotallabs.com/sass-with-bootstrap/ provides a good workflow. Alternatively if you can look at Foundation 5 which has pretty tighter integration with SASS and Rails. http://foundation.zurb.com/.Â
Thanks a lot for your input
THIS DOES NOT WORK. I’ve tried 2 emails multiple time and have not recived anything – I suspect this is to farm emails for SPAM. Nothing in junk or spam. Be careful adding your email!
Not at all, Just look at the comments to see that it works.It has been just tested. We do not intend to use your email address for any other purposes.
Thank you for for sharing. Really helpful components for creating wireframe, sketch or mockup in Photoshop! I also find Bootstrap 3.0.3 version + Retina support on http://bootshape.com/psd , think can be helpful for UX designers)Â
Glad you liked it. Stay tuned for more
Hello, why do I receive the Newsletter email instead of promised free bundles when I submit my email address?
Have you checked your inbox (also spam/junk email) to see download links if you are asked for your email address?
Am I missing something or is there no way to download this PSD
http://www.designshock.com/bootstrap-3-psd/
Please check the download button at the end of the post.
I’m having the same problem as some others above. Have hit the download button which states successful sending but nothing comes through. Nothing in spam folder etc. Any ideas guys? Would love to try it.
Try maybe with another email address.
I get your confirmation email but there is absolutely no way that I can find to download this. Â When I click the link in the confirmation email, it takes me to a page advertising all of your products. Â Please tell me how to download this. And yes, I checked my spam and junk mail folders.
Please send us an email to help.shockfamily@gmail.com
I get conformation but I don’t get an email with files.
Have you checked spam folder/ junk folder?
Awesome awesome awesome. Â Thank you for sharing this for free!
Best download ever!!! I give you 100 out of 10!
Thanks a lot for your support. Enjoy!
Thanks for the freebie. Wish you guys the best.
Thank you for your support
COMO PUEDO DESCARGAR BOOTSTRAP PSD?
¡Hola! Debajo de las imagenes de muestra encontraras el boton de download. Solo sigue las instrucciones (ingresa tu correo o red social) y listo.
direct link for psd plugin…
https://github.com/ShockFamily/bootstrap-psd
Wow..this is very useful.
Thank you so much
Glad you like it! 🙂
Thank you so much for this free template. I have just started designing website in Photoshop, and also getting use to working with guides. This will definately help me expanding my knowledge and also creativity in design.
Thank you once again 🙂
And keep up with the great work 🙂
Happy to know you enjoy it. Hope you can learn a lot from this. 🙂
I can’t open this file with GIMP 2.8.14. Have you a fix?
Hi!
Please write us at help.shockfamily@gmail.com
How to apply my psd changes to a CSS Bootstrap files? Thankyou
Wow! Very generous of you… this is super helpful to hurry through bootstrap based designs. Thank you
I know, right?! Glad you liked it. 🙂
Hi! Please, explain to me how to use it? I opened this in PS and what’s next?
Hi, Nikita!
You can use it to make prototypes, illustrations, mockups or things outside web development. Just have fun with it and integrate it into your designs.
Where is the Download-Button??? I can’t find the Download-Link!!!
Please help me!
Alexander
Hi, Alex!
Right below all the images, there’s a blue download button. Enjoy. 🙂
WOW!
After buying my brand new iMac 27 5K Retina, this the best thing that happened to me this week; just fab, thnx very, very much!
Glad to see you like our content. Enjoy your new machine and check our other bundles to take full advantage of it. 😉
PS: Showpony. lol
it’s excellent.
Thank you very much, have fun using it. 🙂
thats nice 😉
I know, right? 😉
Thanks!
Your email does not work.
Not a problem, Ann. We’ll send you an email to work it out.
I report your mails as spam because you didn’t sent the files.
Hi! Can I please know what you received? I just tested and received a download link.
Great resource. Thanks very much!
I’ve read some of the qualms in the comments about the redundancy of a PSD mockup vs. mocking up in HTML/CSS, but agree with other commenters that this is a very useful tool for mocking up larger sites with layers of pages and various layouts for various presentation purposes. I appreciate the value in these. Great work, and thanks for sharing!
You’re welcome Matt, let us know where you use this!
Thank you.
You’re welcome 🙂
What an amazing post.. Really showed the hard work you have done. Keep up the good work. thanks for sharing.Â
Our pleasure 🙂
thanks
You’re welcome
Excelente!! gran trabajo. Thanks
Gracias Amigo! 🙂
I created a simplified PSD template that just has the grid, color swatches, and typography sizes.
This lets you design something without being swayed by the default styling. You can download it free here – https://bootstrapcreative.com/resources/bootstrap-3-psd-grid-templates/