The App Dashboard

When you open a supported project in Codux (a Remix project), you'll see the main screen of your app – the app's dashboard.
You can always return to the dashboard from anywhere else in Codux using the Dashboard button.

App Details 

Along the top, you'll find your project's name (in this case, our home-goods store) and a small preview of it. To the right of the Learn More link is a button that will take you to the Pages panel where you can edit the app's pages. There's also a big blue Edit App button that'll take you to your app's homepage, where you can see your app run, interact with it, edit it, and so on.

Wix Services 

Wix Services provides a quick glance at the status of your connection to Wix Headless services. Use this strip to check if your app is connected, and to access shortcuts for managing your store products, enabling payments, and more.
If you haven't connected your app to a Wix Headless site yet, you can use this panel to establish that connection – click Connect to Wix Services to jump to the Wix Services panel.

UI Kit 

The UI Kit area is where you can view your project variants, which are stored in their respective boards. Think of the UI Kit as your toolbox filled with pre-made parts for your app. You'll see elements like buttons and typography – common components that most apps require. These UI Kit variants will appear in the Add Elements panel, allowing you to easily incorporate them into your project. Instead of building these elements from scratch every time, you can choose from variants you've already created, streamlining your development process.
All templates come with a pre-built UI Kit to give you a head start. However, these UI Kits are fully customizable. You can edit the existing components to match your project's specific needs, or create entirely new variants to expand your toolkit and tailor the UI to your particular design requirements.
Here you can see a board with various variants, as well as these same variants ready for use in the Add Elements panel.

Project Boards 

A board is a rendering environment where you can play around with the different parts of your app in isolation. You can test different sizes and variations of components and other elements, and create variants of elements that will be added to the Add Elements panel to reuse across your app and in other components (as mentioned above).
Click on a board to start editing it, or click Show all boards to see and filter all the boards in the project.