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.
minstyle.io also includes support for dark theme, initially set on your OS. A script allows you to manually change from one theme to another in a fraction of a second (try it, by clicking on the icon at the bottom right). The working principle is detailed on the dedicated page.
The architecture of the framework is based on the concatenation of classes. For example, the
ms-btn classe allows to get the default design of a button, the
ms-success classe allows to color the button green, and the
ms-rounded classe allows to round the button angles
To install the CSS framework, you have 4 options.
The compiled sources are available for download. You just have to add the
<link> between your
<link rel="stylesheet" type="text/css" href="css/minstyle.io.css">
It is also possible to add the
link tag, importing sources from a CDN.
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/css/minstyle.io.css">
minstyle.io is also available under npm.
npm i minstyle.io
minstyle.io is also available under yarn.
yarn add minstyle.io
For more informations about dark theme, consult the dedicated page.