Bootstrap resources

85+ Bootstrap Resources

If you have any suggestion about this article, don't hesitate to tweet me.

Bootstrap Official Resources

Official resources created and maintained by the Bootstrap creators.

Name Description
getBootstrap The home of Bootstrap, the most popular front-end framework for developing responsive, mobile first projects on the web.
Bootstrap SASS Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.
Bootstrap Blog The official Bootstrap blog. Announcements, news and much more about Bootstrap.
Bootlint Bootlint is an HTML linting tool for projects using vanilla Bootstrap. Using Bootlint, you can automatically check your Bootstrapped webpages for many common usage mistakes.

Bootstrap Courses & Tutorials

Tutorials and resources to learn Bootstrap framework.

Name Description
w3schools A complete Bootstrap 4 course
Freecodecamp Learn Bootstrap 4 in 30 minutes by building a landing page website
Créer un template avec Bootstrap 4 A complete Bootstrap 4 and Material Design tutorial to create a template from scratch (in French)
Websitesetup How to Setup and Use Bootstrap 4 (Step-by-Step)
Tutorialspoint A basic Bootstrap 4 course
TutorialRepublic A basic Bootstrap 4 course

Bootstrap Cheat Sheet

Complete list of all Bootstrap 4 classes with description, examples, and links to documentation.

Name Description
BootstrapCreative This Bootstrap 4 Cheat Sheet helps you quickly find documentation for common CSS classes, components, and grids.
Creative Tim Complete list of Bootstrap 4 classes
Hacker Themes An interactive list of Bootstrap classes for version 4.3.1

Bootstrap Templates & Themes

Ready to go Bootstrap templates & themes for your projects

Name Description
Bootstrap Themes Themes built by or reviewed by the Bootstrap's creators.
MDBootstrap Material Design Kit for Bootstrap 4 & 5
Start Bootstrap Great collection of Free and Premium HTML Starter Templates for Bootstrap
WrapBootstrap Hundred of templates and themes available here. One of the first third-party marketplaces dedicated to selling premium Bootstrap templates and themes.
Bootstrap Bay A third-party marketplace for Bootstrap themes & templates, operating since 2014.
ThemeForest All the Bootstrap templates from ThemeForest, the marketplace for premium themes and templates.
Bootswatch A nice collection of free easy-to-use templates for Bootstrap
Creative Market A very nice marketplace where you can find plenty of Bootstrap templates for your projects.
WrapPixel Lots of stuff here about Bootstrap with an incredible bundle and some freebies too.
Themefisher A selection of free Bootstrap themes built by the design team at Themefisher.
Bootstrap Zero 50+ free Bootstrap themes and templates available there.
Boot Bundle A rich collection of Bootstrap themes, templates, snippets & components bundle
Prep Bootstrap Free Bootstrap themes, templates and other snippets in complete code examples.
Bootstrap Themes Free Bootstrap themes, templates and other snippets in complete code examples.
Themes guide Free, Open Source Themes for Bootstrap 4.3.1
Creative Tim Creative Tim is a great Boostratp and Material Design themes and templates creator.
BootstrapMade Huge collection of free Boostratp themes and templates.

Bootstrap Showcases

Repositories of Bootstrap websites for inspiration and submission

Name Description
Built With Bootstrap The largest showcase of sites and apps built with Bootstrap on the Internet. Free submission.
Bootstrap Expo Beautiful and inspiring uses of Bootstrap, curated by @mdo, the Bootstrap creator himself.

Bootstrap Prototyping & Builders

Fast prototyping sites for Bootstrap, button makers, layout edit, etc.

Name Description
Bootstrap Button Generator Generate your Bootstrap buttons quickly with this free button generator by Bootsnipp
Designmodo Startup Create websites online using the Startup Bootstrap builder. It’s a fast and easy way to start your business presence online, with the help of pre-designed blocks.
Material Design Button Generator This Bootstrap button generator uses the Material Design Bootstrap framework
Pingendo Pingendo is a modern tool for designers, developers and web agencies. Intuitive as stacking blocks, powerful as a text editor.
Bootstraptor If you're looking for a Bootstrap builder, this one could be an excellent choice.
Grid generator A smart and useful grid generator for Bootstrap.
Bootstrap Studio Bootstrap Studio is a powerful desktop app for creating responsive websites using the Bootstrap framework.
BuildBootstrap BuildBootstrap is a free online tool helping with common task of creating responsive layout utilizing Bootstrap grid system.
Bootstrap Build Create Bootstrap 4 themes and templates with this free builder. Start from scratch or reuse free featured designs.

Bootstrap Snippets & Examples

Bootstrap snippets, examples and resources built with html, css and js.

Name Description
Bootstrapious Generate your Bootstrap buttons quickly with this free button generator by Bootsnipp
Bootdey Collection of Bootstrap snippets & examples
WrapPixel Hundred of Bootstrap snippets and examples in dozens of categories.
Bootsnipp Large collection of examples and snippets for Bootstrap 4.1
Epic Bootstrap Nice and elegant examples and snippets for Bootstrap
Codeply Snippets for Bootstrap posted on Codeply.
Codepen Pens and snippets for Bootstrap posted on Codepen.
Material Design Bootstrap Very nice examples and snippets made with the Material Design Bootstrap framework.
Bootstrap Creative This library of Bootstrap 4 code snippets and page layout examples will save you time building page layouts and customizing Bootstrap components.
Bootstrap Themes Large collection of examples, patterns and snippets for Bootstrap.
Nice Snippets Impressive collection of snippets for Bootstrap 4.

Bootstrap Tools

Helpful tools for developers to use while creating with Bootstrap.

Name Description
Bootstrap CDN A Content Delivery Network that specializes in serving just the Bootstrap CSS, JS and icons.
Bootstrap loader Load Bootstrap styles and scripts in your Webpack bundle. This loader uses SASS to process CSS styles. Bootstrap 3 & 4 are supported.
Codex UI Vanilla Bootstrap 4 components that require no extra CSS or Javascript to use.

Javascript

Name Description
ng-bootstrap Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angular ecosystem.
Bootstrap Vue With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and Bootstrap 4.
Reactrap Easy to use React Bootstrap 4 components.

Color Design

Name Description
Colour Lovers A creative community where people create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles.
Bootstrap Color Palette A basic color palette for Bootstrap
MiniColors A tiny color picker built on jQuery.
Colorpicker for Bootstrap Add color picker to field or to any other element.
Painstrap Generate beautiful Bootstrap themes using the Adobe kuler / COLOURlovers color scheme.

UI Design

Name Description
Bootstrap Select A custom select for Bootstrap using button dropdown.
Social Buttons for Bootstrap Made in pure CSS based on Bootstrap and Font Awesome
Bootstrap Select Dropdown A jQuery plugin for Bootstrap 4 that converts <select> and <select multiselect> elements to dropdowns.
Megamenu for Bootstrap Lightweight and pure CSS megamenu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 4.
Bootstrap navbar dropdowns Bootstrap 4 Navbar with multiple dropdowns

jQuery & JS Plugins

Name Description
Bootbox.js Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Bootstrap framework
Lightbox for Bootstrap JS plugin to display any images / gallery in a nice lightbox.
Bootstrap File Imput An enhanced HTML 5 file input for Bootstrap 4.x or Bootstrap 3.x with file preview for various files, offers multiple selection, and more.
Date Range Picker JavaScript Date Range, Date and Time Picker Component for Bootstrap.
Bootstrap FileStyle A quick and simple and beaultiful plugin to help style your form's file upload inputs using Bootstrap 4.
Bootstrap Growl A pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering "Growl-like" notifications.
Bootstrap Link Preview A facebook-like link preview js library using Bootstrap styling components.
Bootstrap File Imput An enhanced HTML 5 file input for Bootstrap 4.x or Bootstrap 3.x with file preview for various files, offers multiple selection, and more.
Bootstrap Markdown Bootstrap-Markdown designed to be easily integrated with your Bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin.
Bootstrap MaxLength This plugin integrates by default with Bootstrap using badges to display the maximum length of the field where the user is inserting text.
Flippant.js A mini dependancy-less UI lib for flipping over DOM nodes.
jQuery File Upload File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery.
Select2 a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Strength Meter A JQuery plugin that converts a password input into an advanced widget with strength validation meter and toggle mask to show/hide the password.

Icon Fonts for Bootstrap

Enhance your projects with these icon fonts instead of standard Bootstrap icons.

Name Description
Font Awesome Font Awesome is the web's most popular icon set and toolkit.
Fontelico This collection was started by fontello project to collaborate different small sets, missed in other iconic fonts.
IcoMoon 5500+ free vector icons for your site or app Bootstrap projects.
Entypo 411 carefully crafted premium pictograms by Daniel Bruce.
Typicons Typicons are free-to-use vector icons embedded in a webfont for easy use in Boostrap projects.
Elusive The Elusive Iconfont is an icons webfont, optimized for use with twitter's Bootstrap.
Octicons A nice icon set released by the Primer team.
Foundation Icons A custom collection of 283 icons that are stored in a handy web font for any Bootstrap project.

That's it! I hope you'll share and bookmark this page with your friends. Don't hesitate to comment if you have any question and if you've discover new tools and scripts for your Bootstrap projects. Of course, this list is not complete but I'll keep on adding some resources.

If you want to share or insert a link in this article, you're more than welcome and here are some guidelines to save our time.

  • If your link point to a free Bootstrap service / tool, contact me and I'll add it in the desired section.
  • If your link point to a freemium or commercial service / product, contact me too and we'll discuss.
Daniel Dubois

Daniel Dubois

Passionné par le Web depuis 2007, Daniel défend la veuve et l'orphelin du web en créant des sites respectueux du W3C. Fort d'une expérience de plusieurs années, il partage ses connaissances dans un état d'esprit open source.
Très impliqué dans la communauté Joomla depuis 2014, il est actif au sein de plusieurs projets, conférencier et fondateur du JUG Breizh.