When you want a maintained, standalone CSS/JS Material Design framework for static sites, accepting a different class system.
Materialize, a CSS Framework based on Material Design
- 38.8k
- JavaScript
- MIT
Material Design UI components for the web
Material Design Lite is a vanilla HTML/CSS/JS library that adds Material Design components and styling to static websites without framework dependencies.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
When you want a maintained, standalone CSS/JS Material Design framework for static sites, accepting a different class system.
Materialize, a CSS Framework based on Material Design
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
When you're building a Vue app and want a full-featured framework with Material Design styling rather than a drop-in static CSS/JS library.
Quasar Framework - Build high-performance VueJS user interfaces in record time
When you want the actively maintained successor using Web Components instead of MDL's static CSS/JS.
Material Design Web Components
When you need Material 2/3 components inside a Vue 3 mobile/desktop app.
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
When you want Material 3 via Web Components and can move away from MDL class markup.
Material Design 3(Material You) UI components using Web Components.
When you're on Tailwind CSS and want Material-styled components without another CSS/JS framework.
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
When you're building a Vue app and want one of the most mature Material Design component frameworks.
๐ Vue Component Framework
When you're working in React and want Material Design components without a heavy framework dependency.
React material design - An accessible React component library built from the Material Design guidelines in Sass
When you're on Vue and want a smaller Material Design library than Vuetify/Quasar.
:diamonds: A modular and customizable UI library based on Material Design and Vue
When you're already using Bootstrap and want Material Design styling in the Bootstrap ecosystem.
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.
When you need the official CSS/JS MDC Web components and can tolerate it being archived/superseded by material-web.
Modular and customizable Material Design UI components for the web
When you're building a mobile-focused Tailwind interface and need Material (or iOS) components, not a general web CSS library.
Mobile UI components made with Tailwind CSS
When you're on Svelte and need Material Design components from an abandoned/unsupported library, accepting its age.
A Material UI Design Component library for Svelte heavily inspired by vuetify.
When you want a lightweight pure-CSS-only Material Design layer and can accept fewer/no-JS components and no active maintenance.
Material Design Components in Pure CSS. Materializing HTML at just one class per component ๐ฐ
These projects were analysed and named material-design-lite among their alternatives. The relationship is not symmetric โ how material-design-lite rates them is a separate judgement, made when material-design-lite is analysed in its own right.
calls material-design-lite โChoose it when you want the official Google implementation with vanilla JS and no jQuery dependency.โ
Materialize, a CSS Framework based on Material Design
calls material-design-lite โUse when you need a minimal, dependency-free HTML/CSS/JS Material Design solution without Vue's component abstractions.โ
๐ Vue Component Framework
calls material-design-lite โStatic HTML/CSS/JS Material Design components, usable from Vue but not a component library.โ
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
calls material-design-lite โEarlier Google CSS/JS implementation of Material Design, now effectively unmaintained; choose only for legacy pages needing lightweight no-dependency styling.โ
Material Design Web Components
calls material-design-lite โchoose for a tiny, legacy Material Design CSS/JS layer on simple old pages; it is the superseded predecessor of Google's current components.โ
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
calls material-design-lite โChoose it only for older vanilla CSS/JS Material Design sites; it is a previous-generation framework.โ
A set of React components implementing Google's Material Design specification with the power of CSS Modules