CSS for Clarity


12.0.43 days ago4 years agoMinified + gzip package size for @clr/ui in KB


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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.