diff --git a/locales/en.json b/locales/en.json
index 59e5e8d..dd4b703 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -65,6 +65,7 @@
     "menu.search_biome.title": "Search Biome",
     "menu.search_biome.toggle": "Toggle Biome Filter",
     "menu.structure_positions.title": "Structure Positions",
+    "menu.coordinate_search.title": "Go to Coordinates",
     "menu.reload_datapacks.title": "Reload Packs",
     "dropdown.add.zip": "Open Pack or Mod",
     "dropdown.add.picker.pack_and_mod": "Packs and Mods",
@@ -88,6 +89,14 @@
     "dropdown.add.recents.wrong_version": "unavailable for this version ",
     "dropdown.search_biome.placeholder": "Search Biome",
     "dropdown.structure_positions.placeholder": "Search Structure",
+    "dropdown.coordinate.title": "Go to Coordinates",
+    "dropdown.coordinate.x_label": "X Coordinate",
+    "dropdown.coordinate.z_label": "Z Coordinate", 
+    "dropdown.coordinate.x_placeholder": "Enter X coordinate",
+    "dropdown.coordinate.z_placeholder": "Enter Z coordinate",
+    "dropdown.coordinate.navigate": "Go to Location",
+    "dropdown.coordinate.current_location": "Use Current View",
+    "dropdown.coordinate.invalid_coordinates": "Please enter valid coordinates (numbers between -30,000,000 and 30,000,000)",
     "modrinth.title": "Open from Modrinth",
     "modrinth.search.aria-label": "Searchbar for datapacks on Modrinth",
     "modrinth.search.placeholder": "Search Modrinth...",
diff --git a/src/App.vue b/src/App.vue
index 441b972..3471f8b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,9 +24,12 @@ onBeforeMount(async () => {
 <template>
   <div class="layout" v-if="loaded">
     <Collapsable>
-      <Sidebar />
+      <Sidebar 
+        @navigateToCoordinates="(x, z) => $refs.mainMap?.navigateToCoordinates(x, z)" 
+        @getCurrentMapCenter="() => $refs.mainMap?.getCurrentMapCenter()"
+      />
     </Collapsable>
-    <MainMap />
+    <MainMap ref="mainMap" />
   </div>
   <div class="layout loading" v-else>
     <p>Loading...</p>
diff --git a/src/components/MainMap.vue b/src/components/MainMap.vue
index de8c5ab..ee3db6b 100644
--- a/src/components/MainMap.vue
+++ b/src/components/MainMap.vue
@@ -9,7 +9,8 @@ import { BlockPos, Chunk, ChunkPos, DensityFunction, Identifier, RandomState, St
 import YSlider from './YSlider.vue';
 import { useSearchStore } from '../stores/useBiomeSearchStore';
 import { useSettingsStore } from '../stores/useSettingsStore';
-import { useLoadedDimensionStore } from '../stores/useLoadedDimensionStore'
+import { useLoadedDimensionStore } from '../stores/useLoadedDimensionStore';
+import { useCoordinateStore } from '../stores/useCoordinateStore'
 import { CachedBiomeSource } from '../util/CachedBiomeSource';
 import MapButton from './MapButton.vue';
 import { SpawnTarget } from '../util/SpawnTarget';
@@ -19,6 +20,7 @@ import { versionMetadata } from "../util";
 const searchStore = useSearchStore()
 const settingsStore = useSettingsStore()
 const loadedDimensionStore = useLoadedDimensionStore()
+const coordinateStore = useCoordinateStore()
 const i18n = useI18n()
 
 let biomeLayer: BiomeLayer
@@ -307,6 +309,43 @@ watch(searchStore.structures, () => {
     updateMarkers()
 })
 
+// Coordinate navigation function
+function navigateToCoordinates(x: number, z: number) {
+    if (!map) return
+    
+    const crs = map.options.crs!
+    const point = new L.Point(x, -z)
+    const latlng = crs.unproject(point)
+    
+    // Center the map on the coordinates with a smooth animation
+    map.setView(latlng, map.getZoom(), {
+        animate: true,
+        duration: 0.5
+    })
+}
+
+// Get current map center coordinates
+function getCurrentMapCenter() {
+    if (!map) return
+    
+    const center = map.getCenter()
+    const crs = map.options.crs!
+    const point = crs.project(center)
+    
+    // Convert to Minecraft coordinates
+    const x = Math.round(point.x)
+    const z = Math.round(-point.y)
+    
+    // Update the coordinate store with current location
+    coordinateStore.setCoordinates(x, z)
+}
+
+// Expose the navigation functions
+defineExpose({
+    navigateToCoordinates,
+    getCurrentMapCenter
+})
+
 </script>
   
 <template>
diff --git a/src/components/MenuButtons.vue b/src/components/MenuButtons.vue
index fb7befa..041b12f 100644
--- a/src/components/MenuButtons.vue
+++ b/src/components/MenuButtons.vue
@@ -3,19 +3,23 @@ import { ref } from 'vue';
 import { useDatapackStore } from '../stores/useDatapackStore';
 import FindBiomeDropdown from './dropdown/FindBiomeDropdown.vue';
 import OpenDropdown from './dropdown/OpenDropdown.vue';
+import CoordinateDropdown from './dropdown/CoordinateDropdown.vue';
 import { vOnClickOutside }from '@vueuse/components';
 import { useSearchStore } from '../stores/useBiomeSearchStore';
+import { useCoordinateStore } from '../stores/useCoordinateStore';
 import StructureDropdown from './dropdown/StructureDropdown.vue';
 import { useSettingsStore } from '../stores/useSettingsStore';
 import { EventTracker } from '../util/EventTracker';
 
 const datapackStore = useDatapackStore()
 const searchStore = useSearchStore()
+const coordinateStore = useCoordinateStore()
 const settingsStore = useSettingsStore()
 
 const openDropdownOpen = ref(false)
 const searchBiomeDropdownOpen = ref(false)
 const structureDropdownOpen = ref(false)
+const coordinateDropdownOpen = ref(false)
 
 function reload(event: MouseEvent){
     EventTracker.track("reload")
@@ -39,6 +43,24 @@ function clearStructureSearch() {
     structureDropdownOpen.value = false
 }
 
+function clearCoordinateSearch() {
+    coordinateStore.clear()
+    coordinateDropdownOpen.value = false
+}
+
+const emit = defineEmits<{
+    navigateToCoordinates: [x: number, z: number]
+    getCurrentMapCenter: []
+}>()
+
+function handleCoordinateNavigation(x: number, z: number) {
+    emit('navigateToCoordinates', x, z)
+}
+
+function handleGetCurrentLocation() {
+    emit('getCurrentMapCenter')
+}
+
 
 </script>
 
@@ -93,6 +115,20 @@ function clearStructureSearch() {
                 @dblclick.prevent="clearStructureSearch"
             />
 
+            <font-awesome-icon
+                icon="fa-crosshairs"
+                class="button"
+                tabindex="0"
+                :class="{
+                    open: coordinateDropdownOpen
+                }"
+                :title="$t('menu.coordinate_search.title')"
+                @click="coordinateDropdownOpen = true"
+                @keypress.enter="coordinateDropdownOpen = true"
+                @contextmenu.prevent="clearCoordinateSearch"    
+                @dblclick.prevent="clearCoordinateSearch"
+            />
+
             <font-awesome-icon v-if="settingsStore.dev_mode" icon="fa-rotate-right" class="button" tabindex="0" :title="$t('menu.reload_datapacks.title')" @click="reload" @keypress.enter="reload" />
         </div>
         <div class="dropdowns">
@@ -109,6 +145,16 @@ function clearStructureSearch() {
                     <StructureDropdown v-if="structureDropdownOpen" v-on-click-outside="() => {structureDropdownOpen=false}" tabindex="-1"/>
                 </Suspense>
             </Transition>
+            <Transition>
+                <CoordinateDropdown 
+                    v-if="coordinateDropdownOpen" 
+                    v-on-click-outside="() => {coordinateDropdownOpen=false}" 
+                    @navigate="handleCoordinateNavigation"
+                    @getCurrentLocation="handleGetCurrentLocation"
+                    @close="coordinateDropdownOpen=false"
+                    tabindex="-1"
+                />
+            </Transition>
         </div>
     </div>
 </template>
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 45af5f6..bb4bf12 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -16,6 +16,12 @@ import { EventTracker } from '../util/EventTracker';
     const settingsStore = useSettingsStore()
     const recentStore = useRecentStore();
 
+    const emit = defineEmits<{
+        navigateToCoordinates: [x: number, z: number]
+        getCurrentMapCenter: []
+        open_popup: []
+    }>()
+
     const file_dragging = ref(false)
     const show_tipmessage = ref(true)
 
@@ -75,7 +81,10 @@ import { EventTracker } from '../util/EventTracker';
         @dragleave="file_dragging=false"
         :class="{file_dragging: file_dragging}"
     >
-        <MenuButtons />
+        <MenuButtons 
+            @navigateToCoordinates="(x, z) => $emit('navigateToCoordinates', x, z)" 
+            @getCurrentMapCenter="() => $emit('getCurrentMapCenter')"
+        />
         <Suspense>
             <SettingsPanel />
         </Suspense>
diff --git a/src/components/dropdown/CoordinateDropdown.vue b/src/components/dropdown/CoordinateDropdown.vue
new file mode 100644
index 0000000..50766e7
--- /dev/null
+++ b/src/components/dropdown/CoordinateDropdown.vue
@@ -0,0 +1,190 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import { useCoordinateStore } from '../../stores/useCoordinateStore';
+import { EventTracker } from '../../util/EventTracker';
+import Dropdown from './Dropdown.vue';
+
+const coordinateStore = useCoordinateStore()
+
+const emit = defineEmits<{
+    navigate: [x: number, z: number]
+    close: []
+    getCurrentLocation: []
+}>()
+
+watch([() => coordinateStore.x, () => coordinateStore.z], () => {
+    coordinateStore.validateCoordinates()
+})
+
+function handleNavigate() {
+    const coords = coordinateStore.getCoordinates()
+    if (coords) {
+        EventTracker.track('coordinate_search/navigate')
+        emit('navigate', coords[0], coords[1])
+        emit('close')
+    }
+}
+
+function handleKeyPress(event: KeyboardEvent) {
+    if (event.key === 'Enter' && coordinateStore.isValid) {
+        handleNavigate()
+    }
+}
+
+function handleCurrentLocation() {
+    EventTracker.track('coordinate_search/current_location')
+    emit('getCurrentLocation')
+}
+</script>
+
+<template>
+    <Dropdown class="coordinate-dropdown">
+        <div class="coordinate-inputs">
+            <input 
+                v-model="coordinateStore.x" 
+                type="text" 
+                :placeholder="$t('dropdown.coordinate.x_placeholder')"
+                @keypress="handleKeyPress"
+                autocomplete="off"
+                class="coordinate-input"
+            />
+            <input 
+                v-model="coordinateStore.z" 
+                type="text" 
+                :placeholder="$t('dropdown.coordinate.z_placeholder')"
+                @keypress="handleKeyPress"
+                autocomplete="off"
+                class="coordinate-input"
+            />
+        </div>
+        
+        <div class="coordinate-actions">
+            <button 
+                class="action-button navigate-button" 
+                :disabled="!coordinateStore.isValid"
+                @click="handleNavigate"
+            >
+                <font-awesome-icon icon="fa-crosshairs" />
+                {{ $t('dropdown.coordinate.navigate') }}
+            </button>
+            
+            <button 
+                class="action-button current-location-button"
+                @click="handleCurrentLocation"
+            >
+                <font-awesome-icon icon="fa-location-arrow" />
+                {{ $t('dropdown.coordinate.current_location') }}
+            </button>
+        </div>
+        
+        <div class="coordinate-help" v-if="!coordinateStore.isValid && (coordinateStore.x || coordinateStore.z)">
+            <font-awesome-icon icon="fa-exclamation-triangle" />
+            <span>{{ $t('dropdown.coordinate.invalid_coordinates') }}</span>
+        </div>
+    </Dropdown>
+</template>
+
+<style scoped>
+.coordinate-dropdown {
+    background-color: rgb(59, 59, 59);
+    padding: 0;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.coordinate-inputs {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    width: 100%;
+    padding: 0.5rem;
+    padding-bottom: 0.25rem;
+    box-sizing: border-box;
+}
+
+.coordinate-input {
+    flex: 1;
+    background-color: rgb(59, 59, 59);
+    color: white;
+    padding: 0.5rem;
+    border: 0;
+    outline: 0;
+    border-bottom: 2px solid transparent;
+    font-size: 0.9rem;
+    box-sizing: border-box;
+}
+
+.coordinate-input::placeholder {
+    color: rgb(150, 150, 150);
+}
+
+.coordinate-input:hover {
+    border-bottom-color: rgb(31, 98, 129);
+}
+
+.coordinate-input:focus {
+    border-bottom-color: rgb(25, 156, 218);
+}
+
+.coordinate-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    width: 100%;
+    padding: 0.25rem 0.5rem 0.5rem 0.5rem;
+    background-color: rgb(88, 88, 88);
+    box-sizing: border-box;
+}
+
+.action-button {
+    width: 100%;
+    padding: 0.5rem;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    font-size: 0.9rem;
+    transition: background-color 0.2s;
+    border-radius: 0.25rem;
+    box-sizing: border-box;
+}
+
+.navigate-button {
+    background-color: rgb(120, 120, 120);
+    color: white;
+}
+
+.navigate-button:hover:not(:disabled) {
+    background-color: rgb(140, 140, 140);
+}
+
+.navigate-button:disabled {
+    background-color: rgb(100, 100, 100);
+    color: rgb(160, 160, 160);
+    cursor: not-allowed;
+}
+
+.current-location-button {
+    background-color: rgb(120, 120, 120);
+    color: white;
+}
+
+.current-location-button:hover {
+    background-color: rgb(140, 140, 140);
+}
+
+.coordinate-help {
+    margin: 0.25rem 0.5rem 0.5rem 0.5rem;
+    padding: 0.4rem;
+    background-color: rgb(130, 100, 60);
+    color: rgb(255, 220, 180);
+    font-size: 0.8rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    border-radius: 0.25rem;
+    box-sizing: border-box;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index d45086c..afa2377 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,7 +3,7 @@ import { createI18n } from 'vue-i18n'
 import { createPinia } from 'pinia'
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { library } from "@fortawesome/fontawesome-svg-core";
-import { faFileZipper, faFolderOpen, faXmark, faRotateRight, faPlus, faBars, faMagnifyingGlass, faToggleOn, faToggleOff, faLocationDot, faAngleRight, faAngleLeft, faAngleDown, faDice, faGlobe, faEarthEurope, faMountainSun, faWater, faArrowsDownToLine, faTableCells, faCircleQuestion } from "@fortawesome/free-solid-svg-icons";
+import { faFileZipper, faFolderOpen, faXmark, faRotateRight, faPlus, faBars, faMagnifyingGlass, faToggleOn, faToggleOff, faLocationDot, faAngleRight, faAngleLeft, faAngleDown, faDice, faGlobe, faEarthEurope, faMountainSun, faWater, faArrowsDownToLine, faTableCells, faCircleQuestion, faCrosshairs, faLocationArrow, faExclamationTriangle } from "@fortawesome/free-solid-svg-icons";
 import './style.css'
 import App from './App.vue'
 
@@ -13,7 +13,7 @@ import { registerSW } from 'virtual:pwa-register'
 
 registerSW({ immediate: true })
 
-library.add(faFileZipper, faFolderOpen, faXmark, faRotateRight, faPlus, faBars, faMagnifyingGlass, faToggleOn, faToggleOff, faLocationDot, faAngleRight, faAngleLeft, faAngleDown, faDice, faGlobe, faEarthEurope, faMountainSun, faWater, faArrowsDownToLine, faTableCells, faCircleQuestion);
+library.add(faFileZipper, faFolderOpen, faXmark, faRotateRight, faPlus, faBars, faMagnifyingGlass, faToggleOn, faToggleOff, faLocationDot, faAngleRight, faAngleLeft, faAngleDown, faDice, faGlobe, faEarthEurope, faMountainSun, faWater, faArrowsDownToLine, faTableCells, faCircleQuestion, faCrosshairs, faLocationArrow, faExclamationTriangle);
 
 
 const uri = window.location.search.substring(1)
diff --git a/src/stores/useCoordinateStore.ts b/src/stores/useCoordinateStore.ts
new file mode 100644
index 0000000..ee70280
--- /dev/null
+++ b/src/stores/useCoordinateStore.ts
@@ -0,0 +1,44 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export const useCoordinateStore = defineStore('coordinate', () => {
+    const x = ref<string>("")
+    const z = ref<string>("")
+    const isValid = ref(false)
+    
+    function validateCoordinates() {
+        const xNum = parseFloat(x.value)
+        const zNum = parseFloat(z.value)
+        
+        isValid.value = !isNaN(xNum) && !isNaN(zNum) && 
+                       isFinite(xNum) && isFinite(zNum) &&
+                       Math.abs(xNum) <= 30000000 && Math.abs(zNum) <= 30000000
+    }
+    
+    function getCoordinates(): [number, number] | null {
+        if (!isValid.value) return null
+        return [parseFloat(x.value), parseFloat(z.value)]
+    }
+    
+    function setCoordinates(newX: number, newZ: number) {
+        x.value = newX.toString()
+        z.value = newZ.toString()
+        validateCoordinates()
+    }
+    
+    function clear() {
+        x.value = ""
+        z.value = ""
+        isValid.value = false
+    }
+    
+    return {
+        x,
+        z,
+        isValid,
+        validateCoordinates,
+        getCoordinates,
+        setCoordinates,
+        clear
+    }
+})