Skip to main content

Create a Project by Cloning a Template

We have created different types of ready-to-use templates to help you build your web apps faster.

Also, all the templates are free.

How to Clone a Template?

1. Login/Sign Up to Your DrapCode Account

Login to your DrapCode account. In case, you have not made it yet, then click here and sign up now.

DrapCode Login Form

2. Create a Project

After logging in to your DrapCode account, you will land on your dashboard (which looks as shown in the image below).

To clone a template, just click the Create Project button in the dashboard.

DrapCode Login Form

3. Clone a Template

Click the Continue button on "Clone From a Template/Existing Project" card.

DrapCode Template Cloning

4. Select a Template

After selecting the template cloning option, you will land on the page containing all the existing projects and readymade templates. Scroll down to the templates section, select a template that you want to clone and click the Clone this Template button.

DrapCode Template Cloning

5. Name the Project

Type the project name of your choice and click the create project button. If you want to edit advanced project settings, then click on the Advanced Settings button (marked in red below).

DrapCode Template Cloning

6. Advanced Project Settings

Under the advanced settings, you can choose whether you want to clone the template with all dummy data or not. If you don't want to clone the dummy data then untick the check box.

You can also upload a favicon or upload the icon/logo image of your web app under the advanced settings.

DrapCode Template Cloning

7. Clone the Template

Once you have edited the advanced settings, click the Clone Project button.

DrapCode Template Cloning

8. Start Designing Your App

Now click the Start Designing Your App button and it will take you to your builder console.

DrapCode Template Cloning

9. Builder Console

The Builder Console is where all building and designing action takes place. As you cloned a template, your builder will have all the fully designed pages. Everything is 100% customizable so if you want to make changes, go ahead and do it.

You can also get a quick intoduction of the builder, so you can easily navigate through it.

DrapCode Template Cloning

10. Your Dashboard

Once you have successfully created a project, it will start showing in your dashboard in the form of a card.

To open the builder console/project editor, click on the Project Builder button. You can access the project settings and the back office portal from here or take a live view of your app.

DrapCode Template Cloning