AltHub

google/material-design-lite Alternatives

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.

32.2kHTMLApache-2.0active ยท last push 5mo agoGitHub

Drop-in peers

Same problem, same approach. Swapping one for another is a config change, not a rewrite.

Dogfalo/materializeGitHub

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
active2mo ago

Same job, different approach

Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.

quasarframework/quasarGitHub

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

27.2k
JavaScript
MIT
active1mo ago
material-components/material-webGitHub

When you want the actively maintained successor using Web Components instead of MDL's static CSS/JS.

Material Design Web Components

11.2k
SCSS
Apache-2.0
active1mo ago
varletjs/varletGitHub

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.

5.3k
Vue
MIT
active2mo ago
zdhxiong/mduiGitHub

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.

4.5k
TypeScript
none
active3mo ago
creativetimofficial/material-tailwindGitHub

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.

4.4k
TypeScript
MIT
active5mo ago
vuetifyjs/vuetifyGitHub

When you're building a Vue app and want one of the most mature Material Design component frameworks.

๐Ÿ‰ Vue Component Framework

41.0k
TypeScript
NOASSERTION
active1mo ago
mlaursen/react-mdGitHub

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

2.3k
TypeScript
MIT
active2mo ago
balmjs/balm-uiGitHub

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

510
SCSS
MIT
active1mo ago
mdbootstrap/material-design-for-bootstrapGitHub

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.

9.3k
JavaScript
MIT
active7mo ago

Older generation, or narrower

An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.

material-components/material-components-webGitHub

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

17.1k
TypeScript
MIT
archived1.7y ago
konstaui/konstaGitHub

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

4.2k
JavaScript
MIT
active2mo ago
TheComputerM/svelte-materialifyGitHub

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.

613
Svelte
MIT
archived4.0y ago
finnhvman/matterGitHub

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 ๐Ÿฐ

1.1k
JavaScript
MIT
dormant3.8y ago

Listed as an alternative to

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.

Dogfalo/materializeGitHub

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

38.8kJavaScriptactive
vuetifyjs/vuetifyGitHub

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

41.0kTypeScriptactive
vuematerial/vue-materialGitHub

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.

9.8kVuedormant
material-components/material-webGitHub

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

11.2kSCSSactive
mdbootstrap/material-design-for-bootstrapGitHub

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.

9.3kJavaScriptactive
react-toolbox/react-toolboxGitHub

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

8.6kJavaScriptdormant