Spruce up your landing pages with our brand new component! Now available in the design catalog, use the carousel component to display slides or images and customize everything down to the buttons used to move back and forward.

Alongside this release you will notice a new framework for components called . allow us to expose specific spots in a component for users to customize while still allowing us to take care of complex logic behind the scene.

Keep an eye out for more components we will be building now that we have the framework in place and as always let us know if you have any feedback or ideas for future features and components!

Say hello to ! Build a library of components complete with their own design and actions and cut down on tedious editing and updates of things like , , and .

Starting today, you will find a new tab in the header of studio called . In this tab you will be greeted with all the familar editing tools you have today for .

your component the way you want:

Hop over to the space to create custom logic for your component:

Once you've published the component you can find it in the design catalog and get right to building with it just like any other component you are already used to!

Learn more about components in our docs!

By popular demand, we're thrilled to unveil our latest component: the !

🎨

Check out this component in the tab catalog let us know your feedback!

We've updated the design of our Logs in the Logic tab to better prioritize readability of text and flows. Take it for a spin and let us know what you think! Also keep your eyes peeled as we begin to imagine what new debugging tools could look like in Uiflow.

Introducing , a central place for you to create and manage your application's data and state. In the new tab you will be able to create variables, set their data type, and configure a default value. These variables will then be available in your flows to make creating dynamic applications easier than ever before.

Alongside the launch of Global Variables we are launching a new way to connect your UI to data, the . On most inputs across the app you will now see a icon on hover of the input which opens the allowing you to select a variable to bind to.

The can also be used for binding to as well and we have big plans for the future of this feature.

Feel free to experiment while building apps and never lose work again with ! To see the version history of your project, click on the new icon in the header of studio.

In addition to versions automatically created while you build your app you can also create versions manually via the button in the dropdown.

Select a version and click in order to update your project to that version. This will create a new version in the history instead of reverting back to the selected one in order to preserve other versions.

Rename and delete by hovering the desired version and clicking on the icon.

In a future update we will also support previewing old versions in Studio before choosing to restore.

Pages and page settings have moved! You can now see which page you are editing right in the subheader of the tab. Clicking on the pages dropdown will show you the page panel UI you are already familiar with.

To edit page settings just hover over the desired page and click on the cog icon that appears.

Page settings have also gotten a redesign with the sections now being broken into 3 main tabs.

Never worry again about finding a cool new font and having to update each individual text component across your application. The new panel in the tab now lets you set the defaults for the of your project.

All existing and newly dragged in components will respect these default styles as long as they haven't been manually changed.

Today we are starting with just exposing in this panel but if you want to see more style properties exposed in the future head over to the Feature Request board and let us know!

Long requested feature, you can now use images as backgrounds for containers! You'll find this feature in the section of the tab. Any images previously uploaded via the component will also be available for use here.

Environment Variables support has come to Uiflow! Create environment variables and assign values that correspond to our three environment contexts. You can find the new feature by clicking on the icon in the header of studio:

Use these variables in component and with the following notation and values will be pulled based on the environment.