Banner

Use the Slot RTP Explorer by BetDiamonds to find and compare the Return to Player (RTP) percentages of top slot games. Discover high-paying slots by provider, theme, or volatility.

Slot RTP Explorer | Compare Return to Player % for Popular Slots

Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title>Slot RTP Explorer | BetDiamonds</title>
  <style>
    :root {
      --primary: #4285f4;
      --success: #34a853;
      --warning: #fbbc05;
      --danger: #ea4335;
      --text: #202124;
      --text-light: #5f6368;
      --background: #f8f9fa;
      --card-bg: #ffffff;
      --border-radius: 12px;
      --box-shadow: 0 2px 10px rgba(0,0,0,0.08);
      --input-border: #dadce0;
      --input-focus: rgba(66, 133, 244, 0.2);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      background: var(--background);
      color: var(--text);
      line-height: 1.5;
      padding: 1rem;
      min-height: 100vh;
    }

    .container {
      max-width: 100%;
      margin: 0 auto;
    }

    h1 {
      text-align: center;
      color: var(--text);
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
    }

    .search-container {
      position: sticky;
      top: 0;
      background: var(--background);
      padding: 0.5rem 0;
      z-index: 10;
    }

    #searchInput {
      width: 100%;
      padding: 0.875rem;
      font-size: 1rem;
      border: 1px solid var(--input-border);
      border-radius: var(--border-radius);
      background: var(--card-bg);
      transition: all 0.2s;
      margin-bottom: 1rem;
    }

    #searchInput:focus {
      outline: none;
      border-color: var(--primary);
      box-shadow: 0 0 0 3px var(--input-focus);
    }

    .table-container {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 1rem;
      border-radius: var(--border-radius);
      box-shadow: var(--box-shadow);
      background: var(--card-bg);
    }

    table {
      width: 100%;
      border-collapse: collapse;
      min-width: 600px;
    }

    th {
      position: sticky;
      top: 0;
      background: var(--primary);
      color: white;
      padding: 1rem;
      text-align: left;
      font-weight: 500;
    }

    th.sortable {
      cursor: pointer;
      transition: background 0.2s;
    }

    th.sortable:hover {
      background: var(--primary-dark);
    }

    td {
      padding: 0.875rem 1rem;
      border-bottom: 1px solid #eee;
    }

    tr:last-child td {
      border-bottom: none;
    }

    tr:hover {
      background: rgba(66, 133, 244, 0.05);
    }

    .low { color: var(--danger); font-weight: 500; }
    .medium { color: var(--warning); font-weight: 500; }
    .high { color: var(--success); font-weight: 500; }

    .rtp-badge {
      display: inline-block;
      padding: 0.25rem 0.5rem;
      border-radius: 1rem;
      font-size: 0.75rem;
      font-weight: 500;
      background: rgba(52, 168, 83, 0.1);
      color: var(--success);
    }

    .no-results {
      padding: 2rem;
      text-align: center;
      color: var(--text-light);
    }

    @media (max-width: 600px) {
      h1 {
        font-size: 1.375rem;
      }
      
      th, td {
        padding: 0.75rem;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>🎰 Slot RTP Explorer</h1>
    
    <div class="search-container">
      <input type="text" id="searchInput" placeholder="Search slots or providers..." />
    </div>

    <div class="table-container">
      <table id="slotTable">
        <thead>
          <tr>
            <th class="sortable" onclick="sortTable(0)">Slot Name</th>
            <th class="sortable" onclick="sortTable(1)">Provider</th>
            <th class="sortable" onclick="sortTable(2)">RTP %</th>
            <th class="sortable" onclick="sortTable(3)">Volatility</th>
            <th class="sortable" onclick="sortTable(4)">Theme</th>
          </tr>
        </thead>
        <tbody id="slotBody"></tbody>
      </table>
    </div>
  </div>

  <script>
    const slots = [
      { name: "Book of Dead", provider: "Play'n GO", rtp: 96.21, volatility: "High", theme: "Ancient Egypt" },
      { name: "Starburst", provider: "NetEnt", rtp: 96.09, volatility: "Low", theme: "Space" },
      { name: "Gonzo's Quest", provider: "NetEnt", rtp: 95.97, volatility: "Medium", theme: "Adventure" },
      { name: "Big Bass Bonanza", provider: "Pragmatic Play", rtp: 96.71, volatility: "High", theme: "Fishing" },
      { name: "Sweet Bonanza", provider: "Pragmatic Play", rtp: 96.48, volatility: "Medium", theme: "Candy" },
      { name: "Legacy of Dead", provider: "Play'n GO", rtp: 96.58, volatility: "High", theme: "Mythology" },
      { name: "Reactoonz", provider: "Play'n GO", rtp: 96.51, volatility: "High", theme: "Aliens" },
      { name: "Mega Moolah", provider: "Microgaming", rtp: 88.12, volatility: "High", theme: "Safari" },
      { name: "Dead or Alive 2", provider: "NetEnt", rtp: 96.82, volatility: "High", theme: "Wild West" },
      { name: "Wolf Gold", provider: "Pragmatic Play", rtp: 96.01, volatility: "Medium", theme: "Animals" },
      { name: "Jammin' Jars", provider: "Push Gaming", rtp: 96.83, volatility: "High", theme: "Fruit" },
      { name: "Razor Shark", provider: "Push Gaming", rtp: 96.70, volatility: "High", theme: "Underwater" }
    ];

    const slotBody = document.getElementById('slotBody');
    const searchInput = document.getElementById('searchInput');
    let currentSortColumn = 2; // Default sort by RTP
    let sortDirection = 'desc';

    function renderTable(data) {
      if (data.length === 0) {
        slotBody.innerHTML = `
          <tr>
            <td colspan="5" class="no-results">
              No slots found matching your search
            </td>
          </tr>
        `;
        return;
      }

      slotBody.innerHTML = '';
      data.forEach(slot => {
        slotBody.innerHTML += `
          <tr>
            <td>${slot.name}</td>
            <td>${slot.provider}</td>
            <td>
              <span class="rtp-badge">${slot.rtp.toFixed(2)}%</span>
              ${slot.rtp >= 96.5 ? '⭐' : ''}
            </td>
            <td class="${slot.volatility.toLowerCase()}">${slot.volatility}</td>
            <td>${slot.theme}</td>
          </tr>
        `;
      });
    }

    function searchSlots() {
      const query = searchInput.value.toLowerCase();
      const filtered = slots.filter(slot =>
        slot.name.toLowerCase().includes(query) ||
        slot.provider.toLowerCase().includes(query) ||
        slot.theme.toLowerCase().includes(query)
      );
      sortData(filtered);
    }

    function sortTable(colIndex) {
      if (currentSortColumn === colIndex) {
        sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';
      } else {
        currentSortColumn = colIndex;
        sortDirection = 'asc';
      }
      sortData([...slots]);
    }

    function sortData(data) {
      const sorted = data.sort((a, b) => {
        const valA = Object.values(a)[currentSortColumn];
        const valB = Object.values(b)[currentSortColumn];
        
        if (typeof valA === 'string') {
          return sortDirection === 'asc' 
            ? valA.localeCompare(valB)
            : valB.localeCompare(valA);
        } else {
          return sortDirection === 'asc' 
            ? valA - valB
            : valB - valA;
        }
      });
      
      renderTable(sorted);
    }

    // Initialize
    searchInput.addEventListener('input', searchSlots);
    sortData([...slots]);
  </script>
</body>
</html>