Top 23 Bootstrap Open-Source Projects
Bootstrap creator here—we’re adding it in v5 as an optional feature to enable. It’s not a drop in replacement for the flex box grid (lots of overlap actually), but definitely an awesome feature. Targeting v5.1 I believe, but the work is basically done. Checkout https://github.com/twbs/bootstrap/pull/31813 and https://deploy-preview-31813--twbs-bootstrap.netlify.app/docs/5.0/layout/css-grid/ for a preview!
AdminLTE - Free admin dashboard template based on Bootstrap 4Project mention: Anyone know of a good/free bootstrap skin? | reddit.com/r/bootstrap | 2021-04-12
https://github.com/ColorlibHQ/AdminLTE has been my go-to for years.
Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Bootstrap 5 & Material Design 2.0 UI KITProject mention: Framework Showdown: Tailwind vs Bootstrap | dev.to | 2021-04-12
Source: MB Bootstrap
Bootstrap components built with ReactProject mention: bURL: A tiny web app for breaking down URLs | dev.to | 2021-04-19
I'm thinking of quickly patching up the UI using a React component library like Ant Design or React Bootstrap. Then later we could go completely custom by using our own CSS. For CSS in a React app, I think a CSS-in-JS solution provides a good dev experience. So I'm thinking styled-components.
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.Project mention: Backend dev here, What are todays fastest ways to build a web ui ? | reddit.com/r/Frontend | 2021-04-08
Themes for BootstrapProject mention: Share your customized Bootstrap 4 SCSS | reddit.com/r/web_design | 2021-03-29
A datepicker for twitter bootstrap (@twbs)Project mention: Bootstrap datepickers with minimum date view and other customizations? | reddit.com/r/bootstrap | 2021-02-23
I'd prefer to use normal Bootstrap, but this "bootstrap-datepicker" module thingo looks like it can tweak the datepicker in the way I'm after, and even has a cool live demo and code generation page.
WordPress starter theme with a modern development workflowProject mention: Advice on base themes / bootstraps for Wordpress in 2021 | reddit.com/r/Wordpress | 2021-04-19
Sage / Roots - I've seen a few people mention this but after downloading I found that it's totally different to usual themes. Not ideal for me because I'm already used to the usual framework, learning this would probably take me time I don't have.
CoreUI is free bootstrap admin templateProject mention: Top 20+ Bootstrap Dashboard Templates To Use Absolutely Free | dev.to | 2021-04-20
More details Demo GitHub
Simple React Bootstrap 4 componentsProject mention: What's the easiest way to do CSS/quickest CSS framework to pickup? | reddit.com/r/webdev | 2021-03-27
:rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.Project mention: Adding Bootstrap 4 Searchable Dropdown in Google Apps Script | reddit.com/r/learnprogramming | 2021-03-05
I tried following this guide, and added the cdn and js available here, but I cant seem to get it working in my Google Apps Script Webapp. All I am getting is a dropdown with no option to serach.
✒5900+ Material Design Icons from the CommunityProject mention: Spot the differences: what is new in Spyder 5? | dev.to | 2021-04-17
[Isabela] First things first, it isn’t actually witchcraft even if it looks magical from the outside. How I work depends somewhat on what problem we are trying to solve, so let’s use the design of custom icons for Spyder 5 as an example. Once I had a defined list of icons to work on, I needed to spend time making progress on my own. Research on best practices for the relevant area of design is where I started; in this case, I knew we were going to be working with Material Design Icons’ specifications. After that, I did a combination of pen-and-paper sketching and working digitally based on the existing icons in Spyder and Material Design Icons while I kept note of the pros and cons for different directions. I also collected design elements as I built them so that I could make more consistent, accurate designs faster as I worked. For the icons, this included things like letters, rounded corners, and templates for the size and spacing of elements. Finally, I compared options side by side and tried them out in the interface to evaluate what designs were strong enough to bring them to the rest of the team. Then we discussed the options together.
Angular powered BootstrapProject mention: The Most Popular Angular UI Libraries to Try in 2021 | dev.to | 2021-04-13
NG Bootstrap, a popular library that includes Bootstrap 4 style components for Angular, has around 7.7K stars on GitHub. It serves as a replacement for the angular-ui Bootstrap project, which is no longer supported. NG Bootstrap has a high level of test coverage and no third-party JS dependencies. The features that deserve to be highlighted are: datepicker with various options, different progress bars, basic table stylings, different toasts, and others. Datepicker component of NG Bootstrap library (source: https://ng-bootstrap.github.io/) Progress bar component of NG Bootstrap library (source: https://ng-bootstrap.github.io/) Table component of NG Bootstrap library (source: https://ng-bootstrap.github.io/) Forms of Toast component of NG Bootstrap library (source: https://ng-bootstrap.github.io/)
Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)Project mention: The Most Popular Angular UI Libraries to Try in 2021 | dev.to | 2021-04-13
The NGX Bootstrap library has about 5.3K stars on GitHub. Here you can find basic components that implement the capabilities of the Bootstrap template written specially for Angular. It is suitable for developing desktop and mobile applications and is designed with extensibility and adaptability in mind. One of the features of this library is a variety of element forms. Among the element forms that could be added to your application, accordion with custom HTML, various forms of carousels, pager pagination, and different ratings deserve special mention. Custom HTML component of NGX Bootstrap library (source: https://valor-software.com/ngx-bootstrap/) Basic carousel component of NGX Bootstrap library (source: https://valor-software.com/ngx-bootstrap/)
An enhanced HTML 5 file input for Bootstrap 4.x./3.x with file preview, multiple selection, and more features.Project mention: 8 Essential Bootstrap Components for Your Web App | dev.to | 2021-02-02
You can download the component here.
Official open source SVG icon library for Bootstrap.Project mention: Amazing Tab Bar (Animated) | dev.to | 2021-04-11
:aerial_tramway: A modern, powerful, and robust URL shortenerProject mention: Awesome Clones | dev.to | 2021-04-14
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframeProject mention: Can anyone recommend a good admin dashboard framework using React? | reddit.com/r/reactjs | 2021-01-19
I would personally recommend Airframe.
CoreUI React is free React admin template based on Bootstrap 4Project mention: Where to find free and good reactjs templates? | reddit.com/r/learnreactjs | 2021-01-27
Material Design for Bootstrap 4 (by Daemonite)Project mention: CSS Deep | dev.to | 2021-02-26
Daemonite/material - Material Design for Bootstrap 4
The ultimate pagination ruby gemProject mention: Re-Wheel series part 1 - How does Rails' find_each work? | dev.to | 2020-11-24
But how is this implemented? Well, if you use pagination in your index methods with gems like pagy, kaminari or will_paginate you will find that the same idea is happening here, they are using the power of SQL's LIMIT and OFFSET to fetch only a portion of the data each time. So in the 1 million users example, find_each will perform 1000 thousand queries with a limit of 1000 while changing the offset properly so we don't miss any record.
What are some of the best open-source Bootstrap projects? This list will help you: