Top 12 Open-Source Alternatives to Vue Bootstrap Material Design Kit

Product categories

CMS CSS Framework CSS Games CSS Tools Design Tools Developer Tools Development Development Tools Diagrams Productivity Prototyping Website Design

Summary

The top open-source alternatives to Vue Bootstrap Material Design Kit are Tailwind CSS, Bootstrap, and Buefy. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 868 social mentions
Bootstrap Landing Page
2

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 326 social mentions
Buefy Landing Page
3

Buefy

Lightweight UI components for Vue.js based on Bulma
Pricing:
- Open Source
#Developer Tools #Development #Design Tools 12 social mentions
Bulma Landing Page
4

Bulma

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 109 social mentions
CSS Grid Garden Landing Page
5

CSS Grid Garden

A game for learning CSS grid layout
Pricing:
- Open Source
#CSS Tools #Design Tools #Other Education Tech 99 social mentions
Vue Design System Landing Page
6

Vue Design System

An open source tool for building Design Systems with Vue.js
Pricing:
- Open Source
#Design Tools #Website Design #Prototyping
Elementor Landing Page
7

Elementor

Elementor is a front-end drag & drop page builder for WordPress.
Pricing:
- Open Source
#Website Design #Website Builder #CMS 61 social mentions
Storefront UI Landing Page
8

Storefront UI

The first Vue.js UI library dedicated to eCommerce
Pricing:
- Open Source
#Design Tools #Developer Tools #User Experience
Material UI Landing Page
9

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
#Design Tools #Development Tools #Developer Tools 75 social mentions
Atomize React Landing Page
10

Atomize React

An open source design system for ReactJS
Pricing:
- Open Source
#Design Tools #Developer Tools #Productivity
Wireflow Landing Page
11

Wireflow

Create beautiful flowcharts
Pricing:
- Open Source
#Design Tools #Flowcharts #Prototyping 2 social mentions
Material Tailwind Dashboard React Landing Page
12

Material Tailwind Dashboard React

Free Tailwind CSS & React admin template
Pricing:
- Open Source
#Web App #Design Tools #Developer Tools