Dashboard Overview
Find your projects, understand what is live, preview your work, and get to the places you use most.
Find your projects, understand what is live, preview your work, and get to the places you use most.
The dashboard is your home base in Atoms. It is where you start something new, reopen a project, switch workspaces, explore ideas, connect tools, and check the credits available to your workspace.
The Atoms Home dashboard. Your workspace and projects are on the left; new work starts from the prompt in the center.
Start from Home
The large prompt box in the middle of Home is the fastest way to start a new project. Describe what you want to build, add any useful files or references, then send the request to Atoms.
- Use the + button when you want to attach files, folders, images, or other context.
- Use the Web / App control shown in the prompt area when it is relevant to the project you are starting.
- Use Connect your tools to Atoms when the project needs an external service or connector.
Find your projects
You have two easy routes back to work you already started: My Projects in the left sidebar, and the My Projects tab in the lower section of Home.
In the screenshot above, this workspace is still empty, so the sidebar says “No projects yet.” Once you create a project, use My Projects to reopen it and continue from the same project workspace.
Common dashboard entry points
The positions below describe the desktop Home dashboard. On smaller screens, the same destinations may appear in a different layout. You do not need to memorize the whole interface; these are the places you will return to most often.
| Workspace selector | Top-left. Switch between workspaces. Each workspace has its own projects and shared workspace resources. |
|---|---|
| Home | Return to the main dashboard and start a new request from the central prompt. |
| Resources | Open the Resources area from the left sidebar. |
| My Projects | See and reopen the projects in the current workspace. |
| Discover | Browse public ideas and projects when you want inspiration or something to explore. |
| Templates | Browse starting points when you would rather begin from an existing structure than from a blank prompt. |
| Connect tools | Connect supported external services when your project needs them. |
| Credits | Check the current workspace credit balance from the top-right of the dashboard. |
| Bottom sidebar | Use the community and free-credit cards above the footer controls; use the footer controls for account/settings access and notifications. |
Work inside a project
The guidance below describes the desktop project workspace. Controls can vary with your access level, project type, build status, and whether you are viewing or editing the project.
The Project menu provides quick routes such as Go to Dashboard, Credits, Settings, Connectors, Rename Project, and Details.
Publish and update a project
The easiest way to think about project status is to separate the version you are working on inside Atoms from the version people can open on the public web.
| Before publishing | You can build, edit, and preview the project inside Atoms. It is not yet available through a stable public app link. |
|---|---|
| Published | Publish creates a stable public link. That is the version other people can open and use. |
| After more changes | Once a project is live, Publish becomes Update. Use Update when you want the public version to receive your newer changes. |
Publishing requires permission to manage the public project. For an eligible web project, Publish makes the latest build live at the public URL. After a newer build is ready, use Update, then open the public URL and confirm that the intended version is live. Publishing options can differ for Atoms Cloud and mobile projects, so follow the controls shown for your project.
Preview a project
Open a project and let the Agent finish the current build. App Viewer then gives you a working preview of the app without leaving Atoms.
- Use the desktop and mobile preview toggle to check how the layout responds. To test a tablet-sized layout, open the preview in a browser tab and resize the browser window.
- Use Reload App Viewer if the preview needs to reload.
- Open the preview in a new browser tab when you want more space or the embedded view is not responding.
- If Design is available, select it first, then choose the visual element you want to change. Design requires owner or editor access and may be unavailable until the build finishes or in some project types or states.
- If the preview is broken, check the Console / Terminal information for errors and use the available Resolve flow when an issue is detected.