318 Useful Twitter Bootstrap Resources #4

318 useful twitter bootstrap resources #4
by Janeth Kent Date: 09-07-2013 bootstrap twitter web resources tools tips


WORDPRESS BOOTSTRAP THEMES Listing of free, base and premium themes for Wordpress based on Bootstrap.

WP-BOOTSTRAP-GALLERY A custom Wordpress gallery for dynamic thumbnail layout using Twitter Bootstrap 2.2.2 thumbnails and the WordPress built in gallery manager.

WP-BOOTSTRAP-NAVWALKER A custom Wordpress nav walker class to implement the Twitter Bootstrap 2.2 navigation style in your custom theme using the Wordpress built in menu manager.

WP PLUGIN FOR BOOTSTRAP SHORTCODES Plugin will add a button to your WordPress text editor so you can easily add Twitter Bootstrap shortcodes to your pages and posts

SHOESTRAP Shoestrap is a WordPress theme that's based on HTML5 Boilerplate and Bootstrap from Twitter.

TWITTER BOOTSTRAP CSS PLUGIN Quickly link the latest Bootstrap CSS and Javascript to all pages, regardless of the WordPress Theme

STRAPPRESS A responsive WordPress theme with all the Twitter Bootstrap components and interactions.

WP-BOOTSTRAP Bootstrap in a WordPress theme a 320press project.

BOOTSTRAPWP A solid base for custom theme development on Wordpress with Bootstrap

ROOTS WORDPRESS THEME Rapidly create sites with HTML5 Boilerplate & Bootstrap from Twitter

THE BOOTSTRAP WordPress Theme, with a great image and gallery handling, based on Bootstrap from Twitter.

ALIEN SHIP Alien Ship is meant to be a foundation on which to build, it is fully integrated with Bootstrap.

WPSTRAP WP Strap is an open-source WordPress theme using the Bootstrap framework from Twitter.

Interface Builders

Visual Tools for designing the structure or other aspects of a Bootstrap layout


LAYOUTIT! Interface Builder for Bootstrap

GLYPHICONS-SPRITE-GENERATOR Change the size and colors of the Bootstap icons if you are using the Pro files, all the extra icons will be available to your Bootstrap project.

TWITTER BOOTSTRAP BUTTON GENERATOR WITH FAMFAMFAM ICONS Bootstrap buttons, but with the FamFam Iconset replacing glyphicons

CSS3 GRADIENT GENERATOR Extensive gradient builder for setting Bootstrap values

BEAUTIFUL BOOTSTRAP BUTTONS Make pretty buttons easily for Twitter Bootstrap CSS GRADIENT GENERATOR A powerful Photoshop-like CSS gradient editor from ColorZilla.

TWITTER BOOTSTRAP BUTTON GENERATOR Make slick looking buttons easily.

HOLDER.JS Client side image placeholders

JQDRAWBOOTSTRAPGRID A simple jQuery plugin that draws grid columns to a twitter bootstrap layout. Very helpful for debugging.


DIVSHOT Interface Builder for Web Apps

BOOTSTRAP-FORM-BUILDER Drag and drop form builder for twitter bootstrap.

JETSTRAP The Bootstrap Interface Builder

EASEL.IO Design & build in your browser. (It's the fastest way to ship.)

BOOTSNIPP.COM Gallery of free HTML snippets for Twitter Bootstrap.


THEMES FOR BOOTSTRAP Clearinghouse of Free, OpenSource and Premium themes from all over the Internet.

LAVISH Generate your own Bootstrap color scheme

WRAPBOOTSTRAP Theme marketplace for Twitter Bootstrap

FBOOTSTRAPP A toolkit designed to kickstart development of facebook iframe apps in both relevant sizes

BOOTTHEME Web Design Tool and Theme Generator for Twitter Bootstrap

JQUERY-UI-BOOTSTRAP The beauty of Twitter's Bootstrap to jQuery UI widgets. BOOTSWATCHER The Twitter Bootstrap Themer

BOOTSWATCHR.COM BootSwatchr is a visual tool for creating a custom Bootstrap theme from the ground up.

BOOTSWATCH Set of open source themes for Bootstrap

STYLEBOOTSTRAP.INFO Element style picker for Bootstrap customization

PAINTSTRAP Generate Bootstrap themes using the color scheme

Mockup Tools

Stencils and Templates for Drawing and Mockup Applications

PRINTABLE TWITTER BOOTSTRAP WIREFRAME PDF scaled to 60% of live page for quick sketches of layouts within the Bootstrap Grid.

TWITTER-BOOTSTRAP-FOR-OMNIGRAFFLE This is a set of Omnigraffle stencils, colors and templates that mirror Twitter Bootstrap as closely as possible.

REPIX BOOTSTRAP PSD Includes all base elements layered in Photoshop for typography, buttons, grids, navigation, and more used in the original CSS3 Bootstrap v2 framework from Twitter

BOOTSTRAP WIDGETS LIBRARY FOR AXURE Free Axure Widgets Library for Twitter Bootstra

GRID TEMPLATES A set of grids in photoshop and illustrator based on the bootstrap scaffolding, these are the default responsive grids available on the bootstrap site.

TWITTER-BOOTSTRAP-OMNIGRAFFLE-STENCIL Make it easy to mockup web sites or web applications in OmniGraffle for Bootstrap

FIREWORKS FOR BOOTSTRAP Fireworks elements of Twitter Bootstrap

BOOTSTRAP BALSAMIQ COMPONENTS A symbols library for the mockup/drawing app Balsamiq

BOOTGRID.PSD A simple .psd for quickly and easily mocking up Twitter Bootstrap designs.

GUIDEGUIDE Photoshop Plugin For Dealing With Grids

HTML PROTOTYPING TOOLBOX A set of layouts that NiceUX uses to speed up their prototyping process for Twitter Bootstrap

POWERPOINT AND KEYNOTE MOCKUP TEMPLATE KIT Prototype Bootstrap-based apps using your favorite presentation tool.



318 useful twitter bootstrap resources #1

318 useful twitter bootstrap resources #2

318 useful twitter bootstrap resources #3

by Janeth Kent Date: 09-07-2013 bootstrap twitter web resources tools tips hits : 6212  
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.


Related Posts

Understanding LCP, CLS, FID. All about Core Web Vitals in Google Search Console

A few months ago we talked about certain Google metrics that were displayed in Search Console. The reason for writing another post on this topic is that Google has changed…

Validating HTML forms using BULMA and vanilla JavaScript

Today we are going to write about contact forms and how to validate them using JavaScript. The contact form seems to be one of the top features of every basic home…

How to use Parallax.js effect on your website

Today, we're going to write about the parallax effect, similar to parallax scrolling, and how to implement it to improve your landing page. In webdev, they say mobile first -…

How to make the website's dark mode persistent with Local Storage, CSS and JS

Recently we wrote about how to do a switchable alternative color mode or theme, a very useful and popular feature to websites. Today’s article is going to be about how…

Dark Web: the creepy side of the Internet is not as dark as believed

People who surf the Dark Web are not necessarily looking for something illegal. Most people want to protect their privacy. And according to a recent study, 93 percent only use…

Cross cultural challenges in web design, an overview

The user experience design of a product essentially lies between the intentions of the product and the characteristics of your user. - David Kadavy - The task of building a culturally appropriate…

Website Traffic Getting Low? 4 Immediate Action to Take

If you have created a website, I am sure your end objective is to create a strong brand presence, boost engagement, and multiply revenue. An interesting statistic showed that there were…

The easiest way to align items using flexbox

With the release of flexbox in CSS, it has become an essential tool when placing elements next to each other, since, by default, the children of a display: flexare stacked…

Dark Mode on website using CSS and JavaScript

In today’s article we are going to learn how to build pretty much standard these days on the web pages and that is the alternative color mode and switching between…

JavaScript: Spread and Rest operators

In today’s article we are going to talk about one of the features of the ES6 version(ECMAScript 2015) of JavaScript which is Spread operator as well as Rest operator. These features…

How To Add Filter Effects to Images with CSS

To achieve interesting effects on your images, learn about the 'filter' and 'Backdrop-Filter' properties of CSS. CSS filters are a very attractive feature of CSS that allows you to apply certain…

Why You Should Hire Node.js Developer for Your Backend Development

When developers are building a new website, they mainly focus on both frontend and backend development. The frontend code helps create the interfaces through which the app interacts with the…

We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".

Accept All Only sistem cookies Configuration