mgplus
v1.3.1
Published
mgplus a micro CSS library
Downloads
167
Readme
MgPlus (Mg+)
Do You Enjoy Using the Milligram framework? Check Out Mg+
Mgplus mini CSS library
Build pretty websites with just a few drops of css
Striking the perfect balance between features and simplicity
The project began in early 2021 with the goal of providing a more robust and feature-rich alternative while maintaining the minimalistic approach of Milligram
Mgplus is specially designed to quickly create a website or a small page with minimal dependencies for better performance and higher productivity
Only one css file, around 58 KB minified
Integration example
Why mgplus ?
- Easy to use: components are just html markups
- Easy to integrate: just add only one css file in your page
- Easy to extend
- Lightweight with only essentials features
- Responsive and mobile first design
Features
- Theming with css variables
- Dark mode
- Navs
- Tabs
- Pretty forms inputs
- Badges
- Modals
- Responsive flex grid system
- Icon helper including ready to use css icons
- Styling helpers like tailwindcss for positionning and sizing
- And more ...
Getting started
Quick start
- Import mgplus.css to your website from our CDN
<link rel="stylesheet" type="text/css" href="https://cdn.mgpluscss.com/$PACKAGE_VERSION/css/mgplus.css" />
- Optional: In order to use collapsible components or darkmode, import mgplus-dom.js to your website from our CDN
<script src="https://cdn.mgpluscss.com/$PACKAGE_VERSION/js/mgplus-dom.js"></script>
Developing
Start demo page locally with enabled hot reload
- Clone the repository
git clone https://github.com/Evodim/mgplus.git
Install packages
npm install
Build demo page
npm run build:demo
Start demo page (hot reload enabled on any change)
npm run start
Build only the library
Output library will be copied in dist folder
npm run build
Build debug version of the library
Build unminified version with sourcemaps
npm run build:debug
yarn, pnpm commands are also supported
License
Licensed under the MIT License.
This library is in active development, some breaking may occurs until next major release including a new documentation portal.
A complete documentation page will be available soon