Platform · Mockup

Design the page that goes live.

Design each page on a canvas using real app parts. When you publish, the page goes live with its own URL and stays connected to your data.

Free to build. Your first live app is free too, on your own domain.

morning-brief · mockup
Orbit mockup editor showing the Morning Brief app with the aux chat tool open

In the editor

Design each screen, piece by piece.

Build each page from ready-made sections and components. The page you design is the page people use, live on its own URL.

Production components

Use the same components your app runs on: lists, forms, tables, charts, date pickers, and dialogs. Match your brand without writing CSS.

Bound to your data

Connect lists to your tables and they fill with real records, not placeholders. Forms save back to the same data.

Pages and routes

Every screen is a page at its own URL. Set who gets in: everyone, signed-in members, or keep it as a draft in the editor.

Themed throughout

Set your colors and type once as a theme. Every screen follows, and a restyle is one change.

Orbit mockup editor with the component panel expanded and the aux chat tool open
Orbit mockup editor with the properties inspector and aux chat tool open

What ships

The mockup deploys as the live app.

When you publish, customers can use the page right away. It already has your data, login, forms, buttons, and its own URL.

Straight answers

About your screens.

Do I need to write CSS?

No. You style components on a canvas with a theme. What you set becomes the styles underneath. You never touch CSS.

Is the mockup a prototype, or the screen I launch?

It is the screen you launch. Every page is a live route in your deployed app, server-rendered, wired to your data, with working buttons and forms. There is no separate prototype.

Can I control who sees a screen?

Each page is set to everyone, signed-in members, or draft. A draft stays in the editor and never deploys. Members pages sit behind sign-in.

Can I bring my own design?

You design with the components your app ships and a theme you control. It is a component canvas, not a freeform drawing tool, so your design cannot break when it goes live.

What can I put on a screen?

Lists, forms, tables, charts, calendars, date pickers, dialogs, tabs, and more from the component library. You arrange them, you do not draw them.

Start

Design your first screen.

Lay out a page, style it on brand, and it ships as the screen people use.

Créé avec Orbit