@clr/ui

CSS for Clarity

Usage no npm install needed!

<script type="module">
  import clrUi from 'https://cdn.skypack.dev/@clr/ui';
</script>

README

Installing Clarity UI npm version

  1. Install Clarity UI package through npm:

    npm install @clr/ui

  2. Install Clarity Icons package through npm:

    npm install @clr/icons

  3. Include the clr-ui.min.css and clr-icons.min.css files in your HTML file:

    <link rel="stylesheet" href="path/to/node_modules/@clr/ui/clr-ui.min.css">
<link rel="stylesheet" href="path/to/node_modules/@clr/icons/clr-icons.min.css">

  4. Include the clr-icons.min.js in your HTML file:

    <script src="path/to/node_modules/@clr/icons/clr-icons.min.js"></script>

  5. Write your HTML with the Clarity CSS class names and markup.