Design Tools

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

• Material Design for React - 700+ free material UI components & templates. [](https://opensource.org/licenses/MIT)
• Material Design for Angular - 700+ free material UI components & templates. [](https://opensource.org/licenses/MIT)
• Material Design for Vue - 700+ free material UI components & templates. [](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. [](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

• Lab Templates
• Color Schemes generator
• ProofHub
• Logo generator
• Filestage
• CSS Masks & Glassmorphism Generator
• Logaster
• Instagram filters CSS generator
• CSS gradients generator
• 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
• Drag & Drop Builder
• Coolors – Color scheme generator
• Palleton – A color scheme

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.|[](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.|[](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.|[](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.|[](https://opensource.org/licenses/MIT)|
• Bootstarters - Free templates built with the latest Bootstrap 5 and styled in accordance with Material Design 2.0 guidelines |[](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. |[](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. |[](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. |[](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. |[](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.|[](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.|[](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. | [](https://opensource.org/licenses/MIT) |
• freelancer - freelancer.png) |Freelancer is a one page Bootstrap portfolio theme for freelancers.| [](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.|[](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. |[](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.|[](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|[](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|[](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.|[](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.|[](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|[](https://opensource.org/licenses/MIT)|
• react-reduction - reduction](./screenshots/reduction-admin-compact.png)|Admin Dashboard built with ReactJS + Bootstrap4 + Create React App|[](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.|[](https://opensource.org/licenses/MIT)|

Popular website clones

• 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.|[](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.|[](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.|[](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.|[](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.|[](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.|[](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.|[](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.|[](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.|[](https://opensource.org/licenses/MIT)|
• Trello board - board.jpg) |The project includes trello board with a typical scrum system arrangement and draggable tasks.|[](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.|[](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.|[](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.|[](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|[](https://opensource.org/licenses/MIT)|
• DevExpress Purple - MIT-yellow.svg)](https://opensource.org/licenses/MIT)|

• custom license

Other Themes

• ![PRs Welcome

Other Themes

• therebelrobot
• ![Twitter Follow
• filipkappa