An open-source design system for building scalable, responsive websites and applications.
HTML CSS JavaScript
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build YES! FUCK YOU WEBPACK Feb 10, 2018
dist Precompile assets Apr 26, 2018
docs Replace black weight with heavy and update styles. Apr 26, 2018
public Precompile assets Apr 26, 2018
src More tweaks to letter-spacing. Apr 26, 2018
.DS_Store
.babelrc
.editorconfig Rename _editorconfig to .editorconfig Aug 23, 2017
.gitignore Fix merge Apr 2, 2018
.htaccess wefew Feb 10, 2018
.postcssrc.js
README.md Fix incorrect installation instructions Nov 15, 2017
_config.yml Move fonts to enable access Sep 26, 2017
changelog.md Move navigation into partial and load with an evil script Jun 2, 2017
license.md Remove "Inc" from the LICENSE.md file Sep 22, 2017
package-lock.json Build assets Apr 10, 2018
package.json

README.md

Modulz

An open-source design system for building scalable, responsive websites and applications.

Getting started

Paste this line of code into the <head> of your html files.

<link rel="stylesheet" href="https://s3.amazonaws.com/modulz/modulz.min.css">

or install with npm

npm install modulz-css

Documentation

Modulz Docs

Test page

For now, to get started, you will also need to html starter document. Just create a new folder, create an index.html file inside, then paste in the code below and open it in a browser.

<!DOCTYPE html>
<html class="oy-scroll" lang="en" style="font-size: 62.5%;">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Modulz Starter</title>
        <link rel="stylesheet" href="https://s3.amazonaws.com/modulz/modulz.min.css">
    </head>
    <body class="ff-sansSerif color-gray900">
        <!-- Add your content here -->
    </body>
</html>

License

MIT. You can use Modulz as you see fit.