Awesome Bootstrap

✨ Awesome - A curated list of amazing Bootstrap templates, plugins, UI Kits, tools and themes.

Contents

• Bootstrap 5 resources

  • Components
  • UI Kits
  • Templates
    • Single Page Templates
    • Admin Dashboards
    • Popular website clones
  • Playgrounds
  • Design Tools

• Bootstrap 4 resources

  • UI Kits
  • Templates
    • Single Page Templates
    • Admin Dashboards
    • Other themes

• Info

  • Contributions
  • License
  • Maintainers

Bootstrap 5 resources

Resources compatible with the latest Bootstrap v5 (based on vanilla JavaScript).

Components

• 5️⃣ Card UX/UI - Discover 20+ predefined templates or generate your custom card.
• 5️⃣ Ultimate Footer - the last but not least. Learn how the bottom of your page should be at the top of your priorities
• 5️⃣ Tables Generator & Templates - Use 10+ templates and present your data in a more accessible way or generate your own table
• 5️⃣ boostrap-table - An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.
• 5️⃣ perfect-scrollbar - Minimalistic but perfect custom scrollbar plugin.
• 5️⃣ Tab Collapse - 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.

• 5️⃣ Material Design for Bootstrap - 700+ free material UI components & templates.
• 5️⃣ Material Design for React - 700+ free material UI components & templates.
• 5️⃣ Material Design for Angular - 700+ free material UI components & templates.
• 5️⃣ Material Design for Vue - 700+ free material UI components & templates.
• 5️⃣ Bootstrap E-commerce - A powerful html library to develop e-commerce web sites with a huge set of components and templates. (free with code awesome)
• 5️⃣ Bootstrap E-commerce Admin - 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)
• 5️⃣ Bootstrap Menu - 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
5️⃣	Jumbtron		Responsive jumbotron built with the latest Bootstrap 5. A starter template with a full-width centered card at the top.
5️⃣	Blog Categories		Categories page with the latest Bootstrap 5. A starter template for showing the categories of a given blog, magazine, or other kinds of pages.
5️⃣	Pricing		Responsive pricing example built with the latest Bootstrap 5. This template contains tiers for different prices of products, subscriptions, or saas.
5️⃣	Blog		Responsive blog built with the latest Bootstrap 5. Open source template for personal or commercial blog.
5️⃣	Coming Soon		Responsive counter template built with the latest Bootstrap 5. It counts down to the given date in a "coming soon" style.
5️⃣	Fluent Design		Components in the newest Bootstrap 5 and Fluent Design. Completely new design using the latest Bootstrap.
5️⃣	Login page		Responsive, login page template built with the latest Bootstrap 5. Signup/Registration form examples with validation.
5️⃣	Video full-page Cover		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.
5️⃣	Bootstarters		Bootstarters - Free templates built with the latest Bootstrap 5 and styled in accordance with Material Design 2.0 guidelines
5️⃣	Dark Theme		Dark theme for the components of the newest Bootstrap 5. Carefully selected colors, together creating a beautiful dark composition.
5️⃣	Page with Carousel		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.
5️⃣	Image full-page cover		Responsive, background-image template built with the latest Bootstrap 5. Use this example of a full-page image as a header of your page.
5️⃣	Blog Post		Responsive, blogpost example built with the latest Bootstrap 5. Use this starter template for Bootstrap blogs, articles, and posts.
5️⃣	Magazine		Responsive magazine template built with the latest Bootstrap 5. News aggregator frontpage for articles, blogposts, and more.

Admin Dashboards

Version	Name	Screenshot	Description	LicenseInUse
5️⃣	Bootstrap 5 Admin Template		Responsive admin dashboard built with the latest Bootstrap 5. Control panel theme ideal for admin pages, analytics & configuration panels.
5️⃣	Sneat Free Bootstrap 5 Admin Template		Open-source & Easy to use Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.
5️⃣	MaterialPro Bootstrap Lite		The Best & Free Open-Source MaterialPro Bootstrap Templates with Features and Premium Version Option
5️⃣	Modernize Free Bootstrap 5 Admin Template		Free Open-Source Modernize Bootstrap Templates with Good Features and Premium Version Option

Popular website clones

Version	Name	Screenshot	Description	LicenseInUse
5️⃣	Twitter newsfeed		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.
5️⃣	Tripadvisor homepage		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.
5️⃣	Wikipedia article page		The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.
5️⃣	IMDB homepage		The project includes a home page with typical, advanced navigation and multiple media containers for presenting news and movies.
5️⃣	Airbnb		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.
5️⃣	Facebook messenger		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.
5️⃣	Facebook profile page		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.
5️⃣	Instagram newsfeed		The project includes the user's newsfeed, along with the typical two-column layout, story row and navigation.
5️⃣	YouTube homepage		The project includes a home page with typical, advanced YouTube navigation and multiple media containers for presenting videos.
5️⃣	Trello board		The project includes trello board with a typical scrum system arrangement and draggable tasks.
5️⃣	Alibaba homepage		The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.
5️⃣	Facebook newsfeed		The project includes the user's newsfeed, along with the typical three-column layout and social media navigation.
5️⃣	Amazon homepage		The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.

Playgrounds & hosting

• Codeply - an online editor that includes dozens of frameworks, starter templates and code snippets supports Vuetify, Bulma, Bootstrap, Foundation, MDB, Angular and Vue
• Snippets Playground - free & fast online editor dedicated to Bootstrap, supports integrations with React, Angular, Vue and MDB, full of community crafted components and design blocks
• CodePen - social development environment for front-end designers and developers
• JSFiddle - an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets
• MDB GO/CLI - frontend + backend environment. Create, deploy and host anything with a single command, offers free hosting & predesigned backend boilerplates integrated with Bootstrap, Angular, React, Vue, Laravel, WordPress, Express.js, MongoDB, MySQL, Tailwind, Express.js, SocketIO, Passport and more.

Design Tools

• Drag & Drop Builder
• Lab Templates
• Color Schemes generator
• ProofHub
• Logo generator
• Filestage
• CSS Masks & Glassmorphism Generator
• Logaster
• Instagram filters CSS generator
• Coolors – Color scheme generator
• CSS gradients generator
• Palleton – A color scheme
• Fancy border radius generator
• Diigo
• Meta tags generator
• Cards generator
• Pixlr
• Buttons generator
• InVision Studio
• Charts creator
• Marvel
• Shadows generator
• Figma
• SVG waves generator
• Affinity Designer
• Datatables builder
• UXPin
• Alerts generator
• Proto.io
• Modals generator
• MockFlow
• Icons generator
• Adobe Comp
• Table generator
• Flinto
• Flexbox generator
• Justinmind
• Footer generator
• Canva
• Navbar generator
• Orion Icon
• Typography generator
• Squoosh
• Grid generator
• Animation generator
• Ripple generator
• Button Generator

Bootstrap 4 resources

Resources compatible with the older Bootstrap v4 (based on jQuery).

Components

UI Kits & libraries

• 4️⃣ Bootstrap 4 & jQuery 3 - 600+ free material UI components & templates.
• 4️⃣ Bootstrap 4 & Angular 10 - 400+ free material UI components & templates.
• 4️⃣ Bootstrap 4 & React 16 - 500+ free material UI components & templates.
• 4️⃣ Bootstrap 4 & Vue 2 - 400+ free material UI components & templates.
• 4️⃣ Bootstrap-Vue Complete Components For Vue.js 2. ^{2.x compatible}
• 4️⃣ ng-bootstrap Angular directives specific to Bootstrap 4 (Angular 2)
• 4️⃣ reactstrap - Stateless React Components for Bootstrap 4.
• 4️⃣ CodexUI [1] - Vanilla Bootstrap components that require no extra CSS or Javascript to use.
• 4️⃣ Pixel UI Kit - Premium collection of Bootstrap components and 4 example pages.
• 4️⃣ django-bootstrap-customizer - Customizable Bootstrap 4 generator for Django.

Templates

IMPORTANT: For items marked with please visit their site to learn more about their license.

Single Page Templates

Version	Name	Screenshot	Description	LicenseInUse
4️⃣	Landing Page		Landing Page is a responsive landing page theme for Bootstrap 4.
4️⃣	Stylish portfolio		Stylish Portfolio is a one page Bootstrap portfolio theme with off canvas navigation and smooth scrolling through content sections.
4️⃣	agency		Agency is a one page agency portfolio theme for Bootstrap created by Start Bootstrap. This theme features several content sections, a responsive portfolio grid with hover effects, full page portfolio item modals, a responsive timeline, and a working PHP contact form.
4️⃣	freelancer		Freelancer is a one page Bootstrap portfolio theme for freelancers.
4️⃣	Grayscale		Grayscale is a multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations.

Admin Dashboards

Version	Name	Screenshot	Description	LicenseInUse
4️⃣	ngx-admin		Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin
4️⃣	react-reduction		Admin Dashboard built with ReactJS + Bootstrap4 + Create React App
4️⃣	sb-admin		SB Admin is a free to download Bootstrap admin template. This template uses the defaul Bootstrap 4 styles along with a variety of powerful jQuery plugins to create a pwerful framework for creating admin panels, web apps, or back-end dashboards.
4️⃣	Tabler		Premium and Open Source dashboard template with responsive and high quality UI built on Bootstrap 4.

Other Themes

Version	Name	Screenshot	Description	LicenseInUse
4️⃣	DevExpress OfficeWhite		A Twitter Bootstrap theme inspired by 'Office365'
4️⃣	DevExpress Purple		A Twitter Bootstrap theme with modern design
4️⃣	Windows 95 Bootstrap		Original Windows 95 Elements UI Kit

Info

Contributions

To contibute please see the contributing.md document. Bootstrap version is denoted by 4️⃣ or 5️⃣ emoji. We do not recommend you use outdated frameworks, so Bootstrap 3 entries are no longer allowed. If you have multiple versions of your resource, please include the highest version only, or include each of them as a separate entry.

License

cc-by-4 - Too Long Didn't Read Version.

Maintainers

List started with ❤️ by therebelrobot.

List maintained with ❤️ by filipkappa.

Contact filipkappa or file an issue to contact maintainers.