Choose it when you want the official Google implementation with vanilla JS and no jQuery dependency.
Material Design Components in HTML/CSS/JS
- 32.2k
- HTML
- Apache-2.0
CSS framework / Material Design
Materialize is a standalone CSS framework for building responsive Material Design websites with prebuilt styles and optional JavaScript widgets.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose it when you want the official Google implementation with vanilla JS and no jQuery dependency.
Material Design Components in HTML/CSS/JS
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose it when you are building with Vue instead of plain HTML/CSS and want a full Material-styled app framework.
Quasar Framework - Build high-performance VueJS user interfaces in record time
Choose it when you want Google's official Web Components instead of Materialize's global CSS classes.
Material Design Web Components
Choose it when you are on Vue 3 and need Material Design 2/3 components rather than a standalone CSS framework.
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
Choose it when you want framework-agnostic Web Components with Material You (Material 3) styling.
Material Design 3(Material You) UI components using Web Components.
Choose it when your project is built on Tailwind CSS and you want Material Design components without Materialize's large CSS.
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Choose it when you are building Vue apps and want a mature, actively maintained Material Design component suite.
๐ Vue Component Framework
Choose it when you work in React and want Material Design components instead of injecting Materialize into React.
React material design - An accessible React component library built from the Material Design guidelines in Sass
Choose it in Vue projects when you want modular, customizable Material Design components.
:diamonds: A modular and customizable UI library based on Material Design and Vue
Choose it when you already build on Bootstrap and want Material Design styling without switching to a standalone framework.
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Only relevant for legacy projects tied to Google's archived MDC-Web API; no longer receives maintenance.
Modular and customizable Material Design UI components for the web
Archived Svelte Material library; useful only for maintaining older Svelte projects that already use its API.
A Material UI Design Component library for Svelte heavily inspired by vuetify.
An old Vue 2 Material component library; pick only if you are locked into its legacy API.
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
These projects were analysed and named materialize among their alternatives. The relationship is not symmetric โ how materialize rates them is a separate judgement, made when materialize is analysed in its own right.
calls materialize โWhen you want a maintained, standalone CSS/JS Material Design framework for static sites, accepting a different class system.โ
Material Design Components in HTML/CSS/JS
calls materialize โChoose when you want a framework-agnostic CSS/JS Material Design framework rather than React components.โ
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
calls materialize โUse a pure CSS/JS Material Design framework when you are not tied to Vue and want framework-agnostic building blocks.โ
๐ Vue Component Framework
calls materialize โClassic CSS/JS framework for Material Design; choose for plain-HTML projects that don't need web components.โ
Material Design Web Components
calls materialize โCSS/JS Material Design framework, simpler but not Vue-native, can be used alongside Vue.โ
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
calls materialize โchoose when you want a self-contained Material Design CSS/JS framework that replaces Bootstrap instead of augmenting it.โ
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
calls materialize โChoose it for a standalone Material Design CSS framework to pair with React instead of a React component library.โ
A set of React components implementing Google's Material Design specification with the power of CSS Modules