How to download and install a uSkinned Site Builder Starter Kits & Themes with NuGet

Latest compatible version:

Umbraco 13.4.1

uSkinned Site Builder 6.1.2

This guide is for uSkinned Site Builder 2.x (and up) with Umbraco 9.x (and up).

You mustn't continue unless you have installed Umbraco and uSkinned Site Builder and run your website. Running the website for the first time installs the initial demo content which must be in place before you install a starter kit & theme or theme only add-on package.

Before you continue, please make sure you have completed the following steps:

— How to download and install the latest version of Umbraco CMS (9 +).
— How to download and install uSkinned Site Builder with Nuget.

Install Starter Kit & Theme packages

Step 1 — A

If you would like to install each Starter Kit & Theme individually, continue with Step 1 — A, alternatively, if you would like to install all themes in one go then jump to Step 1 — B.

Open the command line in the root directory where you have installed Umbraco CMS and uSkinned Site Builder. Now, run the following command:

dotnet add package uSkinnedSiteBuilder.StarterKit.Shop

The above command will Install the Shop Starter Kit & Theme package. You can install any of our Starter Kit & Theme add-ons this way.

Here's the command for each Starter Kit & Theme:

Download Shop Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Shop

Download Education Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Education

Download Real Estate Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.RealEstate

Download Job Board Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.JobBoard

Step 1 — B

Alternatively, you can install all Starter Kit & Theme packages at once.

dotnet add package uSkinnedSiteBuilder.StarterKit.Shop
dotnet add package uSkinnedSiteBuilder.StarterKit.Education
dotnet add package uSkinnedSiteBuilder.StarterKit.RealEstate
dotnet add package uSkinnedSiteBuilder.StarterKit.JobBoard

Install Theme only packages

Step 1 — A

If you would like to install each theme individually, continue with Step 1 — A, alternatively, if you would like to install all themes in one go then jump to Step 1 — B.

Open the command line in the root directory of where you have installed Umbraco CMS and uSkinned Site Builder. Now, run the following command:

dotnet add package uSkinnedSiteBuilder.Theme.Arran

The above command will Install Arran Theme, however, you can install any of our themes in this way. Here's the command for each theme:

Download Arran Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Arran

Download Barra Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Barra

Download Bute Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Bute

Download Cara Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Cara

Download Fair Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Fair

Download Fara Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Fara

Download Harris Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Harris

Download Hoy Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Hoy

Download Iona Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Iona

Download Islay Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Islay

Download Jura Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Jura

Download Kilda Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Kilda

Download Lewis Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Lewis

Download Lismore Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Lismore

Download Mull Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Mull

Download Orkney Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Orkney

Download Rona Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Rona

Download Skye Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Skye

Download Staffa Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Staffa

Download Stroma Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Stroma

Download Texa Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Texa

Download Tiree Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Tiree

Download Torsa Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Torsa

Download Vallay Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Vallay

Download Westray Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Westray

Download Yell Theme:

dotnet add package uSkinnedSiteBuilder.Theme.Yell

Step 1 — B

Alternatively, you can install all themes at once.

dotnet add package uSkinnedSiteBuilder.Theme.Arran
dotnet add package uSkinnedSiteBuilder.Theme.Barra
dotnet add package uSkinnedSiteBuilder.Theme.Bute
dotnet add package uSkinnedSiteBuilder.Theme.Cara
dotnet add package uSkinnedSiteBuilder.Theme.Fair
dotnet add package uSkinnedSiteBuilder.Theme.Fara
dotnet add package uSkinnedSiteBuilder.Theme.Harris
dotnet add package uSkinnedSiteBuilder.Theme.Hoy
dotnet add package uSkinnedSiteBuilder.Theme.Iona
dotnet add package uSkinnedSiteBuilder.Theme.Islay
dotnet add package uSkinnedSiteBuilder.Theme.Jura
dotnet add package uSkinnedSiteBuilder.Theme.Kilda
dotnet add package uSkinnedSiteBuilder.Theme.Lewis
dotnet add package uSkinnedSiteBuilder.Theme.Lismore
dotnet add package uSkinnedSiteBuilder.Theme.Mull
dotnet add package uSkinnedSiteBuilder.Theme.Orkney
dotnet add package uSkinnedSiteBuilder.Theme.Rona
dotnet add package uSkinnedSiteBuilder.Theme.Skye
dotnet add package uSkinnedSiteBuilder.Theme.Staffa
dotnet add package uSkinnedSiteBuilder.Theme.Stroma
dotnet add package uSkinnedSiteBuilder.Theme.Texa
dotnet add package uSkinnedSiteBuilder.Theme.Tiree

Step 2

Please wait while each Theme package you require is installed. The command line will run through each part of the process.

Step 3

Now restart your website with the following command:

dotnet run

Step 4

Navigate to the local URL provided by the command line.

The console will output a message similar to:

[10:57:39 INF] Now listening on: https://localhost:44388

The URL will be similar to:

https://localhost:44388

Step 5

Open your preferred browser, navigate to the local URL and log in to the CMS.

Step 6

On the left-hand side tree menu, you can see that your new Starter Kit has been installed.

Now click on the Design node > On the right-hand side you will see that your new Theme Design has also been successfully installed.

uSkinned Site Builder for Umbraco will now be running.

Step 6

On the left-hand side tree menu, you can see that your new Theme content page has been installed as a child page of the Home.

Now click on the Design node. On the right-hand side you will see that your new Theme Design has also been successfully installed.

uSkinned Site Builder for Umbraco will now be running.

#h5yr

Related guides

Hosted uSkinned Websites

uSkinned Hosting lets you focus on creating websites. Always reliable, secure & completely seamless. Everything you need to launch Umbraco websites.

Umbraco 9 +

How to download and install the latest version of Umbraco CMS

Umbraco 9 +

How to download and install uSkinned Site Builder with NuGet

Umbraco 8, Umbraco 9+

How to upgrade from uSkinned Site Builder for Umbraco 8, 9, 10, 11 or 12 to Umbraco 13

Get started

Build your website

Join thousands of agencies, freelancers & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.

View demo Get started

Step 1

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Add content with built-in eCommerce and third-party integrations.

Step 4

Host

World-class and secure hosting backed by Microsoft Azure.