Ecosyste.ms: Awesome

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

awesome-bootstrap

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

  • 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
  • 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)
  • perfect-scrollbar - Minimalistic but perfect custom scrollbar plugin. [![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.
  • 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)
  • 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 E-commerce - A powerful html library to develop e-commerce web sites with a huge set of components and templates. (free with code `awesome`)
  • 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`)
  • Bootstrap Menu - A collection of templates for different Bootstrap 5 menu & submenu configurations. (free with code `awesome`)
  • Bootstrap 4 & jQuery 3 - 600+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
  • Bootstrap 4 & Angular 10 - 400+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
  • Bootstrap 4 & React 16 - 500+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
  • Bootstrap 4 & Vue 2 - 400+ free material UI components & templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
  • Bootstrap-Vue - 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)
  • 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)
  • 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)
  • custom license
  • 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)|
  • 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)|
  • 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)|
  • 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)|
  • 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)|
  • 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)|
  • Tabler - 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)|
  • 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.
  • 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
  • custom license
  • DevExpress OfficeWhite - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|
  • 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)|
  • ![PRs Welcome
  • ![Creative Commons License
  • cc-by-4 - Too Long Didn't Read Version
  • therebelrobot
  • ![Twitter Follow
  • filipkappa