Total Pageviews

Sunday, 12 June 2016


UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

Join our developer chat. We are online every work day between 8:00 and 18:00 UTC

Getting started

You have following options to get UIkit:
  • Download the latest release
  • Clone the repo, git clone git://
  • Install with Bowerbower install uikit
You find the compiled UIkit distribution in its own repo.


First of all, install Node. We use Gulp to build UIkit. If you haven't used Gulp before, you need to install the gulp package as a global install.
npm install --global gulp
If you haven't done so already, clone the UIkit git repo.
git clone git://
Install the Node dependencies.
cd uikit
npm install
Run gulp to lint, build and minify the release.
gulp [-t themename]
The built version of UIkit will be put in the /dist subdirectory. Pass a theme name parameter to only build the specified theme.


gulp sync
After running gulp sync a new browser instance will open, pointing to the uikit folder - http://localhost:3000/. The browser window will reload anytime you modify a source file.

Custom prefix

Run gulp with your own prefix parameter -p to have all classes and JavaScript files custom prefixed.
gulp -p myprefix


UIkit follows the GitFlow branching model. The master branch always reflects a production-ready state while the latest development is taking place in the develop branch.
Each time you want to work on a fix or a new feature, create a new branch based on the develop branch: git checkout -b BRANCH_NAME develop. Only pull requests to the develop branch will be merged.


UIkit is maintained by using the Semantic Versioning Specification (SemVer).

Browser Support

Latest ✔Latest ✔9+ ✔7.1+ ✔Latest ✔
Tested with BrowserStack