{"id":3486,"url":"https://github.com/awesome-bootstrap-org/awesome-bootstrap","name":"awesome-bootstrap","description":"✨  Awesome - A curated list of amazing Bootstrap tools and themes.","projects_count":127,"last_synced_at":"2026-08-07T11:00:30.173Z","repository":{"id":19415811,"uuid":"22658069","full_name":"awesome-bootstrap-org/awesome-bootstrap","owner":"awesome-bootstrap-org","description":"✨  Awesome - A curated list of amazing Bootstrap tools and themes.","archived":false,"fork":false,"pushed_at":"2023-11-02T14:54:30.000Z","size":30151,"stargazers_count":1437,"open_issues_count":1,"forks_count":189,"subscribers_count":56,"default_branch":"master","last_synced_at":"2026-07-19T04:05:55.117Z","etag":null,"topics":["awesome","awesome-list","bootstrap"],"latest_commit_sha":null,"homepage":"https://awesome-bootstrap-org.github.io/awesome-bootstrap/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awesome-bootstrap-org.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-08-05T20:17:05.000Z","updated_at":"2026-07-10T08:47:25.000Z","dependencies_parsed_at":"2023-02-16T17:01:13.842Z","dependency_job_id":"cab978ae-68e2-43f7-91a2-4f108bd01cab","html_url":"https://github.com/awesome-bootstrap-org/awesome-bootstrap","commit_stats":null,"previous_names":["therebelrobot/awesome-bootstrap"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/awesome-bootstrap-org/awesome-bootstrap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awesome-bootstrap-org%2Fawesome-bootstrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awesome-bootstrap-org%2Fawesome-bootstrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awesome-bootstrap-org%2Fawesome-bootstrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awesome-bootstrap-org%2Fawesome-bootstrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awesome-bootstrap-org","download_url":"https://codeload.github.com/awesome-bootstrap-org/awesome-bootstrap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awesome-bootstrap-org%2Fawesome-bootstrap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36369422,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-07T02:00:06.708Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-05T23:59:51.492Z","updated_at":"2026-08-07T11:00:30.173Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Templates","Components","UI Kits \u0026 libraries","Contributions","Maintainers","License"],"sub_categories":["Design Tools","Playgrounds \u0026 hosting","Single Page Templates","Admin Dashboards","Popular website clones","Other Themes"],"readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"./screenshots/bootstrap5.png\" alt=\"bootstrap-stack\" width=\"400\" /\u003e\u003c/p\u003e\n\n\n# Awesome Bootstrap [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![License: CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by/4.0/)\n\n:sparkles: Awesome - A curated list of amazing Bootstrap templates, plugins, UI Kits, tools and themes.\n\n\n## Contents\n\n\n- [Bootstrap 5 resources](#components)\n  - [Components](#components)\n  - [UI Kits](#ui-kits--libraries)\n  - [Templates](#templates)\n    - [Single Page Templates](#single-page-templates)\n    - [Admin Dashboards](#admin-dashboards)\n    - [Popular website clones](#popular-website-clones)\n  - [Playgrounds](#playgrounds)\n  - [Design Tools](#design-tools)\n\n- [Bootstrap 4 resources](#bootstrap-4-resources)\n  - [UI Kits](#ui-kits--libraries-1)\n  - [Templates](#templates-1)\n    - [Single Page Templates](#single-page-templates-1)\n    - [Admin Dashboards](#admin-dashboards-1)\n    - [Other themes](#other-themes) \n\n- [Info](#info)\n  - [Contributions](#contributions)\n  - [License](#license)\n  - [Maintainers](#license)\n\n\n---\n\n\n# Bootstrap 5 resources\nResources compatible with the latest Bootstrap v5 (based on vanilla JavaScript).\n\n\n## Components\n- :five: [Card UX/UI](https://mdbootstrap.com/docs/standard/components/cards/) - 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)\n- :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 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :five: [Tables Generator \u0026 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\n- :five: [boostrap-table](https://github.com/wenzhixin/bootstrap-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)\n- :five: [perfect-scrollbar](https://perfectscrollbar.com/) - Minimalistic but perfect custom scrollbar plugin. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :five: [Tab Collapse](https://github.com/flatlogic/bootstrap-tabcollapse) - MSmall bootstrap plugin that switches bootstrap tabs component to collapse component for small screens.\n\n\n## UI Kits \u0026 libraries\n*These aren't full out-of-the-box themes, rather, they are components you can use in your own creations.*\n- :five: [Material Design for Bootstrap](https://github.com/mdbootstrap/mdb-ui-kit) - 700+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :five: [Material Design for React](https://mdbootstrap.com/docs/react/) - 700+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :five: [Material Design for Angular](https://mdbootstrap.com/docs/angular/) - 700+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :five: [Material Design for Vue](https://mdbootstrap.com/docs/vue/) - 700+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :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`)\n- :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`)\n- :five: [Bootstrap Menu](https://bootstrap-menu.com/) - A collection of templates for different Bootstrap 5 menu \u0026 submenu configurations. (free with code `awesome`)\n\n## Templates\n**IMPORTANT:** For items marked with ![custom license](https://img.shields.io/badge/License-Custom-red.svg) please visit their site to learn more about their license.\n\n### Single Page Templates\n| Version | Name | Screenshot | Description | LicenseInUse |\n| ------- | ---- | ---------- | ----------- | ------------ |\n| :five: | [Jumbtron](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515510/) | ![Jumbtron](./screenshots/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)|\n| :five: | [Blog Categories](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515508/) | ![Blog Categories](./screenshots/blog-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)|\n| :five: | [Pricing](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515552/) | ![Pricing](./screenshots/pricing.jpg)| Responsive pricing example built with the latest Bootstrap 5. This template contains tiers for different prices of products, subscriptions, or saas.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n| :five: | [Blog](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515504/) | ![Blog](./screenshots/blog.jpg)| Responsive blog built with the latest Bootstrap 5. Open source template for personal or commercial blog.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n| :five: | [Coming Soon](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515515/) | ![Coming Soon](./screenshots/coming-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)|\n| :five: | [Fluent Design](https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/full-demo.html) | ![Fluent Design](./screenshots/fluent.jpg)|Components in the newest Bootstrap 5 and Fluent Design. Completely new design using the latest Bootstrap.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n| :five: | [Login page](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515540/) | ![Login page](./screenshots/login.jpg)| Responsive, login page template built with the latest Bootstrap 5. Signup/Registration form examples with validation.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n| :five: | [Video full-page Cover](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515523/) | ![BlogPost](./screenshots/video-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)|\n| :five: | [Bootstarters](https://www.bootstarters.com/) | ![bootstarters](./screenshots/bootstarters.png) | 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)|\n| :five: | [Dark Theme](https://mdbootstrap.com/snippets/standard/mdbootstrap/2922363) | ![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)|\n| :five: | [Page with Carousel](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515519/) | ![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)|\n| :five: | [Image full-page cover](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515521) | ![ImageCoverPage](./screenshots/image-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)|\n| :five: | [Blog Post](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515550/) | ![BlogPost](./screenshots/blog-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)|\n| :five: | [Magazine](https://mdbootstrap.com/snippets/standard/mdbootstrap/2515545/) | ![Magazine](./screenshots/magazine.jpg)| Responsive magazine template built with the latest Bootstrap 5. News aggregator frontpage for articles, blogposts, and more.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n\n\n\n### Admin Dashboards\n| Version | Name | Screenshot | Description | LicenseInUse |\n| ------- | ---- | ---------- | ----------- | ------------ |\n|:five:| [Bootstrap 5 Admin Template](https://startbootstrap.com/template-overviews/sb-admin-2/) |![Bootstrap 5 Admin Template](./screenshots/admin-bootstrap5.jpg)|Responsive admin dashboard built with the latest Bootstrap 5. Control panel theme ideal for admin pages, analytics \u0026 configuration panels.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n|:five:| [Sneat Free Bootstrap 5 Admin Template](https://themeselection.com/products/sneat-free-bootstrap-html-admin-template/) |![Sneat Free Bootstrap 5 Admin Template](./screenshots/sneat-free-bootstrap-5-html-admin-template.png)|Open-source \u0026 Easy to use Bootstrap 5 HTML Admin Template with Elegant Design \u0026 Unique Layout.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n|:five:| [MaterialPro Bootstrap Lite](https://www.wrappixel.com/templates/materialpro-lite/) |![MaterialPro Bootstrap Lite](./screenshots/materialpro-bootstrap-lite-y.jpg)|The Best \u0026 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)|\n|:five:| [Modernize Free Bootstrap 5 Admin Template](https://adminmart.com/product/modernize-free-bootstrap-5-admin-template/) |![Modernize Free Bootstrap 5 Admin Template](./screenshots/modenize-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)|\n|:five:| [Materio Free Bootstrap 5 Admin Template](https://themeselection.com/item/materio-free-bootstrap-html-admin-template/) |![Materio Free Bootstrap 5 Admin Template](./screenshots/materio-bootstrap-html-admin-template-github.png)|Open-source \u0026 Easy to use Bootstrap 5 HTML Admin Template with Elegant Design \u0026 Unique Layout.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n\n\n### Popular website clones\n| Version | Name | Screenshot | Description | LicenseInUse |\n| ------- | ---- | ---------- | ----------- | ------------ |\n|:five:|[Twitter newsfeed](https://mdbootstrap.com/snippets/standard/mdb-lab/2867455) | ![word](./screenshots/twitter-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)|\n|:five:|[Tripadvisor homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2867464) | ![Tripadvisor homepage](./screenshots/tripadvisor-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 \u0026 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)|\n|:five:|[Wikipedia article page](https://mdbootstrap.com/snippets/standard/mdb-lab/2867452) | ![Wikipedia article page](./screenshots/wikipedia-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)|\n|:five:|[IMDB homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2847268) | ![IMDB homepage](./screenshots/imdb-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)|\n|:five:|[Airbnb](https://mdbootstrap.com/snippets/standard/mdb-lab/2847266) | ![Airbnb](./screenshots/airbnb.jpg) |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.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n|:five:|[Facebook messenger](https://mdbootstrap.com/snippets/standard/mdb-lab/2847260) | ![Facebook messenger](./screenshots/facebook-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)|\n|:five:|[Facebook profile page](https://mdbootstrap.com/snippets/standard/mdb-lab/2847258) | ![Facebook profile page](./screenshots/facebook-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)|\n|:five:|[Instagram newsfeed](https://mdbootstrap.com/snippets/standard/mdb-lab/2847257) | ![Instagram newsfeed](./screenshots/instagram-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)|\n|:five:|[YouTube homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2847265) | ![YouTube homepage](./screenshots/youtube-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)|\n|:five:|[Trello board](https://mdbootstrap.com/snippets/standard/mdb-lab/2847259) | ![Trello board](./screenshots/trello-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)|\n|:five:|[Alibaba homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2847264) | ![Alibaba homepage](./screenshots/alibaba-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)|\n|:five:|[Facebook newsfeed](https://mdbootstrap.com/snippets/standard/mdb-lab/2847263) | ![Facebook newsfeed](./screenshots/facebook-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)|\n|:five:|[Amazon homepage](https://mdbootstrap.com/snippets/standard/mdb-lab/2847262) | ![Amazon homepage](./screenshots/amazon-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)|\n\n\n### Playgrounds \u0026 hosting\n\n- [Codeply](https://www.codeply.com/p/3NtYJhNZCd) - an online editor that includes dozens of frameworks, starter templates and code snippets supports Vuetify, Bulma, Bootstrap, Foundation, MDB, Angular and Vue\n- [Snippets Playground](https://mdbootstrap.com/snippets/) - free \u0026 fast online editor dedicated to Bootstrap, supports integrations with React, Angular, Vue and MDB, full of community crafted components and design blocks\n- [CodePen](https://codepen.io/) - social development environment for front-end designers and developers\n- [JSFiddle](https://jsfiddle.net/) - an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets\n- [MDB GO/CLI](https://mdbgo.com/) - frontend + backend environment. Create, deploy and host anything with a single command, offers free hosting \u0026 predesigned backend boilerplates integrated with **Bootstrap**, Angular, React, Vue, Laravel, WordPress, Express.js, MongoDB, MySQL, Tailwind, Express.js, SocketIO, Passport and more.\n\n\n### Design Tools\n\n- [Drag \u0026 Drop Builder](https://mdbootstrap.com/builder/)\n- [Lab Templates](https://mdbootstrap.com/docs/standard/lab/)\n- [Color Schemes generator](https://mdbootstrap.com/docs/standard/tools/design/color-schemes/)\n- [ProofHub](https://www.proofhub.com/)\n- [Logo generator](https://mdbootstrap.com/docs/standard/tools/design/logo-generator/)\n- [Filestage](https://filestage.io/)\n- [CSS Masks \u0026 Glassmorphism Generator](https://mdbootstrap.com/docs/standard/tools/design/masks/)\n- [Logaster](https://www.logaster.com/logo/)\n- [Instagram filters CSS generator](https://mdbootstrap.com/docs/standard/tools/design/instagram-filters/)\n- [Coolors – Color scheme generator](https://coolors.co/)\n- [CSS gradients generator](https://mdbootstrap.com/docs/standard/tools/design/gradients/)\n- [Palleton – A color scheme](https://paletton.com/)\n- [Fancy border radius generator](https://mdbootstrap.com/docs/standard/tools/design/fancy-border-radius/)\n- [Diigo](https://www.diigo.com/)\n- [Meta tags generator](https://mdbootstrap.com/docs/standard/tools/builders/meta-tags/)\n- [Cards generator](https://mdbootstrap.com/docs/standard/tools/builders/cards/)\n- [Pixlr](https://pixlr.com/)\n- [Buttons generator](https://mdbootstrap.com/docs/standard/tools/builders/buttons/)\n- [InVision Studio](https://www.invisionapp.com/studio)\n- [Charts creator](https://mdbootstrap.com/docs/standard/tools/builders/charts/)\n- [Marvel](https://marvelapp.com/)\n- [Shadows generator](https://mdbootstrap.com/docs/standard/tools/design/shadows/)\n- [Figma](https://www.figma.com/)\n- [SVG waves generator](https://mdbootstrap.com/docs/standard/tools/design/waves/)\n- [Affinity Designer](https://affinity.serif.com/en-gb/designer/)\n- [Datatables builder](https://mdbootstrap.com/docs/standard/tools/builders/datatables/)\n- [UXPin](https://www.uxpin.com/)\n- [Alerts generator](https://mdbootstrap.com/docs/standard/tools/builders/alerts/)\n- [Proto.io](https://proto.io/)\n- [Modals generator](https://mdbootstrap.com/docs/standard/tools/builders/modals/)\n- [MockFlow](https://www.creativebloq.com/features/best-web-design-tools)\n- [Icons generator](https://mdbootstrap.com/docs/standard/tools/builders/icons/)\n- [Adobe Comp](https://www.adobe.com/uk/products/comp.html)\n- [Table generator](https://mdbootstrap.com/docs/standard/tools/builders/table/)\n- [Flinto](https://www.flinto.com/)\n- [Flexbox generator](https://mdbootstrap.com/docs/standard/tools/builders/flexbox/)\n- [Justinmind](https://www.justinmind.com/)\n- [Footer generator](https://mdbootstrap.com/docs/standard/tools/builders/footer/)\n- [Canva](https://www.canva.com/about/)\n- [Navbar generator](https://mdbootstrap.com/docs/standard/tools/builders/navbar/)\n- [Orion Icon](https://orioniconlibrary.com/)\n- [Typography generator](https://mdbootstrap.com/docs/standard/tools/builders/typography/)\n- [Squoosh](https://squoosh.app/)\n- [Grid generator](https://mdbootstrap.com/docs/standard/tools/builders/grid/)\n- [Animation generator](https://mdbootstrap.com/docs/standard/tools/builders/animations/)\n- [Ripple generator](https://mdbootstrap.com/docs/standard/tools/builders/ripple/)\n- [Button Generator](https://bootstrapbuttons.com)\n\n\n\n\n---\n\n\n\n# Bootstrap 4 resources\nResources compatible with the older Bootstrap v4 (based on jQuery).\n\n## Components\n\n## UI Kits \u0026 libraries\n- :four: [Bootstrap 4 \u0026 jQuery 3](https://mdbootstrap.com/docs/b4/jquery/) - 600+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [Bootstrap 4 \u0026 Angular 10](https://mdbootstrap.com/docs/b4/angular/) - 400+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [Bootstrap 4 \u0026 React 16](https://mdbootstrap.com/docs/b4/react/) - 500+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [Bootstrap 4 \u0026 Vue 2](https://mdbootstrap.com/docs/b4/vue/) - 400+ free material UI components \u0026 templates. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [Bootstrap-Vue](https://github.com/pi0/bootstrap-vue) Complete Components For Vue.js 2. \u003csup\u003e2.x compatible\u003c/sup\u003e [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [ng-bootstrap](https://github.com/ng-bootstrap/ng-bootstrap) Angular directives specific to Bootstrap 4 (Angular 2) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [reactstrap](https://github.com/reactstrap/reactstrap) - Stateless React Components for Bootstrap 4. [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n- :four: [CodexUI](https://codexui.com/) [[1]](#full-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)\n- :four: [Pixel UI Kit](https://github.com/themesberg/pixel-bootstrap-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)\n- :four: [django-bootstrap-customizer](https://github.com/johnfraney/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)\n\n\n## Templates\n**IMPORTANT:** For items marked with ![custom license](https://img.shields.io/badge/License-Custom-red.svg) please visit their site to learn more about their license.\n\n\n### Single Page Templates\n| Version | Name | Screenshot | Description | LicenseInUse |\n| ------- | ---- | ---------- | ----------- | ------------ |\n| :four: | [Landing Page](http://startbootstrap.com/landing-page) | ![landing-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)|\n| :four: | [Stylish portfolio](http://startbootstrap.com/template-overviews/stylish-portfolio/) | ![stylish](./screenshots/spa-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)|\n| :four: | [agency](http://startbootstrap.com/template-overviews/agency/) | ![agency](./screenshots/spa-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) |\n| :four: | [freelancer](http://startbootstrap.com/template-overviews/freelancer/) | ![freelancer](./screenshots/spa-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)|\n| :four: | [Grayscale](http://startbootstrap.com/template-overviews/grayscale/) | ![grayscale](./screenshots/spa-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)|\n\n\n### Admin Dashboards\n| Version | Name | Screenshot | Description | LicenseInUse |\n| ------- | ---- | ---------- | ----------- | ------------ |\n|:four:| [ngx-admin](https://github.com/akveo/ngx-admin) |![ng3-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)|\n|:four:| [react-reduction](https://github.com/reduction-admin/react-reduction) |![react-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)|\n|:four:| [sb-admin](https://startbootstrap.com/template-overviews/sb-admin/) |![sb-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)|\n|:four:| [Tabler](https://tabler.io/) |![tabler](./screenshots/tabler.png)|Premium and Open Source dashboard template with responsive and high quality UI built on Bootstrap 4.|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n\n### Other Themes\n| Version | Name | Screenshot | Description | LicenseInUse |\n| ------- | ---- | ---------- | ----------- | ------------ |\n|:four:| [DevExpress OfficeWhite](https://github.com/DevExpress/bootstrap-themes/) | ![word](./screenshots/DevExpressOfficeWhiteBootstrapTheme_Buttons.png) |A Twitter Bootstrap theme inspired by 'Office365'|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n|:four:| [DevExpress Purple](https://github.com/DevExpress/bootstrap-themes/) | ![word](./screenshots/DevExpressPurpleBootstrapTheme_Buttons.png) |A Twitter Bootstrap theme with modern design|[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)|\n|:four:| [Windows 95 Bootstrap](https://github.com/themesberg/windows-95-ui-kit) | ![Windows 95 Bootstrap UI Kit Screenshot](https://themesberg.s3.us-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)|\n\n\n\n\n\n---\n\n# Info\n\n## Contributions\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\nTo contibute please see the [contributing.md](contributing.md) document. \nBootstrap version is denoted by :four: or :five: emoji.\nWe do not recommend you use outdated frameworks, so Bootstrap 3 entries are no longer allowed.\nIf you have multiple versions of your resource, please include the highest version only, or include each of them as a separate entry.\n\n## License\n\n[![Creative Commons License](http://i.creativecommons.org/l/by/4.0/88x31.png)](http://creativecommons.org/licenses/by/4.0/)\n\n[cc-by-4  - Too Long Didn't Read Version](https://tldrlegal.com/license/creative-commons-attribution-4.0-international-(cc-by-4)).\n\n## Maintainers\n\nList started with :heart: by [therebelrobot](https://github.com/therebelrobot). \n\n[![Twitter Follow](https://img.shields.io/twitter/follow/therebelrobot.svg?style=social\u0026label=therebelrobot)](https://twitter.com/therebelrobot) \n\nList maintained with :heart: by [filipkappa](https://github.com/filipkappa).\n\nContact filipkappa or file an issue to contact maintainers.\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/awesome-bootstrap-org%2Fawesome-bootstrap/projects"}