How to install UIkit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.
Created
Modified

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. If super-clean, elegant, non-whitespace-shy designs are your thing, UIkit has you covered.

UIkit is a self-contained system, and you won’t be able to modify or extend it without putting in considerable effort.

Installation

You can download the latest version of UIkit from the GitHub releases or use a UIkit CDN.

You have the following options to get UIkit:

Cloning a repository

You can clone a repository from GitHub.com to your local computer.
Cloning with HTTPS URLs
git clone https://github.com/uikit/uikit.git
Cloning with SSH URLs
git clone [email protected]:uikit/uikit.git
Cloning with GitHub CLI
gh repo clone uikit/uikit

Install via NPM package

Run the following command to locally install the package and its dependencies with NPM.
Downloading and installing packages locally
npm i uikit
npm install uikit
yarn add uikit
Downloading and installing packages globally
npm i -g uikit
yarn global add uikit
Install Specific Version of a Package
npm install [email protected]
yarn add [email protected]
Bower
bower install uikit

Example

You can use this HTML starter template.

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>

MORE FROM THE INSTALLMD