The most Extensive Premium & Free Bootstrap Resources List 2022 is maintained by PIXINVENT Team. Make sure you bookmark this post to keep the Bootstrap resource list handy.
I will update this list regular basis, so make sure to bookmark and check back to get updated. You can share your resource or suggestions also from Contact Us.
In this post, we have covered the following Premium & Free Bootstrap Resources List.
Official Free Bootstrap Resources List
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Bootstrap | The most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. http://getbootstrap.com |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com|title:Bootstrap|target:_blank|”] |
| Bootstrap Cheatsheet | An interactive list of Bootstrap 5 classes, variables, and mixins. 🎁 The only Bootstrap CheatSheet you will ever need. 🎊 https://bootstrap-cheatsheet.themeselection.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fbootstrap-cheatsheet.themeselection.com|title:Bootstrap CheatSheet|target:_blank|”] |
| Bootstrap Official Blog | The official bootstrap blog. Announcements, releases and many more form Bootstrap. http://blog.getbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fblog.getbootstrap.com|title:Bootstrap Blog|target:_blank|”] |
| Official Themes from Bootstrap’s | Customize and extend the world’s most popular front-end framework. Official Themes from Bootstrap’s creators. https://themes.getbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fthemes.getbootstrap.com|title:Bootstrap Themes|target:_blank|”] |
| Bootstrap Expo | The Bootstrap Expo is a showcase of beautiful and inspirational sites using Bootstrap, the popular open source front-end framework. http://expo.getbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fexpo.getbootstrap.com|title:Bootstrap Expo|target:_blank|”] |
| Bootlint | An HTML linter for Bootstrap projects. https://github.com/twbs/bootlint |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgithub.com/twbs/bootlint|title:Bootlint|target:_blank|”] |
| Bootstrap SASS | Official Sass port of Bootstrap 2 and 3. https://github.com/twbs/bootstrap-sass |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgithub.com/twbs/bootstrap-sass|title:Bootstrap SASS|target:_blank|”] |
| Bootstrap Rubygem | Bootstrap 4 Ruby Gem for Rails / Sprockets and Compass. https://github.com/twbs/bootstrap-rubygem |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgithub.com/twbs/bootstrap-rubygem|title:Bootstrap Rubygem|target:_blank|”] |
| Ratchet | Build mobile apps with simple HTML‚ CSS‚ and JS components. http://goratchet.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgoratchet.com|title:Ratchet|target:_blank|”] |
| Get Help Using StackOverflow | For help using Bootstrap, ask on StackOverflow using the tag ‘twitter-bootstrap-3’ https://stackoverflow.com/questions/tagged/twitter-bootstrap-3 |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fstackoverflow.com/questions/tagged/twitter-bootstrap-3|title:Bootstrap Stackoverflow|target:_blank|”] |
| Node Packages | Packages with keyword ‘bootstrap’ https://www.npmjs.com/browse/keyword/bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fnpmjs.com/browse/keyword/bootstrap|title:Bootstrap Node Packges|target:_blank|”] |
| Bootstrap on Twitter | Official Twitter Profile https://twitter.com/getbootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Ftwitter.com/getbootstrap|title:Bootstrap on Twitter|target:_blank|”] |
| Bootstrap IRC | Chat with fellow Bootstrappers using IRC in the irc.freenode.net server, in the ##bootstrap channel. http://irc.netsplit.de/channels/details.php?room=%23%23bootstrap&net=freenode |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Firc.netsplit.de/channels/details.php?room=%23%23bootstrap&net=freenode|title:Bootstrap IRC|target:_blank|”] |
Bootstrap Showcases
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| BootstrapExpo | Beautiful and inspiring uses of Bootstrap. https://expo.getbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fexpo.getbootstrap.com|title:Bootstrap Expo|target:_blank|”] |
| BuiltWithBootstrap | Built With Bootstrap is the biggest and best showcase of sites, apps, tools built with/for/on Bootstrap. http://builtwithbootstrap.com |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fbuiltwithbootstrap.com|title:BuiltWithBootstrap|target:_blank|”] |
| Awwwards | The awards for design, creativity and innovation on the Internet. https://www.awwwards.com/websites/bootstrap/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fawwwards.com/websites/bootstrap/|title:Awwwards|target:_blank|”] |
| CSSDesignAwards | Premium website awards, endless inspiration and curated resources for web designers & developers. http://www.cssdesignawards.com/search?search_term=bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.cssdesignawards.com/search?search_term=bootstrap|title:CSSDesignAwards|target:_blank|”] |
Free Bootstrap Templates & Themes
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| PixInvent | Provides high quality, creative design and easy to use Bootstrap Admin Template, HTML & WordPress Template, Plugins, Graphics and more. https://pixinvent.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fpixinvent.com|title:PixInvent|target:_blank|”] |
| Themeselection | Production-ready, Developer Friendly and Highly customizable Free Bootstrap admin templates. https://themeselection.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fthemeselection.com/products/category/download-free-admin-templates|title:Themeselection|target:_blank|”] |
| Start Bootstrap | Start Bootstrap is a collection of free-to-download Bootstrap themes and templates. StartBootstrap themes are open source and you can use them for any purpose, even commercially! https://startbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fstartbootstrap.com|title:Start Bootstrap|target:_blank|”] |
| WebThemez | High quality premium and free html css responsive website templates and themes. Start browsing and download the template for your business, personal or commercial website. https://webthemez.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwebthemez.com|title:WebThemez|target:_blank|”] |
| Creative-Tim | Download the best Free Bootstrap Themes & Templates developed by Creative Tim. https://www.creative-tim.com/bootstrap-themes/free |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.creative-tim.com/bootstrap-themes/free|title:Creative-Tim|target:_blank|”] |
| Bootbundle | A complete and tidy package of the best stuff to enhance Bootstrap, the most popular front-end CSS & JavaScript framework for responsive design. http://www.bootbundle.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.bootbundle.com|title:Bootbundle|target:_blank|”] |
| BootstrapZero | Responsive, open-source templates & themes for Bootstrap 3 & Bootstrap 4. Download a free theme to kickstart your Bootstrap website. https://www.bootstrapzero.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.bootstrapzero.com|title:BootstrapZero|target:_blank|”] |
| BootstrapTaste | Collection and list super awesome free Bootstrap Templates and themes. https://bootstraptaste.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstraptaste.com|title:Bootstraptaste|target:_blank|”] |
| BootStrapious | You will find here a great collection of original free Bootstrap themes and templates prepared for your next project. All themes are fully responsive, HTML valid, premium quality, and last but not least – all of them are free to use! https://bootstrapious.com/free-templates |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapious.com/free-templates|title:BootStrapious|target:_blank|”] |
| PrepBootstrap | The ultimate source of free and premium Bootstrap themes, templates, and other widgets in complete code examples. Updated to the latest Bootstrap 3 version. http://www.prepbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.prepbootstrap.com|title:PrepBootstrap|target:_blank|”] |
| GridGum | Gridgum.com created a free themes section showcasing some of the best free themes from around the web. https://gridgum.com/themes/category/free/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fgridgum.com/themes/category/free/|title:GridGum|target:_blank|”] |
| GetTemplate | Free and premium Bootstrap templates for rapid web development http://www.gettemplate.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.gettemplate|title:GetTemplate|target:_blank|”] |
| BootstrapMade | Specialized in designing and creating elegant, clean, and beautiful free website templates using Bootstrap, the most popular HTML, CSS & JS framework. https://bootstrapmade.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapmade.com|title:BootstrapMade|target:_blank|”] |
| Mobirise | Mobirise Template is a free bootstrap template for any business, portfolio website or blog. https://mobirise.com/bootstrap-template/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fmobirise.com/bootstrap-template/|title:Mobirise|target:_blank|”] |
Premium Bootstrap Templates & Themes
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Bootstrap’s Official Themes | Official Themes from Bootstrap’s creators, Customize and extend the world’s most popular front-end framework. https://themes.getbootstrap.com/collections/all |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fthemes.getbootstrap.com/collections/all|title:Bootstrap’s Official Themes|target:_blank|”] |
| Themeselection | Production-ready, Developer Friendly and Highly customizable Bootstrap Admin Templates. https://themeselection.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fthemeselection.com/products/category/bootstrap-admin-templates|title:Themeselection|target:_blank|”] |
| ThemeForest | The list of best-selling Bootstrap templates from Themeforest is shorted by a number of sales. https://themeforest.net/search?utf8=%E2%9C%93&term=bootstrap&view=list&sort=sales&date=&tags=bootstrap&price_min=&price_max=&sales=&rating_min=&platform=&ref=PIXINVENT |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fthemeforest.net/search?utf8=%E2%9C%93&term=bootstrap&view=list&sort=sales&date=&tags=bootstrap&price_min=&price_max=&sales=&rating_min=&platform=&ref=PIXINVENT|title:ThemeForest|target:_blank|”] |
| DMartify | Best handpicked premium bootstrap templates that enable you to get start your next website/project in no time. http://dmartify.com/downloads/category/themes/bootstrap-themes/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fdmartify.com/downloads/category/themes/bootstrap-themes/|title:DMartify|target:_blank|”] |
| WrapBootstrap | WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation. https://wrapbootstrap.com/?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwrapbootstrap.com/?ref=pixinvent|title:WrapBootstrap|target:_blank|”] |
| CreativeMarket | Explore over 980 Bootstrap themes for use in personal and professional websites. These sets include UI kits, themes with Page Builder, and responsive layouts for single and multipage sites. https://creativemarket.com/themes/bootstrap?u=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fcreativemarket.com/themes/bootstrap?u=pixinvent|title:CreativeMarket|target:_blank|”] |
| Bootstrap | The most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. http://getbootstrap.com |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com|title:Bootstrap|target:_blank|”] |
| MojoMarketPlace | Start here. Build a better website with mojomarketplace bootstrap premium templates. https://mojomarketplace.com/search?keywords[]=bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fmojomarketplace.com/search?keywords[]=bootstrap|title:MojoMarketPlace|target:_blank|”] |
| BootstrapBay | High-quality Bootstrap themes & templates for your next web project. http://bootstrapbay.com/?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapbay.com/?ref=pixinvent|title:BootstrapBay|target:_blank|”] |
| Creative-Tim | Premium Bootstrap themes, templates, UI Kits, and more developed by Creative Tim. https://www.creative-tim.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.creative-tim.com/|title:Creative-Tim|target:_blank|”] |
| ShapeBootstrap | The marketplace where you can buy or sell premium Bootstrap templates, WordPress themes, and admin templates. http://shapebootstrap.net?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fshapebootstrap.net?ref=pixinvent|title:ShapeBootstrap|target:_blank|”] |
| BootstrapMade | Elegant, clean, and beautiful premium website templates using Bootstrap, the most popular HTML, CSS & JS framework. https://bootstrapmade.com/?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapmade.com/?ref=pixinvent|title:BootstrapMade|target:_blank|”] |
| Gridgum | Gridgum has gathered all bootstrap themes and templates so you too could enjoy easily manageable and device responsive low-cost templates. https://gridgum.com/themes/category/bootstrap-themes/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fgridgum.com/themes/category/bootstrap-themes/|title:Gridgum|target:_blank|”] |
| GrayGrids | Professional Bootstrap HTML5 Website Templates and Themes – Marketplace to Buy & Sell High-quality HTML Website Templates and WordPress Themes, Carefully Crafted for Your Next Web Project. https://graygrids.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fgraygrids.com|title:GrayGrids|target:_blank|”] |
| HotBootstrap | A Marketplace For Premium Bootstrap Themes & Templates. https://www.hotbootstrap.com/shop/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.hotbootstrap.com/shop/|title:HotBootstrap|target:_blank|”] |
| SuperBootstrap | Bootstrap template marketplace for the ready-to-use bootstrap premium template. http://superbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fsuperbootstrap.com|title:SuperBootstrap|target:_blank|”] |
| Designmodo Startup Framework | A high-quality solution for those who want a beautiful startup website quickly. https://designmodo.com/startup/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fdesignmodo.com/startup/|title:Designmodo Startup Framework|target:_blank|”] |
Bootstrap Learning & Tutorials
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Official Bootstrap Docs | An overview of Bootstrap, how to download and use basic templates and examples, and more. http://getbootstrap.com/getting-started/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com/getting-started/|title:Official Bootstrap Docs|target:_blank|”] |
| Blasting Off with Bootstrap | Bootstrap free video interactive learning course from code school, Use Bootstrap’s pre-built styles and functionality to help you easily add polish and useful behavior to your web application with HTML and CSS. https://www.codeschool.com/courses/blasting-off-with-bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.codeschool.com/courses/blasting-off-with-bootstrap|title:Blasting Off with Bootstrap|target:_blank|”] |
| Make a Website: Bootstrap | You’ll learn to build four simple websites using web development fundamentals, including HTML5/CSS3 and Bootstrap. https://www.codecademy.com/learn/make-a-website |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.codecademy.com/learn/make-a-website|title:Make a Website: Bootstrap|target:_blank|”] |
| w3schools | Step by step very basic to advanced bootstrap tutorials for beginners.This Bootstrap tutorial contains hundreds of Bootstrap examples. With our online editor, you can edit the code, and click on a button to view the result. https://www.w3schools.com/bootstrap/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.w3schools.com/bootstrap/|title:w3schools|target:_blank|”] |
| TutorialsPoint | This tutorial has been prepared for anyone who has a basic knowledge of HTML and CSS and has an urge to develop websites. After completing this tutorial you will find yourself at a moderate level of expertise in developing web projects using Twitter Bootstrap. https://www.tutorialspoint.com/bootstrap/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.tutorialspoint.com/bootstrap/|title:TutorialsPoint|target:_blank|”] |
| TutorialRepublic | Bootstrap tutorials will help you to learn the fundamentals as well as the advanced features of the latest Bootstrap framework step-by-step so that you can create responsive, interactive, and feature-rich websites with much less effort. http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.tutorialrepublic.com/twitter-bootstrap-tutorial/|title:TutorialRepublic|target:_blank|”] |
| JavatPoint | The bootstrap tutorial provides basic and advanced concepts of Bootstrap. Our Bootstrap tutorial is designed for beginners and professionals. https://www.javatpoint.com/bootstrap-tutorial |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.javatpoint.com/bootstrap-tutorial|title:JavatPoint|target:_blank|”] |
| TutsPlus | Premium & Free bootstrap learning tutorials. https://tutsplus.com/tutorials/search/bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Ftutsplus.com/tutorials/search/bootstrap|title:TutsPlus|target:_blank|”] |
| UDemy | Premium bootstrap learning video for beginners to advanced users. https://www.udemy.com/courses/search/?q=bootstrap&src=ukw |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.udemy.com/courses/search/?q=bootstrap&src=ukw|title:Bootstrap|target:_blank|”] |
| Lynda | Learn to develop responsive, mobile-first projects on the web using Bootstrap in these video tutorials by lynda.com. https://www.lynda.com/Bootstrap-training-tutorials/1421-0.html |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.lynda.com/Bootstrap-training-tutorials/1421-0.html|title:Lynda|target:_blank|”] |
Bootstrap Development Tools
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Bootstrap CDN | The recommended CDN for Bootstrap, Font Awesome, and Bootswatch. http://www.bootstrapcdn.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.bootstrapcdn.com|title:Bootstrap CDN|target:_blank|”] |
| BootPly | Bootply lets you fiddle with Bootstrap. Edit Bootstrap-friendly CSS, HTML and JavaScript. http://www.bootply.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.bootply.com|title:BootPly|target:_blank|”] |
| Bootstrap Magic | Easily create your own Twitter Bootstrap theme. Like it ? Save it ! https://pikock.github.io/bootstrap-magic/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fpikock.github.io/bootstrap-magic|title:Bootstrap Magic|target:_blank|”] |
| Lavish | Generate your own Bootstrap color scheme from an image and customize to your taste. http://www.lavishbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.lavishbootstrap.com|title:Lavish|target:_blank|”] |
| BootSwatchr | ThemeRoller for Twitter Bootstrap. http://bootswatchr.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fbootswatchr.com|title:BootSwatchr|target:_blank|”] |
| BootPress | Download and customize these free Bootstrap themes – designed and built with all the love in the world by fellow artisans. https://www.bootpress.org/bootstrap.html |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.bootpress.org/bootstrap.html|title:BootPress|target:_blank|”] |
| PaintStrap | Generate beautiful Twitter Bootstrap themes using the Adobe Kuler / COLOURlovers color scheme. http://paintstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fpaintstrap.com|title:PaintStrap|target:_blank|”] |
| Bootdey | Bootdey is a social site for web developers and web designers, especially for bootstrap HTML CSS JS framework lovers. http://bootdey.com |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fbootdey.com|title:Bootdey|target:_blank|”] |
| Responsive Bootstrap Builder – Mobirise | Mobirise templates are based on Bootstrap 3 and Bootstrap 4 – the most powerful mobile first framework. Now, even if you’re not code-savvy, you can be a part of an exciting growing bootstrap community. https://mobirise.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fmobirise.com|title:Responsive Bootstrap Builder – Mobirise|target:_blank|”] |
| Bootstrap Studio | A powerful desktop app for creating responsive websites using the Bootstrap framework. https://bootstrapstudio.io/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapstudio.io|title:Bootstrap Studio|target:_blank|”] |
| LayoutIt! | Create your frontend code simple and quickly with Bootstrap using our Drag & Drop Interface Builder. www.layoutit.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com|title:LayoutIt!|target:_blank|”] |
| Pingendo | Lightning-fast website prototyping and development. Brilliant for individuals – even better for teams. http://pingendo.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fpingendo.com|title:Pingendo|target:_blank|”] |
| Brix | Rapid prototyping for Bootstrap Framework. http://brix.io/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com|title:Brix|target:_blank|”] |
| Pinegrow | A desktop app that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and WordPress. https://pinegrow.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fpinegrow.com/|title:Pinegrow|target:_blank|”] |
| Jetstrap | Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3. https://jetstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fjetstrap.com|title:Jetstrap|target:_blank|”] |
| FRONTENDA | Bootstrap 3 EVO Drag&Drop builder with lots of features http://www.frontenda.com/snipped/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.frontenda.com/snipped/|title:FRONTENDA|target:_blank|”] |
| StrapPress | Bootstrap 3.3.6 WordPress Theme http://strappress.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fstrappress.com|title:StrapPress|target:_blank|”] |
Bootstrap Prototyping Tool & Website
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Bootstrap Wireframe Template PDF | Free Printable Twitter Bootstrap Wireframe Template. https://dribbble.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fdribbble.com/shots/873373-Free-Printable-Twitter-Bootstrap-Wireframe-Template|title:Bootstrap Wireframe Template PDF|target:_blank|”] |
| Omnigraffle stencils | This is a set of Omnigraffle stencils, colors, and templates that mirror Twitter Bootstrap as closely as possible. https://github.com/vigetlabs/Twitter-Bootstrap-for-Omnigraffle |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fgithub.com/vigetlabs/Twitter-Bootstrap-for-Omnigraffle|title:Omnigraffle stencils|target:_blank|”] |
| Bootstrap Grid Builder | Jay Kanakiya’s tool for exploring and generating column/row grids based on different devices (phone, tablet, or desktop). http://jaykanakiya.com/bootstrap-grid-builder/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fjaykanakiya.com/bootstrap-grid-builder/|title:Bootstrap Grid Builder|target:_blank|”] |
| Axutopia | Free Axure Widgets Library for Twitter Bootstrap 3.0 http://axutopia.com/twitter-bootstrap/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Faxutopia.com/twitter-bootstrap/|title:Axutopia|target:_blank|”] |
| HTML Prototyper’s Toolbox! | Built with Bootstrap, from Twitter, the HTML prototyper’s toolbox is a set of layouts that NiceUX uses to speed up their prototyping process. http://niceux.com/toolbox/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fniceux.com/toolbox/|title:HTML Prototyper’s Toolbox!|target:_blank|”] |
| Balsamiq Components | A symbols library for the mockup/drawing app Balsamiq. https://mockupstogo.mybalsamiq.com/projects/web/Bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fmockupstogo.mybalsamiq.com/projects/web/Bootstrap|title:Balsamiq Components|target:_blank|”] |
Bootstrap UI Extensions
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Button Generator | Bootstrap Button Generator http://bootsnipp.com/buttons |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fbootsnipp.com/buttons|title:Button Generator|target:_blank|”] |
| Form Builder | Form Builder and Generator for Bootstrap, Drag and drop components below to build your form. http://bootsnipp.com/forms?version=3 |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fbootsnipp.com/forms?version=3|title:Form Builder|target:_blank|”] |
| Social Buttons for Bootstrap | Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! http://lipis.github.io/bootstrap-social/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Flipis.github.io/bootstrap-social/|title:Social Buttons for Bootstrap|target:_blank|”] |
| TableStrap | The world’s favorite Bootstrap Table Generator. We hope you enjoy it and look forward to adding more soon! https://www.tablestrap.com/#tables |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.tablestrap.com/#tables|title:TableStrap|target:_blank|”] |
Bootstrap Icon fonts
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| Font Awesome | The iconic font and CSS toolkit. http://fontawesome.io/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Ffontawesome.io/|title:Font Awesome|target:_blank|”] |
| IcoMoon | Pixel Perfect Icon Solutions. https://icomoon.io/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Ficomoon.io|title:IcoMoon|target:_blank|”] |
| Fontello | Bootstrap font icon generator. http://fontello.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Ffontello.com/|title:Fontello|target:_blank|”] |
| GlyphSearch | Search for icons from Font Awesome, Glyphicons, IcoMoon, and Ionicons. http://glyphsearch.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fglyphsearch.com/|title:GlyphSearch|target:_blank|”] |
| Bootstrap Icons | Search different icon sets for relevant icons based on keywords. Supports bootstrap versions 2 and 3 as well as font awesome. http://www.bootstrapicons.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fwww.bootstrapicons.com/|title:Bootstrap Icons|target:_blank|”] |
| Glyphicons | The most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. http://getbootstrap.com |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com|title:Glyphicons|target:_blank|”] |
| Bootstrap | The collection of bootstrap glyphicons. http://glyphicons.bootstrapcheatsheets.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fglyphicons.bootstrapcheatsheets.com/|title:Bootstrap|target:_blank|”] |
Bootstrap Plugins & Extensions
Coming soon
Bootstrap Framework Integrations
Coming soon
Bootstrap Marketplaces to Sell Bootstrap Templates
[gem_table style=”2″ row_headers=”1″]
Resource |
Description & Link |
View |
|---|---|---|
| ThemeForest | The list of best-selling Bootstrap templates from Themeforest is shorted by a number of sales. https://themeforest.net/search?utf8=%E2%9C%93&term=bootstrap&view=list&sort=sales&date=&tags=bootstrap&price_min=&price_max=&sales=&rating_min=&platform=&ref=PIXINVENT |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fthemeforest.net/search?utf8=%E2%9C%93&term=bootstrap&view=list&sort=sales&date=&tags=bootstrap&price_min=&price_max=&sales=&rating_min=&platform=&ref=PIXINVENT|title:ThemeForest|target:_blank|”] |
| DMartify | Best handpicked premium bootstrap templates that enable you to get start your next website/project in no time. http://dmartify.com/downloads/category/themes/bootstrap-themes/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fdmartify.com/downloads/category/themes/bootstrap-themes/|title:DMartify|target:_blank|”] |
| WrapBootstrap | WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation. https://wrapbootstrap.com/?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwrapbootstrap.com/?ref=pixinvent|title:WrapBootstrap|target:_blank|”] |
| CreativeMarket | Explore over 980 Bootstrap themes for use in personal and professional websites. These sets include UI kits, themes with Page Builder, and responsive layouts for single and multipage sites. https://creativemarket.com/themes/bootstrap?u=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fcreativemarket.com/themes/bootstrap?u=pixinvent|title:CreativeMarket|target:_blank|”] |
| Bootstrap | The most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. http://getbootstrap.com |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fgetbootstrap.com|title:Bootstrap|target:_blank|”] |
| MojoMarketPlace | Start here. Build a better website with mojomarketplace bootstrap premium templates. https://mojomarketplace.com/search?keywords[]=bootstrap |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fmojomarketplace.com/search?keywords[]=bootstrap|title:MojoMarketPlace|target:_blank|”] |
| BootstrapBay | High quality Bootstrap themes & templates for your next web project. http://bootstrapbay.com/?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapbay.com/?ref=pixinvent|title:BootstrapBay|target:_blank|”] |
| ShapeBootstrap | The marketplace where you can buy or sell premium Bootstrap templates, WordPress themes, and admin templates. http://shapebootstrap.net?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fshapebootstrap.net?ref=pixinvent|title:ShapeBootstrap|target:_blank|”] |
| BootstrapMade | Elegant, clean and beautiful premium website templates using Bootstrap, the most popular HTML, CSS & JS framework. https://bootstrapmade.com/?ref=pixinvent |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fbootstrapmade.com/?ref=pixinvent|title:BootstrapMade|target:_blank|”] |
| Gridgum | Gridgum has gathered all bootstrap themes and templates so you too could enjoy easily manageable and device responsive low-cost templates. https://gridgum.com/themes/category/bootstrap-themes/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fgridgum.com/themes/category/bootstrap-themes/|title:Gridgum|target:_blank|”] |
| GrayGrids | Professional Bootstrap HTML5 Website Templates and Themes – Marketplace to Buy & Sell High-quality HTML Website Templates and WordPress Themes, Carefully Crafted for Your Next Web Project. https://graygrids.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fgraygrids.com|title:GrayGrids|target:_blank|”] |
| HotBootstrap | A Marketplace For Premium Bootstrap Themes & Templates. https://www.hotbootstrap.com/shop/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:https%3A%2F%2Fwww.hotbootstrap.com/shop/|title:HotBootstrap|target:_blank|”] |
| SuperBootstrap | Bootstrap template marketplace for the ready-to-use bootstrap premium template. http://superbootstrap.com/ |
[vc_btn title=”Go” style=”flat” color=”success” i_icon_fontawesome=”fa fa-chevron-circle-right” add_icon=”true” link=”url:http%3A%2F%2Fsuperbootstrap.com|title:SuperBootstrap|target:_blank|”] |
Miscellaneous
Coming soon
Hope I have covered most of all useful Premium & Free Bootstrap Resources List and other useful bootstrap-related informative links, You can also share your resource, plugin, idea, or suggestions also from Contact Us.
I will update this resource list regularly, Bookmark this post to get the free bootstrap resource list handy and get the new updates.
If you are looking for laravel and VueJS templates then do check the collections: VueJS admin templates, Laravel admin templates.
Related Posts