The workspace includes layout management and integrated tools that power your app-building experience. These workspace features specialize in handling specific aspects of the development process, letting you focus on creating instead of configuring.

​
Customizable workspace layout

The workspace layout management tools let you customize the components of the development environment. It consists of the following user interface element types:

ElementDescriptionCapabilitiesUse Cases
WindowsBrowser tabs that contain one or more panes
  • Can be organized across multiple screens
  • Organizing your workspace across multiple screens
  • Work on different projects simultaneously
PanesSections of a window that contain one or more tabs
  • Support horizontal and vertical splitting
  • Can be resized and rearranged
  • Can be converted to a floating pane within the window
  • View code and preview side-by-side
  • Create custom layouts for different development tasks
TabsContain exactly one workspace tool, such as the file editor, Preview, or Agent
  • Can be moved between panes and reordered within them
  • Can switch between different files or tools with a single click
  • Open different tools or files when you need them

The following video identifies each workspace layout element:

​
File tree

The file tree lists all the files and directories in your Replit App’s workspace.

You can perform the following actions in the file tree:

  • Select a folder to display its contents
  • Select a file or drag it to a pane to open it in a file editor
  • Perform file operations such as duplicating, renaming, moving, downloading, or deleting

The following video shows several file tree actions:

​
Tools dock

The tools dock lets you search for and open workspace tools in new tabs.

The following screenshot shows the open All tools popup menu in the tool dock:

​
Run button

The Run button executes the Replit App’s selected workflow.

To learn how to select, view, and manage workflows, see Workflows.

The following video shows how to view and run a workflow:

​
Spotlight page

The spotlight page lets you view and modify your Replit App cover page and access sharing options.

The following video shows how to access the spotlight page:

​
Options menu

The options menu lets you perform the following types of layout actions:

  • Window management: Open a workspace for the Replit App in a new window
  • Pane management: Add panes, move a pane, maximize a pane, and toggle between floating and fixed positions
  • Tab management: Open or select other tabs, move a tab to another pane, and close a tab

The following screenshot shows the options popup menu in the left pane:

The search bar lets you find files, text, or tools within your workspace.

The following screenshot shows the search popup menu:

​
Resources panel

The resources panel displays your development environment’s computing resources and usage, including RAM, CPU, and storage. This information can help you estimate and optimize your Replit App’s deployment requirements.

The following screenshot shows the resources panel:

​
Tools

To learn more about other Replit workspace tools, select from the following list:

Secrets

Safeguard your app’s API keys, credentials, and passwords.

File History

Rewind time to recover lost edits with Replit’s version tracking feature.

Multiplayer

Code together in real-time with two or more users.

User Settings

Customize your coding experience through the Settings tool.

Console

View your Replit App’s output

Shell

Interact with your workspace using a command-line interface.

Preview

Preview and debug your web application.