Garden

About This Attraction

Agra India

Mehtab Bagh is a historic garden complex located in Agra, India, just north of the iconic Taj Mahal. It was built by Emperor Babur in the early 1500s and later completed by Shah Jahan as part of his vision for an ideal viewing point of the Taj Mahal across the Yamuna River. The gardens layout is symmetrical, featuring lush greenery and well-maintained pathways that offer visitors a serene place to stroll and relax. Its location provides a unique angle for viewing and photographing the Taj Mahal, especially during sunset.

For those planning a visit, its important to note the Mehtab Bagh opening hours, which typically run from sunrise to sunset. This allows ample time for tourists to explore its beauty at different times of the day. Admission fees are modest, making it an accessible attraction for many visitors. The garden is less crowded than other tourist spots in Agra, offering a peaceful retreat. Overall, Mehtab Bagh is cherished for its historical significance and stunning views.

Location Details

Address Near Taj Mahal, Dharmapuri, Forest Colony, Nagla Devjit, Agra, Uttar Pradesh 282001, India

Visitor Information

Pricing & Ratings

Ticket Prices

Adult 300 INR

Child Free

Student 250 INR

Senior 300 INR

Ratings

Overall Rating

8.5/10

Crowd Level

7.0/10

Opening Hours & Booking

Open

Days Monday to Sunday

Hours 6:00 AM to 6:00 PM

Seasonality Open Year-Round

Booking

Booking Required? No

Nearby Attractions

Showing 10 of 5 attractions

Miles Kilometers

Taj Mahal

Historical Monument

The Taj Mahal in Agra is a UNESCO World Heritage site and one of the…

9.8/10

Distance: 0.5 km 0.3 mi

Agra

Learn More

Tomb of Itimad-ud-Daulah

Mausoleum

The Tomb of Itimad-ud-Daulah, often referred to as the Baby Taj, is located in Agra,…

8.5/10

Distance: 1.8 km 1.1 mi

Agra

Learn More

Agra Fort

Historical Fort

Agra Fort, located in Agra, India, is a UNESCO World Heritage site and an important…

9.0/10

Distance: 2.1 km 1.3 mi

Agra

Learn More

Fatehpur Sikri

Historical Site

Fatehpur Sikri is an ancient city located near Agra, India, built by Emperor Akbar in…

8.5/10

Distance: 38.2 km 23.7 mi

Agra

Learn More

Lotus Temple

Religious Site

The Lotus Temple in Delhi is a Baháí House of Worship that stands out for…

9.2/10

Distance: 171 km 106.3 mi

Delhi

Learn More

Qutub Minar

Historical Monument

Qutub Minar in Delhi is a UNESCO World Heritage Site and stands as a significant…

9.2/10

Distance: 171.6 km 106.6 mi

Delhi

Learn More

Humayun's Tomb

Historical Monument

Humayuns Tomb in Delhi is a significant historical site, known for being the first garden-tomb…

9.2/10

Distance: 175.3 km 108.9 mi

Delhi

Learn More

India Gate

War Memorial

India Gate is a prominent landmark located in the heart of New Delhi, India. Designed…

8.5/10

Distance: 177.8 km 110.5 mi

Delhi

Learn More

Jantar Mantar

Astronomical Observatory

Jantar Mantar in Jaipur is a remarkable collection of nineteen architectural astronomical instruments. Built by…

8.5/10

Distance: 180.2 km 112 mi

Jaipur

Learn More

Red Fort

Historical Monument

The Red Fort in Delhi is a historical fortification that was the main residence of…

9.0/10

Distance: 182 km 113.1 mi

Delhi

Learn More

Travel Information Notice: Information on this page is for general reference only and may not reflect current conditions. Please see our Travel Information Disclaimer for important notices regarding: I. Data sources and limitations; II. Safety information accuracy; III. Recommendation scope; IV. Traveler responsibilities; V. Terms of use. Last updated: October 9, 2025.

"; } // Initialize modal controls const initModalControls = function() { console.log('Initializing modal controls'); const modal = document.getElementById('attraction-modal'); const closeBtn = document.querySelector('.attraction-modal-close'); if (closeBtn) { closeBtn.addEventListener('click', function() { modal.style.display = 'none'; document.body.style.overflow = ''; }); } window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; document.body.style.overflow = ''; } }); // Make attraction cards clickable const attractionCards = document.querySelectorAll('.attraction-card'); console.log('Found ' + attractionCards.length + ' attraction cards'); attractionCards.forEach(card => { card.addEventListener('click', function(e) { openModalWithCardData(this); }); }); }; // Function to open modal with card data const openModalWithCardData = function(card) { // Get data from hidden div const data = card.querySelector('.attraction-full-data'); if (!data) { console.error('No attraction data found in card'); return; } const modal = document.getElementById('attraction-modal'); if (!modal) { console.error('Modal element still not found after creation attempt'); return; } // Helper function to safely get element text function getElementText(selector) { const element = data.querySelector(selector); return element ? element.textContent : ''; } try { // Basic Info document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name'); document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full'); document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full'); // Reset all containers to hidden ['attraction-modal-hours-container', 'attraction-modal-price-container', 'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => { const container = document.getElementById(id); if (container) container.style.display = 'none'; }); // Rating const ratingText = getElementText('.attraction-rating-full'); if (ratingText) { const ratingValue = parseFloat(ratingText); if (!isNaN(ratingValue)) { const ratingValueEl = document.getElementById('attraction-modal-rating-value'); const ratingFillEl = document.getElementById('attraction-modal-rating-fill'); if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10'; if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%'; } } // Show the modal modal.style.display = 'block'; document.body.style.overflow = 'hidden'; // Prevent background scrolling console.log('Modal opened successfully'); } catch (error) { console.error('Error opening modal:', error); } }; // Try to create the modal const created = createModal(); console.log('Modal created:', created); // If not created (already exists), initialize the controls if (!created) { initModalControls(); } // Also initialize distance toggle const distanceToggle = document.getElementById('distance-unit-toggle'); if (distanceToggle) { distanceToggle.addEventListener('change', function() { const showKm = this.checked; // Update toggle labels const labels = document.querySelectorAll('.toggle-label'); if (labels.length >= 2) { labels[0].style.opacity = showKm ? '0.5' : '1'; labels[1].style.opacity = showKm ? '1' : '0.5'; } // Update all distance displays document.querySelectorAll('.nearby-attraction-card').forEach(card => { const kmEl = card.querySelector('.distance-km'); const miEl = card.querySelector('.distance-mi'); if (kmEl && miEl) { kmEl.style.display = showKm ? 'inline' : 'none'; miEl.style.display = showKm ? 'none' : 'inline'; } }); }); } });