Pages are the starting point of your app, they contain all the elements users will see. You may create as many as you need in order to better organize navigation throughout your application.
Pages should be named uniquely and always start with / as in /helloworld


To select a page and edit its properties you may:
  • Click on its name on the top menu bar
  • Click on its name on the top of the frame
  • Double click on its background


It is possible to set the background of your page as a color of your choice, transparent or for it to be some uploaded image also of your choice.
To do it, just click anywhere on the screen to make the editor appear on the right side and, on it, choose which one you want on the dropdown.


Page dimensions are set solely for testing purposes. When released, your application page size will vary depending on your user's screen size.
You may change page dimensions through the sidebar, inputting exact values, or by dragging a corner of the page when it's selected (click on the page name to select it).
See Scrolling to better understand what happens when your content is bigger than the screen size.
See Springs to learn how to position elements in a way that works for different screen sizes.
Switching Breakpoints will change page dimensions

Block pages until all actions are done

If enabled, your page will be blocked for your users until all your actions finish.
Example: until your API finishes loading.

Protect page

When enabled, the page won't be public anymore, requiring specific permissions to be accessed.
See more at Authentication


Check out the dedicated Breakpoints documentation