Project Bellissima

Learn more about project Bellissima that transformed the Umbraco Backoffice using modern methods and technology.

"Bellissima", the code name for the frontend code of the backoffice, is a re-creation of the backoffice of Umbraco. While replacing the deprecated angular code with Vite, Lit, and TypeScript, you can customize and extend everything in the backoffice.

An overview of all the customizable sections and elements in the Umbraco CMS backoffice.

Each block is an extension point that can be extended, customized, replaced, or removed.

You are not limited to the mentioned frameworks. You can use any other framework or library of your choice.

Resources

You can find a list of other resources related to the new backoffice of Umbraco in the Umbraco v14 "Bellissima" Resources article.

Setup Your Development Environment

Discover how to get started with the new backoffice.

UI Documentation

Discover how to extend the backoffice using the Umbraco UI Library, UI API and Storybook.

Tutorials

Creating your first extension Creating a custom dashboard Creating a property editor