Итак, давайте познакомимся с UIkit 3.

Прежде всего, необходимо скачать UIkit и подключить к вашему сайту. Чтобы использовать другие способы установки (например, пакетный менеджер Yarn и т.д.), а также получить ссылки на CDN, обратитесь к руководству по установке.

Скачать UIkit

Содержимое пакета

Zip-архив, который вы только что загрузили, содержит скомпилированные файлы CSS и JavaScript, готовые для работы. В дальнейшем вы можете самостоятельно скомпилировать и установить UIkit, а также собрать свою собственную тему - но об этом мы поговорим позже.

Каталог Описание
/css Содержит обычный и минифицированный CSS-файлы UIkit, а также отдельный файл для реализации RTL
/js Содержит обычный и минифицированный JS-файлы UIkit, а также отдельный файл для подключения иконок.

HTML-разметка

Давайте уже, наконец, подключим UIkit 3. Всё, что нужно сделать - это добавить минифицированные CSS и JS файлы в вашего сайта. Также включите библиотеку иконок UIkit.

<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/uikit.min.css" />
        <script src="js/uikit.min.js"></script>
        <script src="js/uikit-icons.min.js"></script>
    </head>
    <body>
    </body>
</html>