When comparing Materialize vs Spectre, the Slant community recommends Spectre for most people. In the question“What is the best CSS framework?” Spectre is ranked 9th while Materialize is ranked 11th.
Ranked in these QuestionsQuestion Ranking
Pro Great-looking demo
Pro Device agnostic
Since Materialize follows Google's guidelines for Material design, which in theory is device agnostic, Materialize itself is device agnostic too. It's designed to look good on every device.
Pro Large selection of components
CSS components: Badges, buttons, cards, collections, footer, forms, icons, navbar, pagination, preloader.
Mobile-specific: slide-out drawer menu, toasts.
Pro Mobile navigation
Pro Nice showcase of sites built with Materialize
While the default style is not bad at all, Materialize also gives developers the ability to customize it and fit their own style, while still keeping in line with the Material Design philosophy.
Along with the CSS files, designers can also download the SASS files which can be edited and compiled.
Pro 12-Column Grid System
Pro Included icon font
Pro Meteor.js integration by developers
Material design is very opinionated on how design elements should behave and look. The basics of which revolve around certain visual elements (physics, space, momentum and light) which are used to create specific UX elements.
This is very helpful because it creates a consistent feel without making every design look the same. This can be seen in Materialize too, where each element may be customized but still it keeps the consistent look of the material design.
Very clean design compared to bootstrap.
Works well on any device.
Pro Mobile ready
Spectre can be used to create mobile websites easily. With all the regular built in elements (buttons, menus, grids etc).
Contains only the basics, no extra fluff.
Pro Open source
Spectre is used through Github, and is open source.
Con Not maintained anymore
Con Large / heavy
267 kilobytes, minified, for the CSS and JS.
No longer supported by their maintainers.