The best material-design-for-bootstrap alternatives

iview

iview/iview

A high quality UI Toolkit built on Vue.js 2.0

Choose iview if…

• you would rather work in Vue than JavaScript
• you want the more widely starred option (23.7k)
• you specifically need components or design-systems

Shares css, frontend, javascript, ui-kit with material-design-for-bootstrap.

TW-Elements

mdbootstrap/TW-Elements

𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

Choose TW-Elements if…

• you specifically need dashboard-templates or design-systems

Shares css, frontend, javascript, material-design with material-design-for-bootstrap.

ui-buttons

youneslaaroussi/ui-buttons

100 Modern CSS Buttons. Every style that you can imagine.

Choose ui-buttons if…

• you would rather work in CSS than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need angular or awesome

Shares css, design, framework, frontend with material-design-for-bootstrap.

ui

franken-ui/ui

Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.

Choose ui if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you want the more recently updated codebase
• you specifically need component or design-system

Shares css, framework, ui, uikit with material-design-for-bootstrap.

vuetify

vuetifyjs/vuetify

🐉 Vue Component Framework

Choose vuetify if…

• you would rather work in TypeScript than JavaScript
• you want the more widely starred option (41.0k)
• you want the more recently updated codebase
• you specifically need material-components or material-theme

Shares javascript, material, material-design, ui with material-design-for-bootstrap.

layui

layui/layui

一套遵循浏览器原生态开发模式的 Web UI 组件库。

Choose layui if…

• you want the more widely starred option (30.6k)
• you want the more recently updated codebase
• you specifically need component-library or html

Shares css, javascript, ui-kit with material-design-for-bootstrap.

hyperui

markmead/hyperui

Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀

Choose hyperui if…

• you would rather work in Astro than JavaScript
• you want the more recently updated codebase
• you specifically need accessibility or components

Shares css, frontend, ui with material-design-for-bootstrap.

tachyons

tachyons-css/tachyons

Functional css for humans

Choose tachyons if…

• you would rather work in CSS than JavaScript
• you want the more recently updated codebase
• you specifically need design-patterns or design-systems

Shares css, design, frontend with material-design-for-bootstrap.

rebass

rebassjs/rebass

:atom_symbol: React primitive UI components built with styled-system.

Choose rebass if…

• you specifically need color or components

Shares css, javascript, ui with material-design-for-bootstrap.

flyonui

themeselection/flyonui

🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.

Choose flyonui if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need component-library or components

Shares css, javascript, uikit with material-design-for-bootstrap.

Front-End-Web-Development-Resources

RitikPatni/Front-End-Web-Development-Resources

This repository contains content which will be helpful in your journey as a front-end Web Developer

Choose Front-End-Web-Development-Resources if…

• you specifically need animation-frameworks or color-scheme

Shares css, framework, frontend, javascript with material-design-for-bootstrap.

pattern.css

bansal/pattern.css

CSS only library to fill empty background with beautiful patterns.

Choose pattern.css if…

• you would rather work in HTML than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need css-framework or css3

Shares bootstrap, css, frontend, ui with material-design-for-bootstrap.