mgplus

mgplus (Mg+)

Formerly called Milligram Plus, Mg+ is a small CSS library

Mg+ was based on milligram which provides a minimal setup of styles for a fast and clean starting point.

Aditionnal features

Usefull components was included in this library like theming, navs, forms inputs, badges, modals and advanced grid system (inspired by FlexBoxGrid)

Mg+ is specially designed to quickly create a website or a small page with minimal dependencies for better performance and higher productivity.

Only 37KB minified

Live Demo

Getting started

Install dependencies from npm

$ npm install mgplus or yarn add mgplus

import in your project dist/ files

or from Github

mgplus.min.css

mgplus-extensions.min.js

js extensions are required only to handle interactions with dom events for navs, tabs, dropdowns, modals, etc. It could be replaced by creating wrapped UI components with react, angular or other any UI framework.

Run from source code and sample page locally

After cloned the repository

Run:

$ npm install or yarn install

Then to Debug:

$ npm run start or yarn start

Or to build only:

$ npm run build  or yarn build

That's it!

Hot reload already configured with node sass compiler and browser sync

License

Licensed under the MIT License.