November 16, 2017

UIkit Installation

UIkit Installation– You can easily install UIkit either locally or you can use hosted CDN Url to use UIKit framework. Here in this tutorial, we are going to explain how to install UIkit.

UIkit Installation Steps | CDN URL | Download Locally

There are following ways to install UIkit Installation-

Using NPM

Run the following NPM command to install UIkit-

Install UIkit Using NPM Command Example:

npm install uikit

Using Hosted CDN

You can use hosted CDN to install the UIkit css. You can include the UIkit JS and CSS from CDN url simply as below-

Install UIkit CDN URL:

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.35/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.35/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.35/js/uikit-icons.min.js"></script>

Install Locally

You can download the CSS and JS from Download UIkit and include the CSS and JS files.

Clone From Git Repo

You can clone the files from Git repository.

Install UIkit Git Command:

git clone git://github.com/uikit/uikit.git

UIkit Installation