27
67
+ 1
48

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 9.2K GitHub stars and 557 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., calligraphr, and SoundPump.net.

Developers
20 developers on StackShare have stated that they use Milligram.
Pros of Milligram
7
Minimalist
6
Weightless
5
Flexbox
4
Consistent
4
Responsiveness
3
Grids
3
CSS framework
3
Popular
3
Flexible
3
Customizable
3
Open source
2
Great docs
2
Sass
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

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.

See more

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.
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.
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.
Foundation
Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
See all alternatives

Milligram's Followers
67 developers follow Milligram to keep up with related blogs and decisions.