Introducing Genie UI Assistant: the AI-powered UI builder for Genie apps

Genie UI Assistant is an AI-powered UI builder designed to help Genie users create UIs faster, using natural language and GPT-4.

We are excited to announce the release of Genie UI Assistant – an AI-powered UI builder designed to help Genie users create UIs faster, using natural language.

Powered by GPT-4, tailored to Genie users

Developed with GPT-4, Genie UI Assistant enables Genie Cloud and Genie Builder users to quickly add and edit UI components - simply by prompting. And it goes beyond just passing user prompts to GPT-4. By knowing the context of a Genie app, Genie UI Assistant is able to output more accurately the frontend code Genie users need for their web apps, saving them valuable time.

Integrated with our no-code editor to help you build web apps faster

Genie UI Assistant seamlessly integrates with our no-code editor, enabling users to streamline frontend development of their web apps by combining AI prompting with our drag-and-drop builder.

For instance, users can swiftly create layouts by dragging and dropping UI components, then prompt Genie UI Assistant to edit, configure, and style those components quickly, without needing to interact with a properties editor or write any HTML/CSS/JavaScript code. This integration makes developing sophisticated, visually appealing UIs more efficient, empowering Genie users to build web apps faster than ever.

How it works

In the no-code editor, navigate to the properties menu on the right and locate the Genie UI Assistant. Select the component you'd like to edit, and describe how you'd like to change it in the prompt field. Submit your prompt, and preview the change after a few seconds. You can change and resubmit the prompt or discard the change altogether. If you like the preview, save your file in the no-code editor and continue building your app.

Let's see Genie UI Assistant in action with a few examples below.

Using Genie UI Assistant to configure plots.

Adding and editing a slider component.

Styling your app by changing colors, fonts (no Comic Sans please!), and more.

How to get Genie UI Assistant 

To start using Genie UI Assistant users have two options:

1) Download Genie Builder, our plugin for VSCode: open the no-code editor, navigate to properties, locate the Genie UI Assistant menu, and follow the instructions.

2) Sign up for a Genie Cloud account and await private beta access. Genie Cloud offers a hosted version of Genie Builder, complete with the integrated Genie UI Assistant. It also allows users to deploy their apps effortlessly in just one click.

Genie UI Assistant is free for testing with some usage limits. If you need more extensive access, please contact us. And don’t forget to share your feedback on Discord to help us make it better with the next iterations.

The Genie team

Sign up for our newsletter

Stay in the loop for product and feature announcements.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.