1 of 1

Migrate from Konstrukt to Umbraco UI Builder

Learn how to migrate a Konstrukt solution to Umbraco UI Builder.

This guide provides a step-by-step approach to migrating a default Konstrukt solution to Umbraco UI Builder.

Key changes

Before outlining the exact steps, there are a few key changes to be aware of.

These changes will dictate the steps to take in the process of migrating to Umbraco UI Builder.

Project, Package, and Namespace changes

Konstrukt

Umbraco UI Builder

C# Class changes

Namespace changes as documented above.
Most classes prefixed with the Konstrukt keyword have had this prefix removed.

JavaScript changes

All Konstrukt controllers have changed namespace to Umbraco.UIBuilder.
All Konstrukt prefixed directives, services, and resources are now prefixed with

UI Changes

All static UI assets are served via a Razor Compiled Library (RCL) and are no longer found in the App_Plugins folder.
The folder with App_Plugins has been renamed from Konstrukt to

Step 1: Replace dependencies

In this first step, we will be replacing all existing Konstrukt dependencies with Umbraco UI Builder dependencies.

Remove any installed Konstrukt packages:

Delete the Konstrukt App_Plugins folder:

Install Umbraco.UIBuilder:

Compile your project against .NET 7.0.

Step 2: Update namespaces and entity names

Based on the outlined above update all Konstrukt references to the new Umbraco UI Builder alternatives. Ensure you update any Views/Partials that also reference these.

Step 3: Update your configuration

If all your configuration is in a single statement, it would be a case of swapping AddKonstrukt to AddUIBuilder. If you broke your configuration into multiple steps, or are using Action or Card classes, you will need to update the config builder/base classes. Those classes need to be updated to their UI Builder alternative names as detailed in .

Step 4: Finalizing the migration

Delete any obj/bin folders in your projects to ensure a clean build.
Recompile all projects and ensure all dependencies are restored correctly
Delete the existing Konstrukt license files in the umbraco\Licenses folder.

Run the project.