# Awesome Bootstrap [](https://github.com/sindresorhus/awesome) [](https://creativecommons.org/licenses/by/4.0/)
:sparkles: Awesome - A curated list of amazing Bootstrap templates, plugins, UI Kits, tools and themes.
## Contents
- [Bootstrap 5 resources](#components)
- [Components](#components)
- [UI Kits](#ui-kits--libraries)
- [Templates](#templates)
- [Single Page Templates](#single-page-templates)
- [Admin Dashboards](#admin-dashboards)
- [Popular website clones](#popular-website-clones)
- [Playgrounds](#playgrounds)
- [Design Tools](#design-tools)
- [Bootstrap 4 resources](#bootstrap-4-resources)
- [UI Kits](#ui-kits--libraries-1)
- [Templates](#templates-1)
- [Single Page Templates](#single-page-templates-1)
- [Admin Dashboards](#admin-dashboards-1)
- [Other themes](#other-themes)
- [Info](#info)
- [Contributions](#contributions)
- [License](#license)
- [Maintainers](#license)
---
# Bootstrap 5 resources
Resources compatible with the latest Bootstrap v5 (based on vanilla JavaScript).
## Components
- :five: [Card UX/UI](https://mdbootstrap.com/docs/standard/components/cards/) - Discover 20+ predefined templates or generate your custom card. [](https://opensource.org/licenses/MIT)
- :five: [Ultimate Footer](https://mdbootstrap.com/docs/standard/navigation/footer/) - the last but not least. Learn how the bottom of your page should be at the top of your priorities [](https://opensource.org/licenses/MIT)
- :five: [Tables Generator & Templates](https://mdbootstrap.com/docs/standard/data/tables/) - Use 10+ templates and present your data in a more accessible way or generate your own table
- :five: [boostrap-table](https://github.com/wenzhixin/bootstrap-table) - An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. [](https://opensource.org/licenses/MIT)
- :five: [perfect-scrollbar](https://perfectscrollbar.com/) - Minimalistic but perfect custom scrollbar plugin. [](https://opensource.org/licenses/MIT)
- :five: [Tab Collapse](https://github.com/flatlogic/bootstrap-tabcollapse) - MSmall bootstrap plugin that switches bootstrap tabs component to collapse component for small screens.
## UI Kits & libraries
*These aren't full out-of-the-box themes, rather, they are components you can use in your own creations.*
- :five: [Material Design for Bootstrap](https://github.com/mdbootstrap/mdb-ui-kit) - 700+ free material UI components & templates. [](https://opensource.org/licenses/MIT)
- :five: [Material Design for React](https://mdbootstrap.com/docs/react/) - 700+ free material UI components & templates. [](https://opensource.org/licenses/MIT)
- :five: [Material Design for Angular](https://mdbootstrap.com/docs/angular/) - 700+ free material UI components & templates. [](https://opensource.org/licenses/MIT)
- :five: [Material Design for Vue](https://mdbootstrap.com/docs/vue/) - 700+ free material UI components & templates. [](https://opensource.org/licenses/MIT)
- :five: [Bootstrap E-commerce](https://bootstrap-ecommerce.com/) - A powerful html library to develop e-commerce web sites with a huge set of components and templates. (free with code `awesome`)
- :five: [Bootstrap E-commerce Admin](https://bootstrap-ecommerce.com/) - Ready to use simple e-commerce dashboard templates. Admin sales dashboard ui designs with demo includes all necessary files to start project quickly. (free with code `awesome`)
- :five: [Bootstrap Menu](https://bootstrap-menu.com/) - A collection of templates for different Bootstrap 5 menu & submenu configurations. (free with code `awesome`)
## Templates
**IMPORTANT:** For items marked with please visit their site to learn more about their license.
### Single Page Templates
| Version | Name | Screenshot | Description | LicenseInUse |
| ------- | ---- | ---------- | ----------- | ------------ |
| :five: | [Jumbtron](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515510/) | | Responsive jumbotron built with the latest Bootstrap 5. A starter template with a full-width centered card at the top.|[](https://opensource.org/licenses/MIT)|
| :five: | [Blog Categories](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515508/) | | Categories page with the latest Bootstrap 5. A starter template for showing the categories of a given blog, magazine, or other kinds of pages.|[](https://opensource.org/licenses/MIT)|
| :five: | [Pricing](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515552/) | | Responsive pricing example built with the latest Bootstrap 5. This template contains tiers for different prices of products, subscriptions, or saas.|[](https://opensource.org/licenses/MIT)|
| :five: | [Blog](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515504/) | | Responsive blog built with the latest Bootstrap 5. Open source template for personal or commercial blog.|[](https://opensource.org/licenses/MIT)|
| :five: | [Coming Soon](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515515/) | | Responsive counter template built with the latest Bootstrap 5. It counts down to the given date in a "coming soon" style.|[](https://opensource.org/licenses/MIT)|
| :five: | [Fluent Design](https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/full-demo.html) | |Components in the newest Bootstrap 5 and Fluent Design. Completely new design using the latest Bootstrap.|[](https://opensource.org/licenses/MIT)|
| :five: | [Login page](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515540/) | | Responsive, login page template built with the latest Bootstrap 5. Signup/Registration form examples with validation.|[](https://opensource.org/licenses/MIT)|
| :five: | [Video full-page Cover](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515523/) | | Responsive fullscreen video template built with the latest Bootstrap 5. This full-page video example will take up the entire viewport of your user screen.|[](https://opensource.org/licenses/MIT)|
| :five: | [Bootstarters](https://www.bootstarters.com/) | | Bootstarters - Free templates built with the latest Bootstrap 5 and styled in accordance with Material Design 2.0 guidelines |[](https://opensource.org/licenses/MIT)|
| :five: | [Dark Theme](https://mdbootstrap.com/snippets/standard/mdbootstrap/2922363) | | Dark theme for the components of the newest Bootstrap 5. Carefully selected colors, together creating a beautiful dark composition. |[](https://opensource.org/licenses/MIT)|
| :five: | [Page with Carousel](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515519/) | | Responsive, background-image carousel template built with the latest Bootstrap 5. Use a full-page image slider as the first thing the user sees on your website. |[](https://opensource.org/licenses/MIT)|
| :five: | [Image full-page cover](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515521) | | Responsive, background-image template built with the latest Bootstrap 5. Use this example of a full-page image as a header of your page. |[](https://opensource.org/licenses/MIT)|
| :five: | [Blog Post](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515550/) | | Responsive, blogpost example built with the latest Bootstrap 5. Use this starter template for Bootstrap blogs, articles, and posts. |[](https://opensource.org/licenses/MIT)|
| :five: | [Magazine](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515545/) | | Responsive magazine template built with the latest Bootstrap 5. News aggregator frontpage for articles, blogposts, and more.|[](https://opensource.org/licenses/MIT)|
### Admin Dashboards
| Version | Name | Screenshot | Description | LicenseInUse |
| ------- | ---- | ---------- | ----------- | ------------ |
|:five:| [Bootstrap 5 Admin Template](https://startbootstrap.com/template-overviews/sb-admin-2/) ||Responsive admin dashboard built with the latest Bootstrap 5. Control panel theme ideal for admin pages, analytics & configuration panels.|[](https://opensource.org/licenses/MIT)|
|:five:| [Sneat Free Bootstrap 5 Admin Template](https://themeselection.com/products/sneat-free-bootstrap-html-admin-template/) ||Open-source & Easy to use Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.|[](https://opensource.org/licenses/MIT)|
|:five:| [MaterialPro Bootstrap Lite](https://www.wrappixel.com/templates/materialpro-lite/) ||The Best & Free Open-Source MaterialPro Bootstrap Templates with Features and Premium Version Option|[](https://opensource.org/licenses/MIT)|
|:five:| [Modernize Free Bootstrap 5 Admin Template](https://adminmart.com/product/modernize-free-bootstrap-5-admin-template/) ||Free Open-Source Modernize Bootstrap Templates with Good Features and Premium Version Option|[](https://opensource.org/licenses/MIT)|
|:five:| [Materio Free Bootstrap 5 Admin Template](https://themeselection.com/item/materio-free-bootstrap-html-admin-template/) ||Open-source & Easy to use Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.|[](https://opensource.org/licenses/MIT)|
### Popular website clones
| Version | Name | Screenshot | Description | LicenseInUse |
| ------- | ---- | ---------- | ----------- | ------------ |
|:five:|[Twitter newsfeed](https://mdbootstrap.com/snippets/standard/mdb-lab/2867455) | |The project includes a home page with three column layout where the two extreme ones are responsible for the navigation, while the middle one i cards you can check recent user activity.|[](https://opensource.org/licenses/MIT)|
|:five:|[Tripadvisor homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2867464) | |The project includes a home page with one column layout with easy to use navigation in shortcuts under the navbar. The page includes also a search form & number of cards with advised the best places to rest.|[](https://opensource.org/licenses/MIT)|
|:five:|[Wikipedia article page](https://mdbootstrap.com/snippets/standard/mdb-lab/2867452) | |The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.|[](https://opensource.org/licenses/MIT)|
|:five:|[IMDB homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2847268) | |The project includes a home page with typical, advanced navigation and multiple media containers for presenting news and movies.|[](https://opensource.org/licenses/MIT)|
|:five:|[Airbnb](https://mdbootstrap.com/snippets/standard/mdb-lab/2847266) | |The project includes two-column layout with advanced navigation of multiple media containers for presenting places to stay in area you can choose on interactive map.|[](https://opensource.org/licenses/MIT)|
|:five:|[Facebook messenger](https://mdbootstrap.com/snippets/standard/mdb-lab/2847260) | |The project includes typical three column layout with interface to send messages and exchange photos, videos, stickers, audio, and files, as well as react to other users' messages.|[](https://opensource.org/licenses/MIT)|
|:five:|[Facebook profile page](https://mdbootstrap.com/snippets/standard/mdb-lab/2847258) | |The project includes the user's profile page, along with the top navigation, cover photo, profile photo, and below that typical two-column layout with account information, and user news feed.|[](https://opensource.org/licenses/MIT)|
|:five:|[Instagram newsfeed](https://mdbootstrap.com/snippets/standard/mdb-lab/2847257) | |The project includes the user's newsfeed, along with the typical two-column layout, story row and navigation.|[](https://opensource.org/licenses/MIT)|
|:five:|[YouTube homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2847265) | |The project includes a home page with typical, advanced YouTube navigation and multiple media containers for presenting videos.|[](https://opensource.org/licenses/MIT)|
|:five:|[Trello board](https://mdbootstrap.com/snippets/standard/mdb-lab/2847259) | |The project includes trello board with a typical scru