Top 12 Websites for Twitter Bootstrap

twitter-bootstrap-websites

We all know Twitter Bootstrap is an epic front end development toolkit, but what about some additional resources for those of us looking to really dig our heels in? Fear not, as listed here are the Top 12 Websites for Twitter Bootstrap. You’ll find the tools and inspiration to take your designs beyond the built in markup, and make your pages come alive with these awesome resources, lets jump in!


1. http://getbootstrap.com

Start with the source – The Twitter Bootstrap Website. The history of the framework is listed as so:

Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.

Bootstrap was created at Twitter in mid-2010 by @mdo and @fat. Prior to being an open-sourced framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.

Originally released on Friday, August 19, 2011, we’ve since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

An added bonus is that the Development team has a great blog that keeps you updated and provides some of The Freshest Music and Music Videos of all time!

https://twitter.com/TwBootstrap


2. VegiThemes

Next up we have our very own collection of awesome free Twitter Bootstrap Themes at VegiThemes. VegiThemes has over 20 custom made themes with different colors and fonts for use in your next project. All you have to do is download the css file and put it in place of the original bootstrap.min.css and you’re good to go!


3. http://www.blacktie.co

Some of the the resources listed here are in fact premium, and as such may require you to shell out some cash. Some are free though, and BlackTie is one of them because as they say:

Free handsome Bootstrap themes for everyone. Because “free” doesn’t always mean crappy.

https://twitter.com/BlackTie_co


4. http://bootsnipp.com

Bootsnipp is a killer site for collections of free HTML snippets customized for Twitter Bootstrap. In their own words:

Bootsnipp is an element gallery for web designers and web developers, anybody who is using Bootstrap will find this website essential in their craft.

Bootsnipp was created by Maks Surguy in September 2012 as a repository of useful HTML snippets for web developers using Bootstrap framework.

It has been completely rebuilt a year later and released in October 2013 as a Bootstrap playground with more capabilities.

Bootsnipp has been incredibly popular since its first day of existence, it has been on best of Hacker News and Smashing Magazine facebook page and their twitter feed.

https://twitter.com/bootsnipp


5. http://bootply.com

Bootply is labeled as ‘The Bootstrap Playground’. It has some incredibly useful tools, created with some serious skill that make it easy to Drag and Drop, Tinker, and Tweak your code to perfection.

Bootply in a Nutshell:

The beauty of hand-coding with a JavaScript HTML and CSS editor

+ A reputation-based collaborative community

+ A visual drag-and-drop interface builder for rapid prototyping

+ The search, share and discoverability of a code repository

https://twitter.com/bootply


6. http://builtwithbootstrap.com

At number 6 we have Built With Bootstrap. Once you create your masterpiece, you’re going to want the world to see it, and how are you going to do that? You’re going to head right on over to Built With Bootstrap and submit your website to their directory for review! There are a lot of websites built with bootstrap so it may take a little bit to get yours through the queue, but they do offer a priority listing service so that is something to consider.
https://twitter.com/BWBootstrap


7. http://jetstrap.com

At number 7 we have Jetstrap. The name itself is beyond awesome, but in addition, Jetstrap is the provider of Premier Interface Building Tools for Bootstrap.

What is Jetstrap?
Jetstrap is a 100% web-based interface building tool for Twitter Bootstrap. No software to download, just log in and build. Your work is accessible from anywhere.
Who is it for?
Built for developers, designers, and idea-people alike, Jetstrap helps you get awesome websites up and running fast, with less work and digging through docs.
Why you’ll love it
Life is too short to dig through docs when you just want to build. Grab snippets of clean markup and quickly use complicated components. Take off faster!

https://twitter.com/jetstrap


8. http://startbootstrap.com

Do you love bootstrap? Yeah, we do to, and a fantastic resource to get you started with Templates and Themes are the fine folks over at Start Bootstrap. Start Bootstrap is run by a Web Design Company named Iron Summit Media Strategies. They have really done an incredible job of not only creating a fantastic looking website, but also highlighting all of the best Twitter Bootstrap Resources to be had on the net. Do pay them a visit and enjoy!
https://twitter.com/startbootstrap


9. http://www.boottheme.com

BootTheme is another great tool to create mockups with ease. Get your fill of Twitter Bootstrap, LESS, CoffeScript, HTML5, CSS3, and Javascript. Build a web page in 5 minutes, with no coding required.
https://twitter.com/Boottheme


10. http://getkickstrap.com

GetKickStrap is integrated with the powerful Angular.js, giving it MVC capability right out of the box. There is some serious VooDoo going on over at GetKickStrap, so it may be best you check it out for yourself!
https://twitter.com/yourwebsitesUX


11. http://paintstrap.com

With PaintStrap, you can Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme. This site is particularlly awesome as it allows you to choose just one color (choose your favorite!) and the software will automatically calculate the ideal complimentary colors for the theme. Yeah Boy!
https://twitter.com/wiz_g


12. http://bootswatch.com

Bootswatch is an awesome resource that you can use to try out many different pre made themes for free. Choose from Amelia, Cerulean, Cosmo, Cyborg, Flatly, Journal, Readable, Simplex, Slate, Spacelab, United, and Yeti. They all look great so you really can’t go wrong!
https://twitter.com/thomashpark

Bonus: Twitter Bootstrap Series

While not officially part of the Top 12 Websites for Twitter Bootstrap, this resource is helpful if after all of your trials you still find yourself having problems. You can read through the questions and answers at Stack Overflow, or submit a question if you can’t find the answer.