How to install UIkit

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:

GitHub

Latest:2021-08-29 15:58:14
License:MIT License
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

NPM

Version:3.7.2
Publish Time:2021-08-06 17:10:30
Unpacked Size:11.07 MB
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]
Bower
bower install uikit

For more information about UIkit see https://getuikit.com/docs/introduction.

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>