Thursday, August 5, 2021

Bootstrap open-source projects

 

Bootstrap open-source projects

Bootstrap admin panels and dashboard templates

Sing App

Web-site: https://flatlogic.com/templates/sing-app-html5-lite
Github page: https://github.com/flatlogic/sing-app
Demo: https://flatlogic.com/admin-dashboards/sing-app-html5-lite/demo
License: MIT
Github stars: 1.1k
Contribution guideline: Yes

Sing App screenshot

Sing App is a bootstrap admin template based on Bootstrap 4 with more than 30 pages. It has 100% Responsive layout. Sing is a perfect choice both for a small startup and an established enterprise.

Features and pages:

  • Bootstrap 4 & SCSS,
  • responsive layout,
  • styled Bootstrap components like buttons, modals, etc.,
  • dashboard sample,
  • typography,
  • tables,
  • notifications,
  • base charts,
  • icons,
  • maps,
  • hover sidebar.

The project has good documentation and a contribution guide. It also has a good team behind it that constantly updates and improves the product. It is a good project to contribute because it is not so popular, and you can see the result of your work instantly. You can also check out other free bootstrap admin templates.

Tabler

Web-site: https://tabler.io/
Github page: https://github.com/tabler/tabler
Demo: https://preview.tabler.io/
License: MIT
Github stars: 21.3k
Contribution guideline: No

Tabler screenshot

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’s built using modern technologies such as HTML5 and CSS3. All components can take variation in color and styling that can easily be modified using Sass.

Features

  • Responsive: Tabler is responsive in all major browsers;
  • Cross Browser: Works with the latest Chrome, Firefox+, latest Safari, Opera, Edge, and mobile browsers;
  • HTML5 & CSS3: Tabler includes some subtle CSS3 animations;
  • Followed Bootstrap’s guidelines: All code is handwritten and W3C valid;
  • Single Page Application versions: Tabler React has React components for Tabler.

Some notable components:

  • alerts,
  • avatars,
  • buttons,
  • cards,
  • various charts.

Gentelella

Web-site: 
Github page: https://github.com/ColorlibHQ/gentelella
Demo: https://colorlib.com/polygon/gentelella/index.html
License: MIT
Github stars: 19.2k
Contribution guideline: No

Gentelella screenshot

Gentelella Admin is a free to use Bootstrap admin template. This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins.

The template uses several libraries for charts, calendar, form validation, wizard-style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications.

The product has a great contribution guide and documentation. It also has a great community around that can help you with bugs and issues.

Overall it is a great tool to contribute to: great community, design and usefulness are all there.

Sb Admin

Web-site: https://startbootstrap.com/themes/sb-admin-2/
Github page: https://github.com/BlackrockDigital/startbootstrap-sb-admin-2
Demo: https://startbootstrap.com/previews/sb-admin-2/
License: MIT
Github stars: 8.1k
Contribution guideline: No

SB Admin screenshot

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 own project. It has a responsive navbar with drop-down menus, and a multilevel dropdown in the sidebar.

Features

  • Focus on utility classes to minimize CSS bloat.
  • Custom card and button components.
  • Custom utility classes for extended functionality.
  • Includes dependency management using npm.
  • Chart.js interactive responsive charts.

Unfortunately, the product doesn’t have a contributions guide or any issues management on github. 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.

Bootstrap UI Kits/Design Systems

Bootswatch

Web-site: https://bootswatch.com/
Github page: https://github.com/thomaspark/bootswatch
Demo: 
License: MIT
Github stars: 12.2k
Contribution guideline: Yes

Flatly screenshot

Bootswatch is a collection of open source themes that you can download for free and drop into your Bootstrap site.

Notable features

  • Easy to Install. You can simply download a CSS file and replace the one in Bootstrap.
  • Customizable. Changes are contained in just two SASS files.
  • Tuned for the latest versions for Bootstrap.
  • API ready.

Bootswatch is open source and the team is open to modify the themes. You can contribute in several ways: Issues, Documentation and Code.

Bootstrap Material Design

Web-site: https://fezvrasta.github.io/bootstrap-material-design/
Github page: https://github.com/FezVrasta/bootstrap-material-design
Demo: https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/examples/
License: MIT
Github stars: 20.2k
Contribution guideline: Yes

Bootstrap Material Design screenshot

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.

Components and pages:

  • pricing section,
  • checkout,
  • blog,
  • dashboard,
  • sign-in,
  • footers and navbars,
  • grids and tables.

The project has very carefully crafted contributing guidelines that include directions for opening issues, coding standards and notes on development.

Shards UI

Web-site: https://designrevision.com/downloads/shards/
Github page: https://github.com/DesignRevision/shards-ui
Demo: https://designrevision.com/demo/shards/
License: MIT
Github stars: 1.6k
Contribution guideline: Yes

Shards UI screenshot

Shards is a modern design system based on Bootstrap 4 that comes with 10 custom components and two pre-built landing pages.

No comments:

Post a Comment

Plugins To Extend Bootstrap

  Everybody is familiar with Bootstrap. It is the most popular, fast, and convenient framework for developing mobile-first responsive websit...