---
title: "Import the Primitives UIKit into your site"
date: "2020-11-18T17:42:59+00:00"
summary: "Easily import the Primitives UIKit into your Site Studio 6.8.1+ website. Learn the step-by-step process, requirements, and troubleshooting tips for a smooth integration of this powerful design toolkit."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/import-primitives-uikit-your-site"
id: "db08a5e5-db27-455c-a24d-7bc7979d6ded"
---

Before you import the UIKit
---------------------------

1.  The Primitives UIKit requires **Site Studio 6.8.1** and later. If you are using an earlier version, please upgrade to the latest version first.
2.  Make sure your site uses the **Site Studio Minimal theme** (or a Site Studio enabled theme) before updating.
3.  Download the [Primitives UIKit](/drupal-starter-kits/add-ons/site-studio/download-primitives-uikit "Download the Primitives UIKit"). 

Import the UIKit
----------------

To import the UIKit:

1.  Navigate to Site Studio > Sync packages > **Import packages**
2.  Click **Choose file** and locate the **pack\_uikit\_with\_helpers.tar.gz** or **pack\_uikit\_without\_helpers.tar.gz** file you downloaded.
3.  Click the **Upload** button.
4.  The package will be imported. This may take several minutes.  
      
     
    
    ![2c4d4903-Import-packages.png](https://acquia.widen.net/content/e9a089a3-bc86-4257-ad6d-2828e1a9486f/web/2c4d4903-Import-packages.png)
    
      
    
5.  After the package has been imported, you'll see a screen like the one below. If you're importing the UIKit into a new website, you can ignore the entities that have changed.
6.  Click the **Import all** button to import the Site Studio package entities.  
      
     
    
    ![3d79206c-Import-all-entities.png](https://acquia.widen.net/content/c8443674-7afa-41ca-9b9a-46ea2b49baf1/web/3d79206c-Import-all-entities.png)
    
7.  The UIKit includes a content type called **'Layout page'.** You can test the UIKit by creating a new Layout page node and adding components and helpers. For more information, see [Guide for content creators](/drupal-starter-kits/add-ons/site-studio/primitives-uikit-guide-content-creators "Primitives UIKit guide for content creators")[.](/drupal-starter-kits/add-ons/site-studio/sections-uikit-guide-content-creators "Sections UIKit guide for content creators")

### Troubleshooting

*   **My website is still showing the Bartik theme.**  
    You should set the site to use Site Studio minimal.
*   **When I add components to my page and view the page, the components aren't showing.**  
    The component templates may not have generated. Make sure your site is using the Site Studio minimal theme (or another Site Studio enabled theme). Then run a Site Studio rebuild. Navigate to Site Studio > Developer tools > **Rebuild.**
*   **The page title is showing above my components.**  
    The 'Title block' is placed at the top of the content region. Disable the Title block on the Layout page content type.