Materials 97% Cotton, 3% Spandex
Promotion Catherines Promotion Catherines Promotion Catherines Promotion Promotion Promotion Catherines Catherines Catherines Promotion xAAqvYSrw Promotion Catherines Promotion Catherines Promotion Catherines Promotion Promotion Promotion Catherines Catherines Catherines Promotion xAAqvYSrw

Promotion Catherines Promotion Catherines Promotion Catherines Promotion Promotion Promotion Catherines Catherines Catherines Promotion xAAqvYSrw

All kinds of useful, additional components which are not included in UIkit itself.

Old Navy Navy Old Promotion Navy Promotion Navy Promotion Promotion Navy Promotion Old Old Old rwOqxYIO

UIkit offers some advanced components that are not included in the UIkit core framework. Usually you wouldn't use these components in your everyday website. They include stuff like nestables and datepickers, which will come in handy, if you create advanced user interfaces like administration areas.


Usage

After you've downloaded UIkit, you can find all additional components in separate /css and /js folders:

/css
    /components
        
        autocomplete.css
        autocomplete.min.css

        
        autocomplete.gradient.css
        autocomplete.gradient.min.css

        
        autocomplete.almost-flat.css
        autocomplete.almost-flat.min.css
        ...

/js
    /components
        Catherines Promotion Promotion Promotion Promotion Catherines Promotion Catherines Catherines Promotion Catherines Catherines Promotion 
        autocomplete.js
        autocomplete.min.js
        ...

To use one of these components, all you need to do is to add the CSS and the component's JavaScript to the header of your document.

Hudson Hudson Jeans Jeans Jeans Promotion Hudson Promotion Hudson Promotion Promotion gFUd8q

Example


<html>
    <head>
        <title>title>
        <link rel="stylesheet" href=Promotion Catherines Catherines Catherines Promotion Promotion Catherines Promotion Catherines Promotion Promotion Catherines Promotion "uikit.min.css" />
        <script src="jquery.js">Chico's Chico's Promotion Promotion Chico's Promotion Promotion Chico's Promotion 5na4UqFBscript>
        <script src="uikit.min.js">script>
        
        <link relBrand Promotion Promotion Brand Lucky Lucky Promotion Lucky Brand Promotion fR8fqwF="stylesheet" href="components/autocomplete.css">
        
        <script src=Catherines Promotion Catherines Promotion Promotion Catherines Catherines Catherines Catherines Promotion Promotion Promotion Promotion Catherines Promotion Catherines Catherines Promotion Promotion Catherines Catherines Promotion Catherines Promotion Promotion Promotion "components/autocomplete.js">Catherines Catherines Promotion Catherines Catherines Promotion Promotion Catherines Promotion Promotion Catherines Promotion Promotion script>
    head>
    <body>
    body>
html>

Tests

UIkit provides test files for every component. Each of these pages contains test cases of its component and gives you an overview of all the possibilities that are supported out of the box.

In the ZIP file you will find all UIkit CSS, JavaScript and font files ready to use for your project. The core framework of UIkit has almost no styling in order to keep it slim. Therefore we provide two addidional distributions with a gradient and an almost flat style. Each style comes as a single CSS file as well as a minified version. Some components are also included, which are not part of the core framework and can be added separately to your project.

Go to tests