{"id":2968,"date":"2021-03-10T10:34:00","date_gmt":"2021-03-10T07:34:00","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=2968"},"modified":"2024-03-04T19:59:40","modified_gmt":"2024-03-04T16:59:40","slug":"best-14-bootstrap-open-source-projects","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/","title":{"rendered":"Best 14+ Bootstrap Open Source Projects"},"content":{"rendered":"<p>Continuing our exploration of <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2018\/08\/article_openSource-600x450.png\"  data-excerpt=\"Back in 2013 our team embraced key technologies like Bootstrap, Angular, React, Vue, .NET, and others to deliver world-class admin dashboards. We researched, analyzed, designed and then developed user-friendly admin dashboards. After that, we sold over 7000 licenses of our admin templates. For admin dashboards, there are two dominant pricing strategies: premium and open-source. All&hellip;\" href=\"https:\/\/flatlogic.com\/blog\/why-we-made-our-premium-admin-dashboard-open-source\/\">open-source<\/a> projects for <a href='https:\/\/flatlogic.com\/services\/web-development'>web application development<\/a>, this article focuses on Bootstrap, underscoring its enduring relevance in the tech world, particularly for creating responsive and efficient <a href=\"https:\/\/flatlogic.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">business software<\/a>. In previous articles, we compiled collections for technologies such as <a href=\"https:\/\/flatlogic.com\/blog\/top-16-vue-open-source-projects\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vue<\/a>, <a href=\"https:\/\/flatlogic.com\/blog\/best-react-open-source-projects\/\" target=\"_blank\" rel=\"noreferrer noopener\">React<\/a>, and <a href=\"https:\/\/flatlogic.com\/blog\/top-angular-open-source-projects\/\" target=\"_blank\" rel=\"noreferrer noopener\">Angular<\/a>, and now it is Bootstrap&#8217;s turn. We will briefly describe what kind of technology this is. Most of you already know it &#8211; we&#8217;ll just emphasize that it has not lost its relevance.<\/p><p>Let us recall our evaluation criteria for bootstrap open-source projects.<\/p><h2 class=\"wp-block-heading\" id=\"one\"><strong>Evaluation criteria for bootstrap open source projects<\/strong><\/h2><ul class=\"wp-block-list\"><li><strong>Documentation.<\/strong> Any good project should have comprehensive documentation;<\/li><li><strong>How well the rules of committing are described.<\/strong> This is essential for open-source projects if they want to grow the number of contributors;<\/li><li><strong>How well the work with issues is organized.<\/strong> Work with issues should be well organized so that contributors know which ones to fix first;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Does the project have a roadmap?<\/strong> The roadmap helps contributors choose the feature they will develop first;<\/li><li><strong>The number of stars on <a href=\"https:\/\/github.com\/flatlogic\">GitHub<\/a><\/strong>. To some extent, this criterion reflects the quality of the project;<\/li><li>Maturity. Analyzing the project development and trying to decide what should be used as an instrument to gain the result, you need to be careful in choosing the tools that have not yet matured or approved themselves;<\/li><li><strong>Bugs or vulnerabilities.<\/strong> There might not be a big knowledge base or community in case you need help.<\/li><\/ul><h2 class=\"wp-block-heading\"><strong>In our selection, we divided projects according to their functional purpose:<\/strong><\/h2><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/templates\/bootstrap\">Bootstrap admin panels and dashboard templates<\/a>;<\/li><li>Bootstrap UI Kits\/Design Systems;<\/li><li>Bootstrap UI Components.<\/li><\/ul><h2 class=\"wp-block-heading\"><strong>Bootstrap admin panels and dashboard templates<\/strong><\/h2><h3 class=\"wp-block-heading\"><strong>Sing App<\/strong><\/h3> <a href=\"https:\/\/flatlogic.com\/generator\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png\" alt=\"Professional Vibe Coding\" class=\"banner-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/640;\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png 2560w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-600x150.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1024x256.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-768x192.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1536x384.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-2048x512.png 2048w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 2560px) 100vw, 2560px\"> <\/a><p><strong>Website<\/strong>: https:\/\/flatlogic.com\/templates\/sing-app-html5-lite<br>GitHub page: https:\/\/github.com\/flatlogic\/sing-app<br>Demo: https:\/\/flatlogic.com\/admin-dashboards\/sing-app-html5-lite\/demo<br>License: MIT<br>GitHub<strong> stars: <\/strong>1.1k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Sing-App-min.png\" alt=\"Sing App screenshot\" class=\"wp-image-2971 lazyload\" width=\"480\" height=\"300\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Sing-App-min.png 960w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Sing-App-min-600x375.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Sing-App-min-768x480.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/300;\" data-original-sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/figure><\/div><p><a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/04\/Frame-6dngaa-600x450.png\"  data-excerpt=\"What can be better than the Bootstrap admin dashboard template? A Template with an awesome chat! Meet the Sing App HTML5 updated!\" href=\"https:\/\/flatlogic.com\/blog\/sing-app-html5-admin-dashboard-is-updated-awesome-chat-added\/\">Sing App<\/a> is a Bootstrap admin template based on Bootstrap 4 with more than 30 pages. It has a 100% Responsive layout. Sing is a perfect choice both for a small startup and an established enterprise.<\/p><h4 class=\"wp-block-heading\"><strong>Features and pages<\/strong>:<\/h4><ul class=\"wp-block-list\"><li>Bootstrap 4 &amp; SCSS,<\/li><li>responsive layout,<\/li><li>styled Bootstrap components like buttons, modals, etc.,<\/li><li>dashboard sample,<\/li><li>typography,<\/li><li>tables,<\/li><li>notifications,<\/li><li>base charts,<\/li><li>icons,<\/li><li>maps,<\/li><li>hover sidebar.<\/li><\/ul><p>The project&#8217;s comprehensive documentation, active contribution guide, and the dedicated team continuously updating and enhancing the product are key elements in its success, particularly for business <a href='https:\/\/flatlogic.com\/services\/web-development'>software development<\/a>, ensuring reliability and innovation. It is a good project to contribute to because it is not so popular, and you can see the result of your work instantly. You can also check out other free Bootstrap<a href=\"https:\/\/flatlogic.com\/templates\/bootstrap\"> admin templates<\/a>.<\/p><h3 class=\"wp-block-heading\"><strong>Tabler<\/strong><\/h3><p><strong>Website<\/strong>: https:\/\/tabler.io\/<br>GitHub<strong> page:<\/strong> <a href=\"https:\/\/github.com\/tabler\/tabler\" rel=\"nofollow\">https:\/\/github.com\/tabler\/tabler<\/a><br><strong>Demo:<\/strong> <a href=\"https:\/\/preview.tabler.io\/\" rel=\"nofollow\">https:\/\/preview.tabler.io\/<\/a><br><strong>License:<\/strong> MIT<br><strong>GitHub stars:<\/strong> 21.3k<br><strong>Contribution guideline:<\/strong> No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Tabler-min-1024x671.png\" alt=\"Tabler screenshot\" class=\"wp-image-2969 lazyload\" width=\"512\" height=\"336\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Tabler-min-1024x671.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Tabler-min-600x393.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Tabler-min-768x503.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Tabler-min-1536x1006.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Tabler-min.png 1660w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/336;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>Tabler is a collection of pre-made components and templates for clear and easy administration panels. Tabler is fully responsive and provides cross-browser support right out of the box. Tabler includes more than 20 individual pages that feature countless components and other functionalities. It&#8217;s built using modern technologies such as HTML5 and CSS3. All components can take variations in color and styling that can easily be modified using Sass.<\/p><h4 class=\"wp-block-heading\"><strong>Features<\/strong><\/h4><ul class=\"wp-block-list\"><li><strong>Responsive:<\/strong> Tabler is responsive in all major browsers;<\/li><li><strong>Cross Browser:<\/strong> Works with the latest Chrome, Firefox+, latest Safari, Opera, Edge, and mobile browsers;<\/li><li><strong>HTML5 &amp; CSS3:<\/strong> Tabler includes some subtle CSS3 animations;<\/li><li><strong>Followed Bootstrap&#8217;s guidelines:<\/strong> All code is handwritten and W3C valid;<\/li><li><strong>Single Page Application versions:<\/strong> Tabler React has React components for Tabler.<\/li><\/ul><h4 class=\"wp-block-heading\"><strong>Some notable components<\/strong>:<\/h4><ul class=\"wp-block-list\"><li>alerts,<\/li><li>avatars,<\/li><li>buttons,<\/li><li>cards,<\/li><li>various charts.<\/li><\/ul><h3 class=\"wp-block-heading\"><strong>Gentelella<\/strong><\/h3><p><strong>Web-site: <\/strong>&#8211;<br><strong>Github page: <\/strong><a href=\"https:\/\/github.com\/ColorlibHQ\/gentelella\" rel=\"nofollow\">https:\/\/github.com\/ColorlibHQ\/gentelella<\/a><br><strong>Demo: <\/strong><a href=\"https:\/\/colorlib.com\/polygon\/gentelella\/index.html\" rel=\"nofollow\">https:\/\/colorlib.com\/polygon\/gentelella\/index.html<\/a><br><strong>License: <\/strong>MIT<br><strong>Github stars: <\/strong>19.2k<br><strong>Contribution guideline: <\/strong>No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Gentelella-min-1024x550.png\" alt=\"Gentelella screenshot\" class=\"wp-image-2970 lazyload\" width=\"512\" height=\"275\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Gentelella-min-1024x550.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Gentelella-min-600x322.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Gentelella-min-768x412.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Gentelella-min.png 1138w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/275;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>Gentelella Admin is a <a href=\"https:\/\/flatlogic.com\/templates\/free\">free-to-use Bootstrap admin template<\/a>. This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins.<\/p><p>The template uses several libraries for charts, calendars, form validation, wizard-style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, and notifications.<\/p><p>The product has a great contribution guide and documentation. It also has a great community around that can help you with bugs and issues.<\/p><p>Overall it is a great tool to contribute to great community, design, and usefulness are all there.<\/p><h3 class=\"wp-block-heading\"><strong>Sb Admin<\/strong><\/h3><p><strong>Website<\/strong>: https:\/\/startbootstrap.com\/themes\/sb-admin-2\/<br>GitHub<strong> page: <\/strong><a href=\"https:\/\/github.com\/BlackrockDigital\/startbootstrap-sb-admin-2\" rel=\"nofollow\">https:\/\/github.com\/BlackrockDigital\/startbootstrap-sb-admin-2<\/a><br><strong>Demo: <\/strong><a href=\"https:\/\/startbootstrap.com\/previews\/sb-admin-2\/\" rel=\"nofollow\">https:\/\/startbootstrap.com\/previews\/sb-admin-2\/<\/a><br><strong>License: <\/strong>MIT<br><strong>GitHub stars: <\/strong>8.1k<br><strong>Contribution guideline: <\/strong>No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/SB-Admin-min-1024x683.png\" alt=\"SB Admin screenshot\" class=\"wp-image-2972 lazyload\" width=\"512\" height=\"342\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/SB-Admin-min-1024x683.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/SB-Admin-min-600x400.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/SB-Admin-min-768x512.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/SB-Admin-min.png 1500w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/342;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>SB Admin 2 is a free, open-source, Bootstrap 4-based admin theme. The flat design is inspired by Material design principles. It comes with a total of 16 pages which include a login page and a blank page that you can use to get started with your project. It has a responsive navbar with drop-down menus and a multilevel dropdown in the sidebar.<\/p><h4 class=\"wp-block-heading\"><strong>Features<\/strong><\/h4><ul class=\"wp-block-list\"><li>Focus on utility classes to minimize CSS bloat.<\/li><li>Custom card and button components.<\/li><li>Custom utility classes for extended functionality.<\/li><li>Includes dependency management using npm.<\/li><li>Chart.js interactive responsive charts.<\/li><\/ul><p>Unfortunately, the product doesn&#8217;t have a contributions guide or any issues management on Git Hub. All you can do is simply leave an issue review on the website, which makes it not really a good fit for a project to contribute to.<\/p><h2 class=\"wp-block-heading\"><strong>Bootstrap UI Kits\/Design Systems<\/strong><\/h2><h3 class=\"wp-block-heading\"><strong>Bootswatch<\/strong><\/h3><p><strong>Website<\/strong>: https:\/\/bootswatch.com\/<br>GitHub page: https:\/\/github.com\/thomaspark\/bootswatch<br>Demo: &#8211;<br>License: MIT<br>GitHub<strong> stars: <\/strong>12.2k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootswatch-min.png\" alt=\"Flatly screenshot\" class=\"wp-image-2973 lazyload\" width=\"500\" height=\"300\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootswatch-min.png 1000w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootswatch-min-600x360.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootswatch-min-768x461.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/300;\" data-original-sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div><p>Bootswatch is a collection of open-source themes that you can download for free and drop into your Bootstrap site.<\/p><h4 class=\"wp-block-heading\"><strong>Notable features<\/strong><\/h4><ul class=\"wp-block-list\"><li><strong>Easy to Install.<\/strong> You can simply download a CSS file and replace the one in Bootstrap.<\/li><li><strong>Customizable.<\/strong> Changes are contained in just two SASS files.<\/li><li><strong>Tuned for the latest versions of Bootstrap<\/strong>.<\/li><li><strong>API ready.<\/strong><\/li><\/ul><p>Bootswatch is open source and the team is open to modifying the themes. You can contribute in several ways: Issues, Documentation, and Code.<\/p><h3 class=\"wp-block-heading\"><strong>Bootstrap Material Design<\/strong><\/h3><p><strong>Website<\/strong>: https:\/\/fezvrasta.github.io\/bootstrap-material-design\/<br>GitHub page: https:\/\/github.com\/FezVrasta\/bootstrap-material-design<br>Demo: https:\/\/fezvrasta.github.io\/bootstrap-material-design\/docs\/4.0\/examples\/<br>License: MIT<br>GitHub<strong> stars: <\/strong>20.2k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Material-Design-min.png\" alt=\"Bootstrap Material Design screenshot\" class=\"wp-image-2974 lazyload\" width=\"480\" height=\"300\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Material-Design-min.png 960w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Material-Design-min-600x375.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Material-Design-min-768x480.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/300;\" data-original-sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/figure><\/div><p>Material Design for Bootstrap is one of the best ways to use Material Design guidelines by Google in Bootstrap 4 applications. You can just change the CSS file in your app, and everything simply converts in Material Design. The library is 100% responsive and mobile-friendly.<\/p><h4 class=\"wp-block-heading\"><strong>Components and pages<\/strong>:<\/h4><ul class=\"wp-block-list\"><li>pricing section,<\/li><li>checkout,<\/li><li>blog,<\/li><li>dashboard,<\/li><li>sign-in,<\/li><li>footers and navbars,<\/li><li>grids and tables.<\/li><\/ul><p>The project has very carefully crafted contributing guidelines that include directions for opening issues, coding standards, and notes on development.<\/p><h3 class=\"wp-block-heading\"><strong>Shards UI<\/strong><\/h3><p><strong>Website<\/strong>: https:\/\/designrevision.com\/downloads\/shards\/<br>GitHub page: https:\/\/github.com\/DesignRevision\/shards-ui<br>Demo: https:\/\/designrevision.com\/demo\/shards\/<br>License: MIT<br>GitHub<strong> stars: <\/strong>1.6k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Shards-UI-min.png\" alt=\"Shards UI screenshot\" class=\"wp-image-2975 lazyload\" width=\"500\" height=\"375\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Shards-UI-min.png 1000w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Shards-UI-min-600x449.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Shards-UI-min-768x575.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/375;\" data-original-sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div><p>Shards is a modern design system based on Bootstrap 4 that comes with 10 custom components and two pre-built landing pages.<\/p><h4 class=\"wp-block-heading\"><strong>Notable features<\/strong><\/h4><ul class=\"wp-block-list\"><li><strong>Lightweight.<\/strong> ~13kb minified and gzipped.<\/li><li><strong>Responsive.<\/strong> Shards are responsive by default, being able to adapt and reflow its layout to any screen size.<\/li><li>Well-documented with a contribution guide. Everything in Shards is well documented.<\/li><li>Extras. Shards comes with 10 components that help to cover almost any type of interface requirements, plus 2 custom pre-built landing pages.<\/li><li>Source Files. The shards team included the original Sketch and SCSS files.<\/li><\/ul><h2 class=\"wp-block-heading\"><strong>Bootstrap UI Components<\/strong><\/h2><h3 class=\"wp-block-heading\"><strong>Bootstrap datepicker<\/strong><\/h3><p><strong>Website<\/strong>: &#8211;<br>GitHub page: https:\/\/github.com\/uxsolutions\/bootstrap-datepicker<br>Demo: https:\/\/uxsolutions.github.io\/bootstrap-datepicker\/<br>License: Apache License 2.0<br>GitHub<strong> stars: <\/strong>12.1k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Date-Picker-min.png\" alt=\"Bootstrap datepicker screenshot\" class=\"wp-image-2976 lazyload\" width=\"406\" height=\"148\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Date-Picker-min.png 812w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Date-Picker-min-600x218.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Date-Picker-min-768x279.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 406px; --smush-placeholder-aspect-ratio: 406\/148;\" data-original-sizes=\"(max-width: 406px) 100vw, 406px\" \/><\/figure><\/div><p>Bootstrap-date picker provides a flexible datepicker widget in the Bootstrap style. This library is old enough, but still popular and tested. It is suitable for those who use the legacy code. The library still supports Bootstrap 2 and 3. Localization is well-developed, and there is also support for RTL languages.<\/p><p>Built-in customization is also well-developed. There are many methods, options, and events you can use to make the tools you need.<\/p><h3 class=\"wp-block-heading\"><strong>Bootstrap switch<\/strong><\/h3><p><strong>Website<\/strong>: &#8211;<br>GitHub<strong> page: <\/strong><a href=\"https:\/\/github.com\/Bttstrp\/bootstrap-switch\" rel=\"nofollow\">https:\/\/github.com\/Bttstrp\/bootstrap-switch<\/a><br><strong>Demo: <\/strong><a href=\"https:\/\/jsfiddle.net\/djibe89\/vL87w0j8\/\" rel=\"nofollow\">https:\/\/jsfiddle.net\/djibe89\/vL87w0j8\/<\/a><br><strong>License: <\/strong>MIT<br><strong>GitHub stars: <\/strong>5.1k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-switch-min-1024x525.png\" alt=\"Bootstrap switch screenshot\" class=\"wp-image-2977 lazyload\" width=\"512\" height=\"263\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-switch-min-1024x525.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-switch-min-600x307.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-switch-min-768x394.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-switch-min.png 1292w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/263;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>With the help of this tiny but useful project, you can turn checkboxes and radio buttons into toggle switches. The tool is compatible with Bootstrap 4, 3, and 2. It is also compatible with IE9+ and all the other modern browsers.<\/p><p>In our opinion, projects like these are perfect for contributing for several reasons: they are useful, don&#8217;t take much time, and have a good community.<\/p><h3 class=\"wp-block-heading\"><strong>Bootstrap File input<\/strong><\/h3><p><strong>Website<\/strong>: &#8211;<br>Github page: https:\/\/github.com\/kartik-v\/bootstrap-fileinput<br>Demo: https:\/\/plugins.krajee.com\/file-input\/demo<br>License: BSD-3-Clause License<br>GitHub<strong> stars: <\/strong>4.7k<br><strong>Contribution guideline: <\/strong>No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Fileinput-min-1024x509.png\" alt=\"Bootstrap fileinput screenshot\" class=\"wp-image-2978 lazyload\" width=\"512\" height=\"255\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Fileinput-min-1024x509.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Fileinput-min-600x298.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Fileinput-min-768x381.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-Fileinput-min.png 1228w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/255;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>Bootstrap file input is an enhanced HTML 5 file input for Bootstrap 3 and 4. It offers file previews for various files as well as multiple selections, resumable chunk uploads, and more. The plugin allows you a simple way to set up an advanced file picker\/upload control built to work, especially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX-based uploads, dragging &amp; dropping files, viewing upload progress, and also selectively previewing, adding, or deleting files.<\/p><p>At Flatlogic we especially like products like these for their community, usefulness, and enhanced demos with various examples. It is a good project for contribution.<\/p><h3 class=\"wp-block-heading\"><strong>Awesome Bootstrap checkbox<\/strong><\/h3><p><strong>Website<\/strong>: &#8211;<br>GitHub<strong> page: <\/strong><a href=\"https:\/\/github.com\/flatlogic\/awesome-bootstrap-checkbox\" rel=\"nofollow\">https:\/\/github.com\/flatlogic\/awesome-bootstrap-checkbox<\/a><br><strong>Demo: <\/strong><a href=\"http:\/\/flatlogic.github.io\/awesome-bootstrap-checkbox\/demo\/1.0.0\/\" rel=\"nofollow\">http:\/\/flatlogic.github.io\/awesome-bootstrap-checkbox\/demo\/1.0.0\/<\/a><br><strong>License: <\/strong>MIT<br><strong>GitHub stars: <\/strong>2k<br><strong>Contribution guideline: <\/strong>No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Awesome-Bootstrap-checkbox-min-1024x546.png\" alt=\"Awesome bootstrap checkbox screenshot\" class=\"wp-image-2979 lazyload\" width=\"512\" height=\"273\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Awesome-Bootstrap-checkbox-min-1024x546.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Awesome-Bootstrap-checkbox-min-600x320.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Awesome-Bootstrap-checkbox-min-768x410.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Awesome-Bootstrap-checkbox-min-1536x820.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Awesome-Bootstrap-checkbox-min-2048x1093.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/273;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>Awesome Bootstrap Checkbox is a tiny and useful project created by the Flatlogic team to save you time developing literally any application. It has great customization options like custom fonts and colors. It is also based on Sass or Less for your productivity.<\/p><h3 class=\"wp-block-heading\"><strong>Bootstrap slider<\/strong><\/h3><p><strong>Web-site: <\/strong><a href=\"https:\/\/seiyria.com\/bootstrap-slider\/\" rel=\"nofollow\">https:\/\/seiyria.com\/bootstrap-slider\/<\/a><br><strong>Github page: <\/strong><a href=\"https:\/\/github.com\/seiyria\/bootstrap-slider\" rel=\"nofollow\">https:\/\/github.com\/seiyria\/bootstrap-slider<\/a><br><strong>Demo: <\/strong><a href=\"https:\/\/seiyria.com\/bootstrap-slider\/\" rel=\"nofollow\">https:\/\/seiyria.com\/bootstrap-slider\/<\/a><br><strong>License: <\/strong>MIT<br><strong>Github stars: <\/strong>2.9k<br><strong>Contribution guideline: <\/strong>No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Boostrap-slider-min-1024x321.png\" alt=\"Bootstrap slider screenshot\" class=\"wp-image-2980 lazyload\" width=\"512\" height=\"161\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Boostrap-slider-min-1024x321.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Boostrap-slider-min-600x188.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Boostrap-slider-min-768x241.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Boostrap-slider-min-1536x482.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Boostrap-slider-min.png 2002w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/161;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>Bootstrap slider is an interactive component that lets you swiftly slide through possible values spread over a desired range. Its basic implementation is quite simple and does not require big blocks of code. The slider can be used in various applications like loading progress bars, volume increase\/decrease and others. Note that the tool only supports modern browsers. Basically, anything below IE10 is not compatible with this plugin.<\/p><h3 class=\"wp-block-heading\"><strong>Bootstrap table<\/strong><\/h3><p><strong>Web-site: <\/strong><a href=\"https:\/\/bootstrap-table.com\/\" rel=\"nofollow\">https:\/\/bootstrap-table.com\/<\/a><br><strong>Github page: <\/strong><a href=\"https:\/\/github.com\/wenzhixin\/bootstrap-table\" rel=\"nofollow\">https:\/\/github.com\/wenzhixin\/bootstrap-table<\/a><br><strong>Demo: <\/strong><a href=\"https:\/\/examples.bootstrap-table.com\/\" rel=\"nofollow\">https:\/\/examples.bootstrap-table.com\/<\/a><br><strong>License: <\/strong>MIT<br><strong>Github stars: <\/strong>10.3k<br><strong>Contribution guideline: <\/strong>Yes<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-table-min-1024x375.png\" alt=\"Bootstrap table screenshot\" class=\"wp-image-2981 lazyload\" width=\"512\" height=\"188\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-table-min-1024x375.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-table-min-600x220.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-table-min-768x281.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-table-min-1536x562.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-table-min.png 1918w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/188;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>The Bootstrap table plugin is a feature-rich and lightweight table plugin. It provides you with all the features you need to perform in a shortest development time. One of the most important things about this plugin is that you make the table fully responsive in a very short time. The plugin is maintained by thousands of contributors, and it also has thousands of commits.<\/p><p>This plugin proved to be great during the years at providing support for its users because of the very large community and active contributors.<\/p><h4 class=\"wp-block-heading\"><strong>Notable features<\/strong>:<\/h4><ul class=\"wp-block-list\"><li>responsive web design,<\/li><li>scrollable table with fixed headers,<\/li><li>fully configurable via data attributes,<\/li><li>get data in JSON format using AJAX,<\/li><li>simple column sorting with a click,<\/li><li>powerful pagination and localization.<\/li><\/ul><h3 class=\"wp-block-heading\"><strong>Bootstrap modal<\/strong><\/h3><p><strong>Web-site: <\/strong><a href=\"http:\/\/jschr.github.io\/bootstrap-modal\/\" rel=\"nofollow\">http:\/\/jschr.github.io\/bootstrap-modal\/<\/a><br><strong>Github page: <\/strong><a href=\"https:\/\/github.com\/jschr\/bootstrap-modal\" rel=\"nofollow\">https:\/\/github.com\/jschr\/bootstrap-modal<\/a><br><strong>Demo: <\/strong><a href=\"http:\/\/jschr.github.io\/bootstrap-modal\/bs3.html\" rel=\"nofollow\">http:\/\/jschr.github.io\/bootstrap-modal\/bs3.html<\/a><br><strong>License: <\/strong>Apache License 2.0<br><strong>Github stars: <\/strong>5.1k<br><strong>Contribution guideline: <\/strong>No<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-modal-min-1-1024x709.png\" alt=\"Bootstrap modal screenshot\" class=\"wp-image-2983 lazyload\" width=\"512\" height=\"355\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-modal-min-1-1024x709.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-modal-min-1-600x416.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-modal-min-1-768x532.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Bootstrap-modal-min-1.png 1504w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/355;\" data-original-sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><p>With bootstrap modal, you can extend bootstrap&#8217;s native modals to provide additional functionality. It uses a ModalManager class that operates behind the scenes to handle multiple modals by listening to their events. A single ModalManager is created by default on the body and can be accessed through the jQuery plugin interface.<\/p><h4 class=\"wp-block-heading\"><strong>Notable features<\/strong>:<\/h4><ul class=\"wp-block-list\"><li>backward compatible,<\/li><li>responsive,<\/li><li>stackable,<\/li><li>full width,<\/li><li>load content via AJAX,<\/li><li>disable background scrolling.<\/li><\/ul><h1 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h1><p class=\"has-text-align-left\">We have reviewed the most popular bootstrap open-source projects. In our opinion, the best projects to contribute to are small tools useful in daily development, such as fileinput, switch, or slider. We hope this article was useful and will be glad for any review.<\/p><h3 class=\"wp-block-heading\">You might also like these articles:<\/h3><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/blog\/20-react-developer-tools-to-increase-your-programming-productivity\/\">20+ React Developer Tools to Increase Your Programming Productivity<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/web-and-ui-javascript-frameworks-and-libraries\/\">Web and UI JavaScript Frameworks and Libraries<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/angular-vs-react-which-one-to-choose-for-your-web-app\/\">Angular vs React: Which One to Choose for Your Web App<\/a><\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>We continue our series of articles with the best open source projects for building web applications. In this article we present best bootstrap open source projects.<\/p>\n","protected":false},"author":2,"featured_media":2992,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Curates 14+ open-source Bootstrap projects across dashboards, UI kits, and components.\nEvaluates projects by docs, commit rules, issues, roadmap, stars, maturity, and security.\nHighlights: Sing App, Tabler, Gentelella, SB Admin, Bootswatch, plus datepicker, table, modal components.\nBest contributions are small, focused tools such as fileinput, switch, and slider.","flatlogic_facts":[{"text":"Tabler has 21.3k GitHub stars.","source":"https:\/\/github.com\/tabler\/tabler"},{"text":"Bootstrap Material Design has 20.2k GitHub stars.","source":"https:\/\/github.com\/FezVrasta\/bootstrap-material-design"},{"text":"Gentelella has 19.2k GitHub stars.","source":"https:\/\/github.com\/ColorlibHQ\/gentelella"},{"text":"Bootswatch has 12.2k GitHub stars.","source":"https:\/\/github.com\/thomaspark\/bootswatch"},{"text":"Bootstrap Datepicker has 12.1k GitHub stars.","source":"https:\/\/github.com\/uxsolutions\/bootstrap-datepicker"}],"footnotes":""},"categories":[28,40],"tags":[48,433,497,47],"class_list":["post-2968","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides","category-reviews","tag-bootstrap","tag-bootstrap-admin-templates","tag-bootstrap-tables","tag-reviews"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v26.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Best 14+ Bootstrap Open Source Projects - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"We continue our series of articles on the best open source projects for building web applications. Check our bootstrap open source projects.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best 14+ Bootstrap Open Source Projects\" \/>\n<meta property=\"og:description\" content=\"We continue our series of articles on the best open source projects for building web applications. Check our bootstrap open source projects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-10T07:34:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T16:59:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Philip Daineka\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:site\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Philip Daineka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Best 14+ Bootstrap Open Source Projects - Flatlogic Blog","description":"We continue our series of articles on the best open source projects for building web applications. Check our bootstrap open source projects.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/","og_locale":"en_US","og_type":"article","og_title":"Best 14+ Bootstrap Open Source Projects","og_description":"We continue our series of articles on the best open source projects for building web applications. Check our bootstrap open source projects.","og_url":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2021-03-10T07:34:00+00:00","article_modified_time":"2024-03-04T16:59:40+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-min.png","type":"image\/png"}],"author":"Philip Daineka","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Philip Daineka","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/"},"author":{"name":"Philip Daineka","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/2a358db460fb453be69232ff0826bb34"},"headline":"Best 14+ Bootstrap Open Source Projects","datePublished":"2021-03-10T07:34:00+00:00","dateModified":"2024-03-04T16:59:40+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/"},"wordCount":2015,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-min.png","keywords":["Bootstrap","Bootstrap Admin Templates","Bootstrap Tables","Reviews"],"articleSection":["Guides","Reviews"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/","url":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/","name":"Best 14+ Bootstrap Open Source Projects - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-min.png","datePublished":"2021-03-10T07:34:00+00:00","dateModified":"2024-03-04T16:59:40+00:00","description":"We continue our series of articles on the best open source projects for building web applications. Check our bootstrap open source projects.","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-min.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/06\/Frame-64yvyfyuva-min.png","width":1600,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/best-14-bootstrap-open-source-projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Best 14+ Bootstrap Open Source Projects"}]},{"@type":"WebSite","@id":"https:\/\/flatlogic.com\/blog\/#website","url":"https:\/\/flatlogic.com\/blog\/","name":"Flatlogic Blog","description":"Vibe-coding, AI Agents, Professional Software Development Services, Case Studies and More","publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"alternateName":"Flatlogic Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flatlogic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flatlogic.com\/blog\/#organization","name":"Flatlogic","url":"https:\/\/flatlogic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","width":970,"height":257,"caption":"Flatlogic"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flatlogic","https:\/\/x.com\/flatlogic","https:\/\/www.instagram.com\/flatlogiccom\/","https:\/\/www.linkedin.com\/company\/flatlogic\/"]},{"@type":"Person","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/2a358db460fb453be69232ff0826bb34","name":"Philip Daineka","description":"Founder @ Flatlogic &amp; AppWizzy","sameAs":["https:\/\/flatlogic.com","Building scalable apps @appwizzyai, a professional vibe\u2011coding platform. Software development services @flatlogic. MSc in CS\/Finance"],"url":"https:\/\/flatlogic.com\/blog\/author\/philip\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=2968"}],"version-history":[{"count":13,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2968\/revisions"}],"predecessor-version":[{"id":15258,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2968\/revisions\/15258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/2992"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=2968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=2968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=2968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}