Material Design Lite
Google, Mountain View, California, United StatesMaterial Design Lite (MDL) is a legacy user interface framework that implements 
Material Design components using plain 
CSS, 
JavaScript, and 
HTML without external dependencies.
It provides a set of ready-made UI components, such as buttons, layouts, cards, menus, sliders, and dialogs, a responsive grid system, and automatic component upgrading via JavaScript.
According to our data, Material Design Lite ranks 22th among the user interface frameworks we track.
It has 0.1% of the UI framework market share and is detected on 0.04% of all websites.
- 🏠 Website
- </> Source code
- 👨👩👦👦 Community
Stack Overflow💸 Pricing
Material Design Lite is available for free.
📊 Rankings and Market Share
- UI Frameworks
- Rank: 22
- Market share: 0.1%
- Legacy
- Rank: 44
- Market share: 0.2%
🏆 Material Design Lite Awards
- ⭐ 10th most popular in Vietnam in the UI Frameworks category.
- 🔥 11st most popular in Spain in the UI Frameworks category.
- 🔥 12nd most popular in Ukraine in the UI Frameworks category.
- 🔥 13rd most popular in Turkey in the UI Frameworks category.
- 🔥 14th most popular in Italy in the UI Frameworks category.
- 🔥 14th most popular in Japan in the UI Frameworks category.
- 🔥 14th most popular in the Czech Republic in the UI Frameworks category.
- 🔥 16th most popular in India in the UI Frameworks category.
- 🔥 18th most popular in France in the UI Frameworks category.
- 🔥 18th most popular in Russia in the UI Frameworks category.
⚡ Sites Built With Material Design Lite
We have data on 1,435 websites that use the Material Design Lite UI framework. Here is a list of some of the top ranked ones.
The highest rated site using Material Design Lite is allocine.fr.
| # | Website | Rank | Country | Language |
|---|---|---|---|---|
| 1 | #630 | France | French | |
| 2 | #642 | American English | ||
| 3 | #2,155 | Japan | Japanese | |
| 4 | #2,688 | France | Brazilian Portuguese | |
| 5 | #3,558 | Germany | German | |
| 6 | #4,277 | Japan | Japanese | |
| 7 | #5,102 | India | American English | |
| 8 | #5,857 | Japan | Japanese | |
| 9 | #6,300 | Brazil | Brazilian Portuguese | |
| 10 | #7,185 | Colombia | English | |
| 11 | #7,325 | France | Spanish | |
| 12 | chartbeat.com | #7,636 | United States | American English |
| 13 | #8,503 | Japan | Japanese | |
| 14 | #9,566 | France | Turkish | |
| 15 | #9,925 | English | ||
| 16 | #11,673 | United States | English | |
| 17 | #11,820 | Bangladesh | Bangla | |
| 18 | #13,110 | Switzerland | German | |
| 19 | #13,469 | Ukraine | Ukrainian | |
| 20 | #14,522 | Switzerland | German |
📈 Usage Statistics
Most of the sites that use Material Design Lite:
- are located in the United States
- have content in English
- use the .com domain extension
- fall into the Business category.
Most of the sites using Material Design Lite are from the United States, Germany, and Spain.
- United States 15.6%
- Germany 6.3%
- Spain 5.9%
- France 5.8%
- Italy 4.7%
- India 4.5%
- Japan 4.1%
- United Kingdom 3.8%
- Russia 3.6%
- Other 45.7%
Most Material Design Lite users speak English, German, or Spanish.
- English 47.6%
- German 6.3%
- Spanish 6.3%
- Russian 4.8%
- Italian 3.8%
- French 3.8%
- Japanese 3.6%
- Portuguese 3.4%
- Vietnamese 3.3%
- Other 17.1%
The Material Design Lite UI framework is especially popular on .com top-level domains.
- .com 44.4%
- .de 3.8%
- .net 2.9%
- .org 2.9%
- .it 2.8%
- .ru 2.4%
- .fr 1.8%
- .com.br 1.7%
- .co.uk 1.6%
- Other 35.7%
The primary market segments for websites utilizing Material Design Lite include business, online shopping, and marketing and merchandising.
- Business 14.2%
- Online Shopping 11.6%
- Marketing/Merchandising 10.7%
- Education/Reference 6.5%
- Travel 6.5%
- Internet Services 5.6%
- Real Estate 5.3%
- Entertainment 4.2%
- Health 3.5%
- Other 31.9%
🕵️ Similar Technologies
These are some of the best Material Design Lite alternatives.
AngularJS Material🆚 Compare Alternatives
Compare Material Design Lite to…
- 🕵️ Similar frameworks
- ⭐ Market leaders
- 💡 Featured alternatives
- 🔎 All options
Bootstrap
MudBlazor💬 Frequently Asked Questions
What is the company behind Material Design Lite?
Material Design Lite is owned by Google LLC, headquartered in Mountain View, California, United States.
Can I use Material Design Lite for free?
Yes, it is a free user interface framework.
Moreover, it is an open source solution, and its code is available on 
GitHub.
Which country uses Material Design Lite the most?
The majority of Material Design Lite users are from the United States.
Who uses Material Design Lite?
According to our data, Material Design Lite is used on over a thousand sites, including such established ones as allocine.fr,
mydramalist.com, and
nomura.co.jp.
Do academic institutions use Material Design Lite?
Yes. The most prominent of these is udea.edu.co.
How does Material Design Lite stack up against the competition?
Material Design Lite is a moderately popular user interface framework, ranking ahead of 42 other user interface frameworks we track.
What are the alternatives to Material Design Lite?
Alternatives and possible competitors to Material Design Lite may include Materialize,
Material UI, and 
Angular Material.
👉 See Also
- ✨ Related technologies
- 💼 All technologies from Google
Material Design Icons
Material Icons
Material Symbols