Materialize VS Milligram

You can also visit the Materialize website and GitHub repository which currently has garnered over 38k likes and has been forked over 4k times by developers.

This repository consists of files required to deploy a Web App or PWA created with Materialize Css

57. materializecss

Material (from Google)

Well, there are CSS frameworks like Bootstrap and Materialize. If you can be more specific about what you're looking for someone can probably recommend something.

I went through the home page of materializecss and materialUI. The first one mentions A modern responsive front-end framework based on Material Design and the later one mentions React components that implement Google's Material Design. Both of them implements material design and both of them give me components to use. Where exactly is the difference between both of them?

It may be worth noting that if you have hammerjs installed and your components are still not rendering correctly to make sure you are using angular material components and not html elements with materialize-css classes.If you are using materialize-css instead of angular material, you will need to add it to your project separately.

✓ JQuery ✓ Responsive mobile friendly design ✓ Mobile drop-down menu ✓ Lazy loading ✓ Youtube like preloader progress bar ✓ Back to top icon ✓ Cookies (js-cookie) ✓ SEO meta tags (Google, Facebook, Twitter, Pinterest...) ✓ Structured data and cards ✓ Using IPFS to stream and download mp3 ✓ M3U files ✓ Torrent download ✓ Responsive HTML5 media player ✓ Stylish rounded social sharing icons menu ✓ Media Elements ready ✓ HLS: to stream and cache MP3 ✓ PWA ( Service worker, IOS and Android compatible, manifest file...) ✓ Multilingual website (Google Seo optimized) ✓ Materializecss ✓ Hit counter: to calculate the number of visit to each page using Firebase firestore. ✓ Favorite: save pages to favorite using localStorage. ✓ Filter receiters with alphabet, number of visit or by favorite. ✓ Search for receiters by name filter.

Github Issue: https://github.com/Dogfalo/materialize/issues/5995

Thanks for sharing, I love minimalist CSS frameworks that are easy to digest. My go-to for the past ~5 years has been https://milligram.io -- mainly for the grid and basic styling -- although, the author hasn't updated it in a few years. I'm going to give yours a shot!

CSS F/W: Milligram 1.4.1

$ git clone https://github.com/milligram/milligram.git

Do you know about Milligram, a "minimalist CSS framework" ? It's, in accordance with the name, lightweight like feather, and, in addition, beautiful. It is developed "to design fast and clean websites".

If you do want to use a framework and get up and running quickly, but you still want to know what's going on and have some ability to customize it, maybe you can start with one of the really minimal CSS frameworks like Milligram or Sakura and then add your own modifications.

Of course! I took this idea from the milligram project [1], but if you feel like it is a downside I am open to hearing your arguments. Feel free to open an issue [2] so we can discuss it.

[1]: https://github.com/milligram/milligram/blob/master/src/_Base...

Milligram

I’d also recommend using a CSS framework, to spare yourself the frustration of either trying to tinker with the nitty gritty until things finally look OK or alternatively having to deal with looking at an ugly website the whole time. Milligram is a good starting point here that makes your website look OK literally by just adding one line, Tailwind is more involved to get started with but for me the easiest to use if you’re trying to get a custom look, Bootstrap is kind of a middle ground here - it gives you components to work with so it’s a bit more pluggable than Milligram and it’ll have something for most things you’re trying to do, but it’ll also be pretty hard to achieve a custom look (it can be done, but without putting a ton of effort into it your website will basically look like a “bootstrap website”, which is probably not an issue for you right now but it is a downside).