We love prototyping and having the chance to bring our coding skills to the table and integrate them into the UX design puts a big smile on our faces.
We’re seeing more and more folks come round to our way of thinking and get their products on board the prototyping train.
There are many responsive HTML/CSS frameworks out there, but one of our favorites is Twitter Bootstrap due to the ease/speed of development, the quality of documentation and also its slick visual appearance.
I’d like to share a collection of interesting samples based on Twitter Bootstrap and thus inspire you. You’ll see that it only takes a little imagination to achieve an awesome user experience.
Note: article contains many images.
Landing page

Static page

Sign In

Sign Up

Admin panel

Dashboard

Settings

Grids

Forms

Gallery

Sites that utilize Twitter Bootstrap nicely
A few themes to consider
Finally:
We’d love to hear/see your experience. Let us know via the comments form.
Comments (5)
snapshow.tv is another one to add to your list
This is a lovely post Mike, great stuff. Thanks a ton for featuring ClickDesk, we can’t quite emphasize how much we love Twitter Bootstrap.
For folks who’d like to know more, we’d blogged about why we chose Bootstrap – http://blog.clickdesk.com/why-did-clickdesk-choose-twitter-bootstrap/
Cheers!
Thanks for posting this! There is a large collection of Bootstrap Resources at http://bootsnipp.com/resources
This is a great resource, but can you add which snippets came from which source. I have been able to track some down but not all of them.
Thanks.
This is a very good tip especially to those fresh to the blogosphere. Brief but very precise information… Appreciate your sharing this one. A must read post!