Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-bootstrap

✨ Awesome - A curated list of amazing Bootstrap tools and themes.
https://github.com/awesome-bootstrap-org/awesome-bootstrap

Last synced: 6 days ago
JSON representation

  • Templates

    • Design Tools

    • Single Page Templates

      • Jumbtron - template.jpg)| Responsive jumbotron built with the latest Bootstrap 5. A starter template with a full-width centered card at the top.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Blog Categories - categories.jpg)| Categories page with the latest Bootstrap 5. A starter template for showing the categories of a given blog, magazine, or other kinds of pages.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Pricing - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Blog - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Coming Soon - soon.jpg)| Responsive counter template built with the latest Bootstrap 5. It counts down to the given date in a "coming soon" style.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Fluent Design - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Login page - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Video full-page Cover - full-cover.jpg) | 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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Bootstarters - Free templates built with the latest Bootstrap 5 and styled in accordance with Material Design 2.0 guidelines |[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Dark Theme - dark](./screenshots/dark-theme.jpg) | Dark theme for the components of the newest Bootstrap 5. Carefully selected colors, together creating a beautiful dark composition. |[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Page with Carousel - Page](./screenshots/page-carousel.jpg) | 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. |[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Image full-page cover - cover.jpg) | Responsive, background-image template built with the latest Bootstrap 5. Use this example of a full-page image as a header of your page. |[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Blog Post - post.jpg) | Responsive, blogpost example built with the latest Bootstrap 5. Use this starter template for Bootstrap blogs, articles, and posts. |[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Magazine - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Landing Page - page](./screenshots/spa-landing-page.png) |Landing Page is a responsive landing page theme for Bootstrap 4.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Stylish portfolio - stylish.png) |Stylish Portfolio is a one page Bootstrap portfolio theme with off canvas navigation and smooth scrolling through content sections.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • agency - agency.png) | 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. | [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) |
      • freelancer - freelancer.png) |Freelancer is a one page Bootstrap portfolio theme for freelancers.| [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Grayscale - grayscale.png) |Grayscale is a multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Dark Theme - dark](./screenshots/dark-theme.jpg) | Dark theme for the components of the newest Bootstrap 5. Carefully selected colors, together creating a beautiful dark composition. |[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
    • Admin Dashboards

      • Bootstrap 5 Admin Template - bootstrap5.jpg)|Responsive admin dashboard built with the latest Bootstrap 5. Control panel theme ideal for admin pages, analytics & configuration panels.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • MaterialPro Bootstrap Lite - bootstrap-lite-y.jpg)|The Best & Free Open-Source MaterialPro Bootstrap Templates with Features and Premium Version Option|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Modernize Free Bootstrap 5 Admin Template - free-bootstrap-admin-template.jpg)|Free Open-Source Modernize Bootstrap Templates with Good Features and Premium Version Option|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Materio Free Bootstrap 5 Admin Template - bootstrap-html-admin-template-github.png)|Open-source & Easy to use Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • sb-admin - admin](./screenshots/sb-admin.png)|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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • ngx-admin - admin](https://i.imgur.com/YgawGED.png) |Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • react-reduction - reduction](./screenshots/reduction-admin-compact.png)|Admin Dashboard built with ReactJS + Bootstrap4 + Create React App|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Sneat Free Bootstrap 5 Admin Template - free-bootstrap-5-html-admin-template.png)|Open-source & Easy to use Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Twitter newsfeed - newsfeed.jpg) |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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Tripadvisor homepage - homepage.jpg) |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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Wikipedia article page - article-page.jpg) |The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • IMDB homepage - homepage.jpg) |The project includes a home page with typical, advanced navigation and multiple media containers for presenting news and movies.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Airbnb - column layout with advanced navigation of multiple media containers for presenting places to stay in area you can choose on interactive map.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Facebook messenger - messenger.jpg) |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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Facebook profile page - profile-page.jpg) |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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Instagram newsfeed - newsfeed.jpg) |The project includes the user's newsfeed, along with the typical two-column layout, story row and navigation.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • YouTube homepage - homepage.jpg) |The project includes a home page with typical, advanced YouTube navigation and multiple media containers for presenting videos.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Trello board - board.jpg) |The project includes trello board with a typical scrum system arrangement and draggable tasks.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Alibaba homepage - homepage.jpg) |The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Facebook newsfeed - newsfeed.jpg) |The project includes the user's newsfeed, along with the typical three-column layout and social media navigation.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Amazon homepage - homepage.jpg) |The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
    • 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.
    • Other Themes

      • DevExpress Purple - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • Windows 95 Bootstrap - east-2.amazonaws.com/public/products/windows-95/windows-95-bootstrap-preview.gif) |Original Windows 95 Elements UI Kit|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
      • DevExpress Purple - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
  • Components

    • Card UX/UI - Discover 20+ predefined templates or generate your custom card. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
    • Ultimate Footer - the last but not least. Learn how the bottom of your page should be at the top of your priorities [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
    • Tables Generator & Templates - Use 10+ templates and present your data in a more accessible way or generate your own table
    • perfect-scrollbar - Minimalistic but perfect custom scrollbar plugin. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
    • boostrap-table - An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
    • Tab Collapse - MSmall bootstrap plugin that switches bootstrap tabs component to collapse component for small screens.
  • UI Kits & libraries

      • Material Design for React - 700+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • Material Design for Angular - 700+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • Material Design for Vue - 700+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • Bootstrap Menu - A collection of templates for different Bootstrap 5 menu & submenu configurations. (free with code `awesome`)
      • Material Design for Bootstrap - 700+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • 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`)
    • Design Tools

      • CodexUI - disclosure) - Vanilla Bootstrap components that require no extra CSS or Javascript to use. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • ng-bootstrap - MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • reactstrap - Stateless React Components for Bootstrap 4. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • Pixel UI Kit - Premium collection of Bootstrap components and 4 example pages. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
      • django-bootstrap-customizer - Customizable Bootstrap 4 generator for Django. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
  • Contributions

  • Maintainers