A Material Design implementation of the Foundation for Sites frontend framework.
Material Foundation is an open-source theme that implements Google's Material Design guidelines on top of Zurb's Foundation for Sites framework. It transforms Foundation's default components and grid system to follow Material Design's visual language, providing a cohesive, modern UI toolkit for building responsive websites.
Frontend developers and designers who are already using or prefer Foundation for Sites but want to adopt Material Design's aesthetics and interaction patterns in their projects.
It allows teams to leverage Foundation's proven, responsive foundation while achieving Material Design's consistent look and feel, eliminating the need to switch to a different framework or manually restyle components.
Material Design version of Foudation for Sites by Zurb
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Restyles Foundation's UI elements with Material Design principles, providing a consistent aesthetic without abandoning the familiar framework, as stated in the philosophy.
Built on Foundation 6.4.3, ensuring compatibility with its core features and utilities, making it ideal for migrating existing projects.
All styles are written in SCSS, allowing easy theming and variable overrides, which is highlighted in the key features for developer flexibility.
Adapts Foundation's flexible grid with Material Design spacing and breakpoints, maintaining responsiveness while following design guidelines.
The project is tied to an older Foundation version, which may lack updates, security patches, or new features from later releases, as noted in the README.
Requires familiarity with Foundation's structure and dependencies, adding a learning curve for teams not already using it, limiting its appeal.
Requires manual import of SCSS and JS files, and the starter project is separate, which can increase initial setup overhead compared to more integrated solutions.