🇯🇵 Document Snippets Themes GitHub Twitter


UNITS can be installed easily, it is possible to start using immediately!

1. UNITS itself can be downloaded from GitHub by cloning it or as a ZIP format, or you can download it via npm.

$ git clone https://github.com/kokushin/unitscss.git
$ npm install unitscss --save

2. Let's load the necessary files.

<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="path/to/units.min.css">

<script src="path/to/units.min.js"></script>

3. Complete the defined HTML and give the component class starting with uc-. For example, in the sample below you can apply the cover image card component.

<div class="uc-card _float">
  <div class="uc-card-image" style="background-image:url(https://source.unsplash.com/random)"></div>
  <h3 class="uc-card-title">Sample card</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, et.</p>
  <div class="uc-btn _primary"><a href="#">Button</a></div>

4. It will be displayed on the browser like this:

Sample card

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, et.