Workspace Features

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:

Element	Description	Capabilities	Use Cases
Windows	Browser tabs that contain one or more panes	Can be organized across multiple screens	Organizing your workspace across multiple screens Work on different projects simultaneously
Panes	Sections 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
Tabs	Contain 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:

​

Search bar

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: