Skip to main content

Getting Started

Get ready to see how easy is to create an app! Here we will show you how to set up an account and what you can find when you create your first project.


  • Start by creating an account at
  • Create a team with your first project. You should have something like the following: Account 2

Great! Let's go with the dashboards.


In your account, you have access to all your teams, including those that you are a member of by invitation. In each team, you will find all the projects with everything necessary to build your application.


Team dashboard

Here are the main features of your team dashboard, starting from top-left anticlockwise:

  • Create a new project with the button + Create project.
  • Open the project dashboard by clicking the thumbnail or name of the project.
  • Check when the project was created and last updated via the timestamps.
  • See how many components, drawings and more exist via the sub-modules icon.
  • Fork and delete the project via ⚙️.
  • Sort the project list in different ways.


Project dashboard

Here are the main features of your team dashboard, starting from top-left anticlockwise:

  • Application Maker: develop the app with which the end-user will customize its product.
  • Component Maker: develop components involved in the app.
  • Drawing Maker: develop drawing templates for exporting 2D drawings from the app.
  • Upload files such as drawings, images and STL models that can be used in your app.
  • Create textures from the images you uploaded for your components.
  • Each component and drawing has its own ⚙️:
    • Edit without preview in case the editor hangs (e.g. due to an endless loop created by mistake).
    • Fork to make a copy of the component/drawing.
    • Delete to remove the component/drawing.
  • Deployment Wizard that deploys the app (built-in Application Maker) so it can be accessed by the end-users.
  • Deployment timestamps both for test & production sites.
  • Project timestamps for its creation and the latest update in any of the components, drawing, etc.

Project Structure

So what do I need to care about when I start a new project? Just these 4 things:

  • Application
  • Components
  • Drawings
  • Deployment


This is what your customers/users will interact with when they visit your application. Through the Application Maker you write all the logic needed for the app used by the end customer. It can include as many components as needed, for example:

  • Action Events that occur when you press a certain button.
  • The behavior of selection with the mouse.
  • The behavior assigned to keyboard shortcuts (hotkeys).
  • All the buttons of the user interface that you can customize.


Through the Component Maker you create all the components you use in your app. You can also create components and use them in other components, allowing you to add as many dependencies among components as complex your product is. You can create configurators for each component, including the rules, allowing you to have all the unique combinations your product needs.


You can autogenerate drawings for your app. Including a preview section, you can import your components to see a temporary drawing (so you don't have to go back and forth to the application to test it), add your customized details and make it ready to use in your final app.


When you've reached the point in your project when you want to share your application with someone else, you can deploy your application. You can think of a deployment as taking the current state of your application and saving it on a website that anyone can access. Of course, the deployed application could also require the end-user to authenticate before being able to access it.

In the Deployment Wizard, you find two buttons:

  • Deploy to Test meant for validation and integration testing and sharing experimental changes
  • Deploy to Production to update the version that your end customers use. Once you deploy, anyone (with access) can use it.

Below is an example of a deployed app. Try it out, it is interactive!

Read up on some aspects about coding before you start with your first project here.