npm

Installing Clarity UI

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.