Beach

About This Attraction

Boracay The Philippines

Puka Shell Beach in Boracay, Philippines, is a serene destination known for its unique shoreline covered with smooth puka shells instead of the typical fine sand. Located on the northern tip of the island, it offers a more tranquil atmosphere compared to the more popular White Beach. Visitors can enjoy swimming and sunbathing without the hustle and bustle of busier areas. However, its important to note that there are no lifeguards on duty, so swimmers should be cautious.

The beach is accessible via tricycles or boats, making it a convenient spot for a day trip. There are several local vendors selling refreshments and snacks, ensuring visitors have access to basic amenities. Unlike some other tourist spots in Boracay, Puka Shell Beach has no fixed opening hours, allowing guests to visit at their leisure. Overall, its an excellent place for those looking to enjoy nature and relax away from crowds.

Location Details

Address Yapak, Boracay, Malay, Aklan, Philippines

Visitor Information

Pricing & Ratings

Ticket Prices

Adult Free

Child Free

Student Free

Senior Free

Ratings

Overall Rating

8.5/10

Crowd Level

7.0/10

Opening Hours & Booking

Open

Days Daily

Hours Open 24 hours

Seasonality Year-round

Booking

Booking Required? No

Nearby Attractions

Showing 10 of 3 attractions

Miles Kilometers

Mount Luho

Viewpoint

Mount Luho is the highest point on Boracay Island, offering visitors panoramic views of the…

8.5/10

Distance: 2.4 km 1.5 mi

Boracay

Learn More

Bulabog Beach

Beach

Bulabog Beach in Boracay is a popular destination for water sports enthusiasts due to its…

8.5/10

Distance: 3.3 km 2.1 mi

Boracay

Learn More

White Beach

Beach

White Beach in Boracay is one of the most popular tourist destinations in the Philippines.…

9.5/10

Distance: 5.1 km 3.2 mi

Boracay

Learn More

Silliman University

Educational Institution

Silliman University, located in Dumaguete City, Philippines, is one of the countrys oldest and most…

8.5/10

Distance: 99.6 km 61.9 mi

Dumaguete

Learn More

Miagao Church

Historical Church

Miagao Church, also known as the Santo Tomas de Villanueva Parish Church, is a historical…

9.2/10

Distance: 154.5 km 96 mi

Iloilo City

Learn More

Jaro Cathedral

Religious Site

Jaro Cathedral, officially known as the Jaro Metropolitan Cathedral and the National Shrine of Our…

8.7/10

Distance: 157.8 km 98.1 mi

Iloilo City

Learn More

Iloilo River Esplanade

Riverside Walkway

The Iloilo River Esplanade in Iloilo City is a popular destination for both locals and…

8.5/10

Distance: 159.5 km 99.1 mi

Iloilo City

Learn More

Molo Church

Historical Church

Molo Church, also known as St. Anne Parish Church, is a significant historical landmark located…

9.0/10

Distance: 159.9 km 99.4 mi

Iloilo City

Learn More

Siete Pecados Marine Park

Marine Park

Siete Pecados Marine Park in Coron, Philippines, is a popular destination for snorkeling and marine…

8.5/10

Distance: 182.9 km 113.6 mi

Coron

Learn More

Maquinit Hot Springs

Natural Hot Springs

Maquinit Hot Springs in Coron is a popular destination known for its natural saltwater pools.…

8.5/10

Distance: 183.2 km 113.8 mi

Coron

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: July 24, 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'; } }); }); } });