What is Milligram?
Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.
Milligram is a tool in the Front-End Frameworks category of a tech stack.
Milligram is an open source tool with 10.2K GitHub stars and 755 GitHub forks. Here’s a link to Milligram's open source repository on GitHub
Who uses Milligram?
Companies
4 companies reportedly use Milligram in their tech stacks, including Tam Development LLC., Gooroo, and SoundPump.net.
Developers
30 developers on StackShare have stated that they use Milligram.
Pros of Milligram
7
6
6
4
4
4
3
3
3
3
3
2
2
Decisions about Milligram
Here are some stack decisions, common use cases and reviews by companies and developers who chose Milligram in their tech stack.
Weverton Timoteo
CTO at SourceLevel · | 3 upvotes · 59K views
I find myself struggling trying to use a specific minified CSS file under node_modules for Milligram in Phoenix Framework using Webpack. First I thought that I need to define a resolve entry in my webpack.config.js as described in css-loader docs.
Then, I've discovered that I can simply use this Webpack notation in my manifest file (app.scss):
@import '~milligram/dist/milligram.min';
As described in docs:
To import assets from a node_modules path (include resolve.modules) and for alias, prefix it with a ~
Note that if you have other Webpack loaders, it will expand your CSS file in development mode.
Milligram Alternatives & Comparisons
What are some alternatives to Milligram?
Micro
Micro is a framework for cloud native development.
Micro addresses the key requirements for building cloud native services. It leverages the microservices architecture pattern and provides a set of services which act as the building blocks
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Material Design for Angular
Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
Animate.css
It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
Tailwind CSS
Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.
