Top 15 Material Design Lite Alternative and Similar Softwares | Dec 2024

An implementation of Material Design components in vanilla CSS, JS, and HTML.

Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.

1. Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System Frow is an HTML and CSS framework for creating quick, responsive, mobile-first projects on the web.What Makes Frow Special?Frow (flex row) utilizes and builds upon the power of CSS's display:flex. While Frow does provide a responsive 'grid system' that is built upon display:flex similar to other grid systems, the......

2. Leaf (CSS Framework)

Leaf (CSS Framework) A CSS framework based on Google's material design......

3. Cascade Framework

Cascade Framework Although the overall look and feel are most definitely inspired by Twitter Bootstrap, Cascade framework is not just another Bootstrap clone. Where Twitter Bootstrap puts its focus on delivering shiny user elements that can be dropped into any project and takes control of your project's overall look-and-feel, Cascade Framework is......

4. Unsemantic CSS Framework

Unsemantic CSS Framework Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages.......

5. inuit.css

inuit.css inuit.css is a lightweight, constantly updated CSS framework which provides you with a pragmatic and feature-rich starting point for all your projects.It is crammed full of useful snippets, best practices and has additional plugins to extend its usefulness further.......

6. Flexbox Grid

Flexbox Grid A grid system based on the flex display property.......

7. Responsable

Responsable Responsable is a responsive HTML CSS LESS SCSS framework with clean markup, normalized CSS, and responsive images. It allows for nested columns for easy grid nesting and customization, and provides base styles for forms, tables, and typography for faster startup on your projects.......

8. Spectre.css

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.......

9. Angular Material

Angular Material The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible UI components based on the Material Design system.Similar to the Polymer project's Paper elements collection, Angular Material is supported internally at Google by the Angular.js, Material Design UX......

10. Refills

Refills Refills are prepackaged patterns and components, built on top of Bourbon, Bitters and Neat.......

11. Slides Framework

Slides Framework Slides is a simple and powerful HTML and CSS framework that lets you easily build beautiful static websites thanks to a flexible modular setup.......

12. Materialize

Materialize Materialize is a modern responsive CSS framework based on Material Design by Google......

13. Responsive Grid System

Responsive Grid System This is the Responsive Grid System, a quick, easy and flexible way to create a responsive web site.......

14. Emmet Re:view

Emmet Re:view Emmet Re:View displays your responsive web-page in a number of views side-by-side so you can quickly test how web-page looks at different resolutions and devices. All views are fully synchronized: scroll, fill-in form fields, click, hover and drag elements in one view and get instant feedback in all others.FEATURESBreakpoints ViewDisplays......

15. GenesisUI

GenesisUI Bootstrap Admin Template built as framework! GenesisUI was designed as its own extended version of Bootstrap 4.......