Material Design Lite VS Foundation

Material Design Lite

Material Design Lite Components in HTML/CSS/JS

Foundation

The most advanced responsive front-end framework in the world

Landing page //
2018-09-30

Landing page //
2022-07-20

Categories	CSS Framework Development Tools Design Tools Developer Tools
Website	getmdl.io
Details $

Categories	CSS Framework Design Tools Development Tools Developer Tools
Website	get.foundation
Details $

Material Design Lite videos

+ Add

What is Material Design Lite?

Foundation videos

+ Add

BEST & WORST NEW FOUNDATIONS

Category Popularity

0-100% (relative to Material Design Lite and Foundation)

Foundation

CSS Framework

13 13%

CSS Framework

87% 87

Development Tools

12 12%

Development Tools

88% 88

Design Tools

10 10%

Design Tools

90% 90

Developer Tools

23 23%

Developer Tools

77% 77

User comments

Share your experience with using Material Design Lite and Foundation. For example, how are they different and which one is better?

Reviews

These are some of the external sources and on-site user reviews we've used to compare Material Design Lite and Foundation

Material Design Lite Reviews

We have no reviews of Material Design Lite yet.
Be the first one to post

Foundation is a responsive front-end framework with CSS and JavaScript components for building modern, mobile-friendly websites. It offers a comprehensive toolkit with a modular approach, allowing developers to customize and tailor their designs to meet specific project requirements.

Source: www.uxpin.com

Top 10 Best CSS Frameworks for Front-End Developers in 2022

One of the most advanced and sophisticated UI frameworks, Foundation enables quick website development. Just like Bootstrap, Foundation follows a mobile-first approach and is fully responsive. It is very suitable for huge web applications that need a lot of styling. Foundation is customizable, flexible, and semantic. And, there are over 2k contributors on Github and decent...

Source: hackr.io

15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives

Bulma is one of the most popular alternatives to Bootstrap and Foundation. It is an entirely free, open-source CSS framework that does not have a steep learning curve. No prior CSS knowledge is required to use Bulma.

Source: www.webdesignerdepot.com

10 of the Best Bootstrap Alternatives

Like Bootstrap, Foundation is also responsive and modular, making it perfect for developing websites that work equally well on all devices. Foundation also comes packed with tons of features, such as menus, buttons, form elements, carousels, and more. The Foundation framework is what you might call a highly responsive and detailed network of front-end software that makes it...

Source: thetechhacker.com

Best CSS Frameworks in 2019

Foundation is the last framework for us to consider. It is a full-featured, flexible CSS framework aimed at professionals and large businesses.

Source: www.codeauthority.com

Social recommendations and mentions

Based on our record, Foundation should be more popular than Material Design Lite. It has been mentiond 18 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Material Design Lite mentions (4)

Where can i find premade components like Navbars, Headers, Cards, Footers, etc.
Https://getmdl.io/ No specific framework (e.g React, Angular) required. Source: over 1 year ago
The React roadmap for beginners you never knew you needed.
Materialize, Material UI, Material Design Lite. - Source: dev.to / over 2 years ago
How do i use material design in an html page ?
I would recommend looking into an alternative such as https://getmdl.io/. Source: over 2 years ago
For some reason, button is not misaligned in CodePen but when the exact same code is in a normal HTML file, its misaligned and it looks weird
Sorry if I'm not providing much context, but I'm using Material Design Lite (https://getmdl.io). Strangely, it doesn't work in other online HTML "compilers" like W3Schools TryIt. Source: almost 3 years ago

Foundation mentions (18)

Front-end Framework: Comparing Bootstrap, Foundation and Materialize
Foundation is another popular open-source front-end framework, similar to Bootstrap, but with its own set of features and design principles. It was created by ZURB a design and development company in 2011. And is also maintained by a community of developers. - Source: dev.to / 3 days ago
I hate CSS: how can I build UIs?
Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy... - Source: Hacker News / 6 months ago
An Overview of 25+ UI Component Libraries in 2023
Just when we thought we'd seen it all, giants like Twitter Bootstrap, Foundation, and Bulma entered the scene. They made development quick and ensured consistent styling, but the flip side? Websites began feeling a bit too...uniform. - Source: dev.to / 7 months ago
Ur Go-To on UI with Flask?
Foundation is also easy to use since no one has mentioned it. Copy and paste, tons of templates ready to go. https://get.foundation/. Source: 10 months ago
Foundation: The Best Framework for Building Responsive Sites
Download the source files manually: You can download the source files by visiting https://get.foundation and clicking on "Download Foundation 6", which automatically downloads the CSS and JavaScript. Once you extract the Zip file, you can start creating excellent projects with Foundation. - Source: dev.to / about 1 year ago