How to install uSkinned Site Builder Starter Kits & Themes

Latest compatible version:
Umbraco 17.8.1
uSkinned Site Builder 7.3.0

Install Starter Kits & Themes

Since version 7.2, all Starter Kit & Theme add-ons should be installed directly from the uSkinned Dashboard found in the Content section of Umbraco.

Step 1

Log in to the CMS

Step 2

Go to the uSkinned Dashboard.

Step 3

Go to the Templates tab.

Step 4

Browse and then Install any Starter Kit or Theme.

Install uSkinned Site Builder add-on templates from inside Umbraco.

Before version 7.2, install all Starter Kit & Theme add-ons via the NuGet command prompt. 

From the command line (or Terminal on Mac), stop the project by pressing [CTRL+C]. Now choose whether to install one, two, none or all Theme and Starter Kit packages.

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

Download Public Sector Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.PublicSector

Download Digital Agency Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.DigitalAgency

Download SaaS & Startup Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.SaaS

Download Travel Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.TravelBlog

Download Cocina Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Cocina

Download Cafe Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Cafe

Download LaMaison Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.LaMaison

Download Fitness Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Fitness

Download Dine Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Dine

Download Charity Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Charity

Download Accountant Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Accountant

Download Healthcare Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Healthcare

Download Brew Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Brew

Download Stag Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Stag

Download Energy Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Energy

Download Tradesperson Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Tradesperson

Download Conference Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Conference

Download Camper Starter Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Camper

Download Prima Starer Kit & Theme:

dotnet add package uSkinnedSiteBuilder.StarterKit.Prima

 

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
dotnet add package uSkinnedSiteBuilder.StarterKit.PublicSector
dotnet add package uSkinnedSiteBuilder.StarterKit.DigitalAgency
dotnet add package uSkinnedSiteBuilder.StarterKit.SaaS
dotnet add package uSkinnedSiteBuilder.StarterKit.TravelBlog
dotnet add package uSkinnedSiteBuilder.StarterKit.Cocina
dotnet add package uSkinnedSiteBuilder.StarterKit.Cafe
dotnet add package uSkinnedSiteBuilder.StarterKit.LaMaison
dotnet add package uSkinnedSiteBuilder.StarterKit.Fitness
dotnet add package uSkinnedSiteBuilder.StarterKit.Dine
dotnet add package uSkinnedSiteBuilder.StarterKit.Charity
dotnet add package uSkinnedSiteBuilder.StarterKit.Accountant
dotnet add package uSkinnedSiteBuilder.StarterKit.Healthcare
dotnet add package uSkinnedSiteBuilder.StarterKit.Brew
dotnet add package uSkinnedSiteBuilder.StarterKit.Stag
dotnet add package uSkinnedSiteBuilder.StarterKit.Energy
dotnet add package uSkinnedSiteBuilder.StarterKit.Tradesperson
dotnet add package uSkinnedSiteBuilder.StarterKit.Conference
dotnet add package uSkinnedSiteBuilder.StarterKit.Camper
dotnet add package uSkinnedSiteBuilder.StarterKit.Prima

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.

uSkinned for Umbraco Starter Kit content installed successfully.

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 for Umbraco Starter Kit theme design installed successfully.

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.

New theme content installed with uSkinned for Umbraco.

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

New theme design installed with uSkinned for Umbraco CMS.

uSkinned Site Builder for Umbraco will now be running.

#h5yr

Related content

Self-Hosted

How to download and install uSkinned Site Builder upgrades with NuGet

Install, Self-Hosted

How to install Umbraco CMS and uSkinned Site Builder from NuGet

This is what we call an "Unattended Install", it's the quickest and easiest way to start working with Umbraco (v10 and up) and uSkinned Site Builder (v3 and up).

Ready to start your next project?

See why uSkinned Site Builder for Umbraco consistently ranks as the best.


🏆 Voted Best Website Builder on CMS Critic G2: real software reviews.

⭐ ⭐ ⭐ ⭐ ⭐ 4.9 out of 5 on G2 G2: real software reviews. 

Hosted

Perfect for users seeking a streamlined setup and simple subscription to focus on design and content.

Start site Free trial

Self-Hosted

Ideal for technical users who need full control of their hosting, flexibility, and extendability.

Buy license Install