/minstyle.io

👌 A simple CSS Framework, including dark theme.

Primary LanguageCSSMIT LicenseMIT

minstyle.io

A simple & Lightweight CSS Framework, including dark theme.

MIT Licence npm version Codacy Badge

minstyle.io

Informations

minstyle.io is a simple and light open source CSS framework. It integrates a set of pre-designed HTML elements, allowing the rapid and simple development of interfaces for all devices.

Version

minstyle.io V1.1.0

Get Started

The architecture of the framework is based on the concatenation of classes. For example, the ms-btn class allows to get the default design of a button, the ms-info class allows to color the button blue, and the ms-rounded class allows to round the button angles :

<button class="ms-btn">Button</button>
<button class="ms-btn ms-green">Button</button>
<button class="ms-btn ms-green ms-rounded">Button</button>

Get more information on minstyle.io/doc

Install

To install the css framework, three options are available :

The first possibility is to download the CSS file, or all SCSS files :

CSS File

SCSS Files

You also have the possibility to use the CDN by integrating the tag below between the head tags of your HTML page or project :

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/minstyle.io@1.0.2/css/minstyle.io.min.css">

Finally, minstyle.io is also available as an NPM or Yarn package:

npm :

$ npm install minstyle.io

yarn :

$ yarn add minstyle.io

How to use ?

Full documentation is available on minstyle.io.

Get started

Layout

Content

Components

License

Designed by Rémi MARION. Licensed under MIT License.

Links