Quickstart

This quick intro is all you need to get started with Dualite.

Let's build a finance dashboard for CEOs to manage their company data on React + TW !

TLDR;

Getting Started with Dualite

You can signup for Dualite using your email or Google Account at our login page and start building right away. All free users get 5 messages. You can upgrade here to get unlimited messages here.

Put in a prompt

You'll be directed to a screen like this where you can start prompting. If you're into tech, you can select the exact tech stack you want to go with, else you can go with the defaults, React and Tailwind CSS with TypeScript. Let's take an example prompt "Generate a finance dashboard for CEOs to manage their company data"

Sit back and relax

Once you hit the blue button (or click on Enter), please wait sometime. It usually takes a minute or two to build your desired application. Once build is complete, Dualite automatically loads the live preview for you.

You can switch between code and design using the toggle on top. Dualite also features a linux-like terminal for advanced use-cases.

See the preview, and keep on building!

The Preview will show you the final output. You can also keep on building by chatting at the bottom-right. Let prompt it again to add a dark mode on this dashboard.

You can refer on how you can prompt better by reading this guide

Check out the dark mode of the dashboard!

Publishing your creation ๐Ÿš€

You can directly publish the product by clicking on the top-right button. After you click this, you'll be required to login with 'Netlify', our deployment partner. Netlify gives you ability to deploy your projects in a single click without any DevOps hassle. Here's our project's deployed link though, check it out here

You can also download your complete code as a ZIP file.

You're all set!

We'll love to see what you're going to build with Dualite, post on X and tag us @dualitedev

Last updated