Open Source Material Design Lite AlternativesCSS Frameworks and other similar apps like Material Design Lite

The best open source alternative to Material Design Lite is Bootstrap. If that doesn't suit you, our users have ranked more than 50 alternatives to Material Design Lite and loads of them is open source so hopefully you can find a suitable replacement. Other interesting open source alternatives to Material Design Lite are Tailwind CSS, Semantic UI, Foundation and UIkit.

More about Material Design Lite
Copy a direct link to this comment to your clipboard
Material Design Lite alternatives page was last updated

Alternatives list

  1. Bootstrap icon

    Bootstrap

     260 likes
    Copy a direct link to this comment to your clipboard

    Bootstrap is a open-source collection of tools for creating browser sites and applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions.

    107 Bootstrap alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Self-Hosted
    • HTML5 Boilerplate
    • JavaScript
    Bootstrap screenshot 1
     

    • Bootstrap is the most popular Self-Hosted alternative to Material Design Lite.

    • Bootstrap is the most popular Open Source & free alternative to Material Design Lite.

    • Bootstrap is Free and Open SourceMaterial Design Lite is also Free and Open Source
  4. Semantic UI icon

    Semantic UI

     45 likes
    Copy a direct link to this comment to your clipboard

    UI framework with 50+ elements and 3000+ CSS variables, ensuring responsive design. Seamlessly integrates with React, Angular, and other frameworks for customizable theming.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Self-Hosted
    • CSS
    • JavaScript
    Semantic UI screenshot 1
     
  5. Foundation icon

    Foundation

     48 likes
    Copy a direct link to this comment to your clipboard

    Foundation, a responsive front-end framework by Zurb, includes customizable HTML, CSS, and JS resources, enabling the creation of semantic, device-friendly websites and emails, promoting accessibility and content focus, with tools for designers and developers.

    94 Foundation alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Self-Hosted
    • CSS
    • JavaScript
     
  6. UIkit icon

    UIkit

     38 likes
    Copy a direct link to this comment to your clipboard

    A lightweight and modular front-end framework for developing fast and powerful web interfaces.

    101 UIkit alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    UIkit screenshot 1
     

    • UIkit is the most popular Web-based alternative to Material Design Lite.

    • UIkit is Free and Open SourceMaterial Design Lite is also Free and Open Source
  7. Materialize icon

    Materialize

     38 likes
    Copy a direct link to this comment to your clipboard

    Simple. Built on open source. The responsive front-end library based on Google's Material Design.

    97 Materialize alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
    Materialize screenshot 1
     
  9. Material UI icon

    Material UI

     5 likes
    Copy a direct link to this comment to your clipboard

    Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

    96 Material UI alternatives

    Cost / License

    • Freemium (Subscription)
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
    Material UI screenshot 1
     
  10. HTMX icon

    HTMX

     4 likes
    Copy a direct link to this comment to your clipboard

    htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext

    Cost / License

    • Free
    • Open Source

    Platforms

    • Self-Hosted
    • HTML
    HTMX screenshot 1
     
  11. Purecss icon

    Purecss

     17 likes
    Copy a direct link to this comment to your clipboard

    A set of small, responsive CSS modules that you can use in every web project.

    Cost / License

    • Free
    • Open Source

    Platforms

    • Online
     
  12. Element UI icon

    Element UI

     5 likes
    Copy a direct link to this comment to your clipboard

    Element, a Vue 2.0 based component library for developers, designers and product managers.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
    • CSS
    • JavaScript
    • Vue.js
     
  14. Nuxt UI icon

    Nuxt UI

     1 like
    Copy a direct link to this comment to your clipboard

    Create beautiful, responsive & accessible web apps quickly with Vue or Nuxt. Nuxt UI is an open-source UI library of 100+ customizable components built with Tailwind CSS and Reka UI.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Self-Hosted
    • Nuxt.js
    • Vue.js
    • Tailwind CSS
    • Figma
    Nuxt UI screenshot 1
     
12 of 66 Material Design Lite alternatives