Responsive Modular CSS Framework – mono-color

Category: CSS & CSS3 , Frameworks , Recommended | May 27, 2020
Author: asvvvad
Views Total: 133 views
Official Page: Go to website
Last Update: May 27, 2020
License: MIT


Responsive Modular CSS Framework – mono-color


mono-color is a tiny, responsive, modular, clean, CSS-only front-end framework designed for content-centric websites & web applications.

More Features:

  • Focused on readability.
  • Optimized for both web and mobile.
  • Dark and Light themes.
  • 12-column based grid system.
  • Useful CSS utility classes.
  • Most commonly used components: cards, badges, alerts, buttons, etc.

How to use it:

1. Download & unzip the package.

2. Insert the following stylesheets into your document.

  • light.min.css: Light Theme
  • dark.min.css: Dark Theme
  • mono.min.css: With no components, grid system, utilities, etc
  • mono-color.min.css: With components, grid system, utilities, etc
<link rel="stylesheet" href="/path/to/light.min.css" media="" />
<link rel="stylesheet" href="/path/to/dark.min.css" media="(prefers-color-scheme: dark)" />
<link rel="stylesheet" href="/path/to/mono.min.css" />
<link rel="stylesheet" href="/path/to/mono-color.min.css" />

More Previews:

mono-color Typography


mono-color Code Block

Code Block

mono-color Blockquote


mono-color Table


mono-color Form


mono-color Grid System

Grid System

mono-color Rounded Buttons

Rounded Buttons

mono-color Cards


mono-color Alerts


You Might Be Interested In:

Leave a Reply