---
title: Getting started
---

<script lang="ts">
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
</script>

# { title }

Welcome to the official guide for **gpx.studio**!
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.

<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />

As shown in the screenshot above, the interface is divided into four main sections organized around the map. 
Innan vi går in på detaljerna på varje sektion låt oss ha en snabb överblick av gränssnittet.

## Menu

At the top of the interface, you will find the [main menu](./menu).
This is where you can access common actions such as opening, closing, and exporting files, undoing and redoing actions, and adjusting the application settings.

## Files and statistics

På botten av gränssnittet hittar du listan på aktuella öppnade filer.
Du kan klicka på en fil för att välja den och visa dess statistik nedanför listan.
In the [dedicated section](./files-and-stats), we will explain how to select multiple files and switch to a tree layout for advanced file management.

## Toolbar

På vänster sida av gränssnittet, hittar du [verktygsraden] (./toolbar), som har alla verktyg du kan använda för att ändra i dina filer.

## Map controls

Finally, on the right side of the interface, you will find the [map controls](./map-controls).
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.
