Awesome Bootstrap
Contents
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 priorities5️⃣ Tables Generator & Templates - Use 10+ templates and present your data in a more accessible way or generate your own table5️⃣ boostrap-table - An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.5️⃣ perfect-scrollbar - Minimalistic but perfect custom scrollbar plugin.
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 codeawesome
)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 codeawesome
)5️⃣ Bootstrap Menu - A collection of templates for different Bootstrap 5 menu & submenu configurations. (free with codeawesome
)
Templates
IMPORTANT: For items marked with please visit their site to learn more about their license.
Single Page Templates
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
Jumbtron | Responsive jumbotron built with the latest Bootstrap 5. A starter template with a full-width centered card at the top. | |||
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. | |||
Pricing | Responsive pricing example built with the latest Bootstrap 5. This template contains tiers for different prices of products, subscriptions, or saas. | |||
Blog | Responsive blog built with the latest Bootstrap 5. Open source template for personal or commercial blog. | |||
Coming Soon | Responsive counter template built with the latest Bootstrap 5. It counts down to the given date in a "coming soon" style. | |||
Fluent Design | Components in the newest Bootstrap 5 and Fluent Design. Completely new design using the latest Bootstrap. | |||
Login page | Responsive, login page template built with the latest Bootstrap 5. Signup/Registration form examples with validation. | |||
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. | |||
Bootstarters | Bootstarters - Free templates built with the latest Bootstrap 5 and styled in accordance with Material Design 2.0 guidelines | |||
Dark Theme | Dark theme for the components of the newest Bootstrap 5. Carefully selected colors, together creating a beautiful dark composition. | |||
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. | |||
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. | |||
Blog Post | Responsive, blogpost example built with the latest Bootstrap 5. Use this starter template for Bootstrap blogs, articles, and posts. | |||
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 |
---|---|---|---|---|
Bootstrap 5 Admin Template | Responsive admin dashboard built with the latest Bootstrap 5. Control panel theme ideal for admin pages, analytics & configuration panels. | |||
Sneat Free Bootstrap 5 Admin Template | Open-source & Easy to use Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout. |
Popular website clones
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
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. | |||
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. | |||
Wikipedia article page | The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products. | |||
IMDB homepage | The project includes a home page with typical, advanced navigation and multiple media containers for presenting news and movies. | |||
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. | |||
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. | |||
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. | |||
Instagram newsfeed | The project includes the user's newsfeed, along with the typical two-column layout, story row and navigation. | |||
YouTube homepage | The project includes a home page with typical, advanced YouTube navigation and multiple media containers for presenting videos. | |||
Trello board | The project includes trello board with a typical scrum system arrangement and draggable tasks. | |||
Alibaba homepage | The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products. | |||
Facebook newsfeed | The project includes the user's newsfeed, along with the typical three-column layout and social media navigation. | |||
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 compatible4️⃣ 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 |
---|---|---|---|---|
Landing Page | Landing Page is a responsive landing page theme for Bootstrap 4. | |||
Stylish portfolio | Stylish Portfolio is a one page Bootstrap portfolio theme with off canvas navigation and smooth scrolling through content sections. | |||
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. | |||
freelancer | Freelancer is a one page Bootstrap portfolio theme for freelancers. | |||
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 |
---|---|---|---|---|
ngx-admin | Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin | |||
react-reduction | Admin Dashboard built with ReactJS + Bootstrap4 + Create React App | |||
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. | |||
Tabler | Premium and Open Source dashboard template with responsive and high quality UI built on Bootstrap 4. |
Other Themes
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
DevExpress OfficeWhite | A Twitter Bootstrap theme inspired by 'Office365' | |||
DevExpress Purple | A Twitter Bootstrap theme with modern design | |||
Windows 95 Bootstrap | Original Windows 95 Elements UI Kit |
Info
Contributions
To contibute please see the contributing.md document.
Bootstrap version is denoted by
License
cc-by-4 - Too Long Didn't Read Version.
Maintainers
List started with
List maintained with
Contact filipkappa or file an issue to contact maintainers.