Get started

Get familiar with the basic setup and structure of Clique.UI.

Begin by downloading Clique.UI, or if you'd rather clone or download directly from the repository you can do so on GitHub.

Download Clique.UI


Project Structure

In the ZIP file you will find all CSS, JavaScript and font files ready to use for your project. The core framework of Clique.UI has very little aesthetic style applied to it in order to maintain high performance standards and leave you with a simple, clean framework.

Folder Description
/css Contains all Clique.UI CSS files and minified versions.
/fonts Contains fonts used in Clique.UI. For the time being, this only includes IcoMoon.
/js Contains all Clique.UI JavaScript files and minified versions.

HTML Page Markup

To load Clique.UI into your project, simply include the files on the desired pages as you would any other CSS or JavaScript files. As noted in the example below, we recommend loading all JavaScript files, including all Clique.UI JavaScript files, in the footer of the your document body. Doing so allows for faster page rendering and reduced load times.

Example

<!DOCTYPE html>
<html>

    <head>
        <title></title>
        <link rel="stylesheet" href="clique.min.css" />
    </head>

    <body>
        ...
        <script src="jquery.js"></script>
        <script src="clique.min.js"></script>
    </body>
</html>

Once you have finished implementing Clique.UI into your webpage, take a look at the Clique.UI components and get an overview of what thee framework has to offer.