Installation

There are three ways to get started with Mojo. You can either:

  • Use npm to install Mojo (recommended)
  • Download the Compiled version
  • Use Mojo via CDN
Prerequisites: In order to install Mojo via npm, first you need Node installed on your machine.

Install via package manager

To include Mojo in your build setup you need to install it via a package manager.

NPM:



npm install mojocss

Yarn:



yarn add mojocss

Then import it in your project's main.js and initiate mojo():



// Import Mojo CSS
import mojo from 'mojocss'

// Initialize
mojo()

And voila! 🎉 You can now use Mojo in your project.


Download the Compiled version

Download Mojo's ready-to-use compiled code so you can drop it straight into your project.

By using this, you can quickly and easily include Mojo in your project without needing to set up a build process.

This doesn’t include documentation or source files:

Download


Using Mojo via CDN

If you need to pack light and fast, grab Mojo from CDN to jumpstart your next project.



<script src="https://unpkg.com/mojocss"></script>

Starter template

To get started with Mojo right away, use this starter template:

index.html 


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>It's Mojo</title>

    <!-- Mojo CSS CDN -->
    <script src="https://unpkg.com/mojocss"></script>
  </head>
  <body m-load style="display:none">

    <h1 class="text-c-primary"> Hello World! </h1>

    <!-- Initialize Mojo CSS -->
    <script>
      mojo();
    </script>
  </body>
</html>

More to Explore

Learn about the key concepts that set Mojo apart from its competitors.

Variants Component Abstraction Responsive Design Color System Color Themes Arbitrary Styling