diff --git a/webapp/components/interop-dashboard.js b/webapp/components/interop-dashboard.js
index c5fc0c22e5d..cc0259038d4 100644
--- a/webapp/components/interop-dashboard.js
+++ b/webapp/components/interop-dashboard.js
@@ -5,6 +5,7 @@
  */
 
 import { InteropDataManager } from './interop-data-manager.js';
+import { WPTFlags } from './wpt-flags.js';
 import '../node_modules/@polymer/paper-button/paper-button.js';
 import '../node_modules/@polymer/polymer/lib/elements/dom-if.js';
 import '../node_modules/@polymer/paper-icon-button/paper-icon-button.js';
@@ -14,7 +15,7 @@ import { afterNextRender } from '../node_modules/@polymer/polymer/lib/utils/rend
 // InteropDashboard is a custom element that holds the overall interop dashboard.
 // The dashboard breaks down into top-level summary scores, a small description,
 // graphs per feature, and a table of currently tracked tests.
-class InteropDashboard extends PolymerElement {
+class InteropDashboard extends WPTFlags(PolymerElement) {
   static get template() {
     return html`
       <style>
@@ -81,6 +82,10 @@ class InteropDashboard extends PolymerElement {
           grid-area: bottom-desc;
         }
 
+        .text-center {
+          text-align: center;
+        }
+
         .channel-area {
           display: flex;
           max-width: fit-content;
@@ -91,6 +96,14 @@ class InteropDashboard extends PolymerElement {
           box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
         }
 
+        .channel-area[hidden] {
+          display: none;
+        }
+
+        paper-button[hidden] {
+          display: none;
+        }
+
         .channel-area > paper-button {
           margin: 0;
         }
@@ -220,10 +233,6 @@ class InteropDashboard extends PolymerElement {
           background: hsl(0 0% 0% / 5%);
         }
 
-        .interop-years {
-          text-align: center;
-        }
-
         .interop-year-text {
           display: inline-block;
           padding: 0 5px;
@@ -292,14 +301,24 @@ class InteropDashboard extends PolymerElement {
       </div>
       <div class="grid-container">
         <div class="grid-item grid-item-header">
-          <h1>Interop [[year]] Dashboard</h1>
+          <h1>[[dashboardTitle]]</h1>
           <div class="channel-area">
-            <paper-button id="toggleStable" class\$="[[stableButtonClass(stable)]]" on-click="clickStable">Stable</paper-button>
-            <paper-button id="toggleExperimental" class\$="[[experimentalButtonClass(stable)]]" on-click="clickExperimental">Experimental</paper-button>
+            <paper-button id="toggleStable" class\$="[[stableButtonClass(stable, isMobileScoresView)]]" on-click="clickStable">Stable</paper-button>
+            <paper-button id="toggleExperimental" class\$="[[experimentalButtonClass(stable, isMobileScoresView)]]" on-click="clickExperimental">Experimental</paper-button>
+            <paper-button id="toggleMobile" class\$="[[mobileButtonClass(isMobileScoresView)]]" on-click="clickMobile" hidden$="[[!shouldShowMobileScoresView()]]">Mobile</paper-button>
+          </div>
+          <div class="text-center" hidden$="[[!isMobileScoresView]]">
+            <p><i>Mobile browser results and how they are obtained are a work in progress. Scores may not reflect the real level of support for a given feature.</i></p>
           </div>
         </div>
         <div class="grid-item grid-item-summary">
-          <interop-summary year="[[year]]" data-manager="[[dataManager]]" scores="[[scores]]" stable="[[stable]]"></interop-summary>
+          <interop-summary
+            year="[[year]]"
+            data-manager="[[dataManager]]"
+            scores="[[scores]]"
+            stable="[[stable]]"
+            is-mobile-scores-view="[[isMobileScoresView]]">
+          </interop-summary>
         </div>
         <div class="grid-item grid-item-description">
           <p>Interop [[year]] is a cross-browser effort to improve the interoperability of the web —
@@ -373,6 +392,14 @@ class InteropDashboard extends PolymerElement {
                           </th>
                         </template>
                       </template>
+                      <template is="dom-if" if="{{isMobileScoresView}}">
+                        <th class="sortable-header">
+                          <div class="browser-icons single-browser-icon">
+                            <img src="/static/wktr_64x64.png" width="32" alt="Safari iOS" title="Safari iOS" />
+                          </div>
+                          <img class="sort-icon" src="[[getSortIcon(2, sortColumn, isSortedAsc)]]" />
+                        </th>
+                      </template>
                       <th class="sortable-header">
                         <div class="interop-header">INTEROP</div>
                         <img class="sort-icon" src="[[getInteropSortIcon(sortColumn, isSortedAsc)]]" />
@@ -433,6 +460,9 @@ class InteropDashboard extends PolymerElement {
                         <template is="dom-repeat" items="{{getYearProp('browserInfo')}}" as="browserInfo">
                           <td>[[getBrowserScoreForFeature(itemsIndex, rowName, stable)]]</td>
                         </template>
+                        <template is="dom-if" if="[[isMobileScoresView]]">
+                          <td>--%</td>
+                        </template>
                         <td>[[getInteropScoreForFeature(rowName, stable)]]</td>
                       </tr>
                     </template>
@@ -443,6 +473,9 @@ class InteropDashboard extends PolymerElement {
                       <template is="dom-repeat" items="{{getYearProp('browserInfo')}}" as="browserInfo">
                         <td>[[getSubtotalScore(itemsIndex, section, stable)]]</td>
                       </template>
+                      <template is="dom-if" if="[[isMobileScoresView]]">
+                        <td>--%</td>
+                      </template>
                       <td>[[getInteropSubtotalScore(section, stable)]]</td>
                     </tr>
                   </tfoot>
@@ -510,7 +543,7 @@ class InteropDashboard extends PolymerElement {
         </div>
       </div>
       <footer class="compat-footer">
-        <div class="interop-years">
+        <div class="text-center">
           <div class="interop-year-text">
             <p>View by year: </p>
           </div>
@@ -543,11 +576,16 @@ class InteropDashboard extends PolymerElement {
         type: Number,
         value: 0
       },
+      dashboardTitle: String,
       currentInteropYear: Number,
       isCurrentYear: {
         type: Boolean,
         value: true,
       },
+      isMobileScoresView: {
+        type: Boolean,
+        value: false,
+      },
       isSortedAsc: {
         type: Boolean,
         value: true
@@ -569,7 +607,7 @@ class InteropDashboard extends PolymerElement {
 
   static get observers() {
     return [
-      'updateUrlParams(embedded, stable, feature)',
+      'updateUrlParams(embedded, stable, feature, isMobileScoresView)',
       'updateTotals(features, stable)'
     ];
   }
@@ -578,7 +616,16 @@ class InteropDashboard extends PolymerElement {
     const params = (new URL(document.location)).searchParams;
 
     this.stable = params.get('stable') !== null;
-    this.dataManager = new InteropDataManager(this.year);
+    this.isMobileScoresView = params.get('mobile-view') !== null && this.showMobileScoresView;
+    this.dataManager = new InteropDataManager(this.year, this.isMobileScoresView);
+
+    if (this.isMobileScoresView) {
+      this.dashboardTitle = `Interop ${this.year} Mobile Dashboard`;
+      // No stable view for mobile results.
+      this.stable = false;
+    } else {
+      this.dashboardTitle = `Interop ${this.year} Dashboard`;
+    }
 
     this.scores = {};
     this.scores.experimental = await this.dataManager.getMostRecentScores(false);
@@ -610,7 +657,7 @@ class InteropDashboard extends PolymerElement {
     this.$.toggleStable.setAttribute('aria-pressed', this.stable);
     this.$.toggleExperimental.setAttribute('aria-pressed', !this.stable);
     // Keep the block-level design for interop 2021-2022
-    if (this.year === '2021' || this.year === '2022') {
+    if (this.year === '2021' || this.year === '2022' || this.isMobileScoresView) {
       const gridContainerDiv = this.shadowRoot.querySelector('.grid-container');
       gridContainerDiv.style.display = 'block';
       gridContainerDiv.style.width = '700px';
@@ -663,7 +710,6 @@ class InteropDashboard extends PolymerElement {
     // - https://github.com/whatwg/url/issues/762
     // - https://github.com/whatwg/url/issues/461
     // - https://github.com/whatwg/url/issues/335
-
     // Test results are defined as absolute paths from this origin.
     const url = new URL(testsURL, window.location.origin);
     // Test results URLs can have multiple 'label' params. Grab them all.
@@ -804,7 +850,7 @@ class InteropDashboard extends PolymerElement {
     this.totalSafari = this.getBrowserScoreForFeature(2, summaryFeatureName);
   }
 
-  updateUrlParams(embedded, stable, feature) {
+  updateUrlParams(embedded, stable, feature, isMobileScoresView) {
     // Our observer may be called before the feature is set, so debounce that.
     if (feature === undefined) {
       return;
@@ -820,6 +866,9 @@ class InteropDashboard extends PolymerElement {
     if (embedded) {
       params.push('embedded');
     }
+    if (isMobileScoresView) {
+      params.push('mobile-view');
+    }
 
     let url = location.pathname;
     if (params.length) {
@@ -828,30 +877,71 @@ class InteropDashboard extends PolymerElement {
     history.pushState('', '', url);
   }
 
-  experimentalButtonClass(stable) {
-    return stable ? 'unselected' : 'selected';
+  experimentalButtonClass(stable, isMobileScoresView) {
+    return (isMobileScoresView || stable) ? 'unselected' : 'selected';
   }
 
-  stableButtonClass(stable) {
-    return stable ? 'selected' : 'unselected';
+  stableButtonClass(stable, isMobileScoresView) {
+    return (stable && !isMobileScoresView) ? 'selected' : 'unselected';
+  }
+
+  mobileButtonClass(isMobileScoresView) {
+    return isMobileScoresView ? 'selected' : 'unselected';
   }
 
   clickExperimental() {
-    if (!this.stable) {
+    if (!this.stable && !this.isMobileScoresView) {
       return;
     }
-    this.stable = false;
-    this.$.toggleStable.setAttribute('aria-pressed', false);
-    this.$.toggleExperimental.setAttribute('aria-pressed', true);
+    if (this.isMobileScoresView) {
+      this.toggleMobileView(false, false);
+    } else {
+      this.stable = false;
+      this.isMobileScoresView = false;
+      this.$.toggleStable.setAttribute('aria-pressed', false);
+      this.$.toggleExperimental.setAttribute('aria-pressed', true);
+    }
   }
 
   clickStable() {
-    if (this.stable) {
+    if (this.stable && !this.isMobileScoresView) {
       return;
     }
-    this.stable = true;
-    this.$.toggleStable.setAttribute('aria-pressed', true);
-    this.$.toggleExperimental.setAttribute('aria-pressed', false);
+    if (this.isMobileScoresView) {
+      this.toggleMobileView(false, true);
+    } else {
+      this.stable = true;
+      this.isMobileScoresView = false;
+      this.$.toggleStable.setAttribute('aria-pressed', true);
+      this.$.toggleExperimental.setAttribute('aria-pressed', false);
+    }
+  }
+
+  clickMobile() {
+    if (this.isMobileScoresView) {
+      return;
+    }
+    this.toggleMobileView(true, false);
+  }
+
+  toggleMobileView(showMobileScores, stable) {
+    let queryString = '';
+    if (showMobileScores) {
+      queryString += 'mobile-view';
+    }
+    if (stable) {
+      queryString += (queryString.length) ? '&stable' : 'stable';
+    }
+    if (queryString.length) {
+      queryString = `?${queryString}`;
+    }
+
+    const url = `${location.pathname}${queryString}`;
+    window.location = url;
+  }
+
+  shouldShowMobileScoresView() {
+    return this.showMobileScoresView && parseInt(this.year) >= 2024;
   }
 
   // Check if the table being rendered is the first table.
@@ -880,7 +970,8 @@ class InteropDashboard extends PolymerElement {
 
   // Determine the icon that should be displayed on the interop column.
   getInteropSortIcon(sortColumn, isSortedAsc) {
-    const interopIndex = this.dataManager.getYearProp('numBrowsers') + 1;
+    const indexOffset = (this.isMobileScoresView) ? 2 : 1;
+    const interopIndex = this.dataManager.getYearProp('numBrowsers') + indexOffset;
     if (interopIndex !== sortColumn) {
       return '/static/expand_inactive.svg';
     }
@@ -916,7 +1007,7 @@ class InteropDashboard extends PolymerElement {
   };
 
   numericalSort = (rows, featureOrder, sortColumn) => {
-    const browserIndex = sortColumn - 1;
+    const browserIndex = (this.isMobileScoresView && sortColumn === 4) ? 2 : sortColumn - 1;
     const individualScores = [];
     for (let i = 0; i < rows.length; i++) {
       const feature = rows[i];
@@ -932,6 +1023,10 @@ class InteropDashboard extends PolymerElement {
     if(index !== 0) {
       return rows;
     }
+    // Safari column will not have data for mobile and cannot be sorted.
+    if (this.isMobileScoresView && sortColumn === 3) {
+      return rows;
+    }
     const sortedFeatureOrder = [];
     // For the first column, sort alphabetically by name
     if(sortColumn === 0) {
diff --git a/webapp/components/interop-data-manager.js b/webapp/components/interop-data-manager.js
index 31dbb0d5771..383506f84ba 100644
--- a/webapp/components/interop-data-manager.js
+++ b/webapp/components/interop-data-manager.js
@@ -22,6 +22,22 @@ const BROWSER_INFO = {
     tableName: 'Chrome',
     tooltipName: 'Chrome',
   },
+  chrome_android: {
+    experimentalIcon: 'chrome',
+    experimentalName: 'Android',
+    graphColor: '#fbc013',
+    stableIcon: 'chrome',
+    tableName: 'Chrome',
+    tooltipName: 'Chrome',
+  },
+  firefox_android: {
+    experimentalIcon: 'geckoview',
+    experimentalName: 'Android',
+    graphColor: '#fc7a3a',
+    stableIcon: 'firefox',
+    tableName: 'Firefox',
+    tooltipName: 'Firefox',
+  },
   chrome_canary: {
     experimentalIcon: 'chrome-canary',
     experimentalName: 'Canary',
@@ -53,6 +69,14 @@ const BROWSER_INFO = {
     stableIcon: 'safari',
     tableName: 'Safari',
     tooltipName: 'Safari',
+  },
+  safari_mobile: {
+    experimentalIcon: 'wktr',
+    experimentalName: 'iOS',
+    graphColor: '#148cda',
+    stableIcon: 'safari',
+    tableName: 'Safari',
+    tooltipName: 'Safari',
   }
 };
 
@@ -61,14 +85,18 @@ const BROWSER_INFO = {
 // fetches the CSV data, processes it into sets of datatables, and then caches
 // those tables for later use by the dashboard.
 class InteropDataManager {
-  constructor(year) {
+  constructor(year, isMobileScoresView) {
     this.year = year;
+    this.isMobileScoresView = isMobileScoresView;
     // The data is loaded when the year data is obtained and the csv is loaded and parsed.
     this._dataLoaded = this.fetchYearData()
     // The year data is needed for parsing the csv.
       .then(async() => {
         await load();
-        return Promise.all([this._loadCsv('stable'), this._loadCsv('experimental')]);
+        return Promise.all([
+          this._loadCsv('stable'),
+          this._loadCsv('experimental'),
+        ]);
       });
   }
 
@@ -95,21 +123,29 @@ class InteropDataManager {
         this.#calcInvestigationTotalScore(this.investigationScores);
     }
 
-    // Default to the Chrome/Edge bundled unless specified.
-    this.browsers = yearInfo.browsers || ['chrome_edge_dev', 'firefox', 'safari'];
+    this.focusAreas = yearInfo.focus_areas;
+    // Adjust where data is obtained for mobile view.
+    if (this.isMobileScoresView) {
+      this.browsers = yearInfo.mobile_browsers;
+      this.csvURL = yearInfo.mobile_csv_url;
+      this.validYears = paramsByYear.valid_mobile_years;
+      this.focusAreasList = yearInfo.mobile_focus_areas;
+      this.tableSections = yearInfo.mobile_table_sections;
+    } else {
+      // Default to the Chrome/Edge bundled unless specified.
+      this.browsers = yearInfo.browsers || ['chrome_edge_dev', 'firefox', 'safari'];
+      this.csvURL = yearInfo.csv_url;
+      this.validYears = paramsByYear.valid_years;
+      // Focus areas are iterated through often, so keep a list of all of them.
+      this.focusAreasList = Object.keys(this.focusAreas);
+      this.tableSections = yearInfo.table_sections;
+    }
+
     this.browserInfo = this.browsers.map(browser => BROWSER_INFO[browser]);
     this.numBrowsers = this.browserInfo.length;
-
-    this.focusAreas = yearInfo.focus_areas;
-    // Focus areas are iterated through often, so keep a list of all of them.
-    this.focusAreasList = Object.keys(this.focusAreas);
     this.summaryFeatureName = yearInfo.summary_feature_name;
-    this.csvURL = yearInfo.csv_url;
     this.issueURL = yearInfo.issue_url;
-    this.tableSections = yearInfo.table_sections;
     this.focusAreasDescriptionLink = yearInfo.focus_areas_description;
-    // Keep a list of years we have interop data prepared for.
-    this.validYears = Object.keys(paramsByYear);
   }
 
   // Fetches the datatable for the given feature and stable/experimental state.
@@ -143,6 +179,10 @@ class InteropDataManager {
   // the object is a feature->score mapping.
   async getMostRecentScores(stable) {
     await this._dataLoaded;
+    // We don't aggregate stable results for mobile.
+    if (this.isMobileScoresView && stable) {
+      return {};
+    }
     // TODO: Don't get the data from the data tables (which are for the graphs)
     // but instead extract it separately when parsing the CSV.
     const dataTables = stable ? this.stableDatatables : this.experimentalDatatables;
@@ -182,8 +222,13 @@ class InteropDataManager {
   // ultimately set either this.stableDatatables or this.experimentalDatatables
   // with a map of {feature name --> datatable}.
   async _loadCsv(label) {
+    // We don't aggregate stable results for mobile.
+    if (this.isMobileScoresView && label === 'stable') {
+      return;
+    }
+
     const url = this.csvURL.replace('{stable|experimental}', label);
-    const csvLines = await fetchCsvContents(url);
+    const csvLines = await fetchCsvContents(url, this.isMobileScoresView);
 
     const features = [this.summaryFeatureName,
       ...this.focusAreasList];
@@ -245,9 +290,12 @@ class InteropDataManager {
         browserVersions[browserIdx].push(version);
 
         let testScore = 0.0;
+        // Mobile csv does not have an Interop version column to account for.
+        const versionOffset = (this.isMobileScoresView && browserName === 'Interop') ? 0 : 1;
+
         headers.forEach((feature, j) => {
           let score = 0;
-          score = parseInt(csvValues[i + 1 + j]);
+          score = parseInt(csvValues[i + j + versionOffset]);
           if (!(score >= 0 && score <= 1000)) {
             throw new Error(`Expected score in 0-1000 range, got ${score}`);
           }
@@ -331,13 +379,21 @@ class InteropDataManager {
   }
 }
 
-async function fetchCsvContents(url) {
+async function fetchCsvContents(url, isMobileScoresView) {
   const csvResp = await fetch(url);
   if (!csvResp.ok) {
     throw new Error(`Fetching chart csv data failed: ${csvResp.status}`);
   }
-  const csvText = await csvResp.text();
-  const csvLines = csvText.split('\n').filter(l => l);
+
+  let csvLines;
+  if (isMobileScoresView) {
+    const respJson = await csvResp.json();
+    const csvText = atob(respJson['content']);
+    csvLines = csvText.split('\r\n').filter(l => l);
+  } else {
+    const csvText = await csvResp.text();
+    csvLines = csvText.split('\n').filter(l => l);
+  }
   return csvLines;
 }
 
diff --git a/webapp/components/interop-data.js b/webapp/components/interop-data.js
index d761f3c0184..35fddea4a30 100644
--- a/webapp/components/interop-data.js
+++ b/webapp/components/interop-data.js
@@ -2,6 +2,8 @@
 // The JSON file is used by some Mozilla infrastructure, so the file should
 // not be deleted and should match the data in this file.
 export const interopData = {
+  'valid_years': ['2021', '2022', '2023', '2024'],
+  'valid_mobile_years': ['2024'],
   '2021': {
     'table_sections': [
       {
@@ -582,6 +584,7 @@ export const interopData = {
   },
   '2024': {
     'browsers': ['chrome_canary', 'edge', 'firefox', 'safari'],
+    'mobile_browsers': ['chrome_android', 'firefox_android'],
     'table_sections': [
       {
         'name': 'Active Focus Areas',
@@ -673,11 +676,56 @@ export const interopData = {
       },
     ],
     'investigation_weight': 0.0,
+    'mobile_table_sections': [
+      {
+        'name': 'Active Focus Areas',
+        'rows': [
+          'interop-2024-accessibility',
+          'interop-2024-nesting',
+          'interop-2023-property',
+          'interop-2024-dsd',
+          'interop-2024-font-size-adjust',
+          'interop-2024-websockets',
+          'interop-2024-indexeddb',
+          'interop-2024-layout',
+          'interop-2023-events',
+          'interop-2024-popover',
+          'interop-2024-relative-color',
+          'interop-2024-video-rvfc',
+          'interop-2024-scrollbar',
+          'interop-2024-starting-style-transition-behavior',
+          'interop-2024-dir',
+          'interop-2024-text-wrap',
+          'interop-2023-url',
+        ],
+        'score_as_group': false
+      }
+    ],
+    'mobile_focus_areas': [
+      'interop-2024-accessibility',
+      'interop-2024-nesting',
+      'interop-2023-property',
+      'interop-2024-dsd',
+      'interop-2024-font-size-adjust',
+      'interop-2024-websockets',
+      'interop-2024-indexeddb',
+      'interop-2024-layout',
+      'interop-2023-events',
+      'interop-2024-popover',
+      'interop-2024-relative-color',
+      'interop-2024-video-rvfc',
+      'interop-2024-scrollbar',
+      'interop-2024-starting-style-transition-behavior',
+      'interop-2024-dir',
+      'interop-2024-text-wrap',
+      'interop-2023-url',
+    ],
     /**
      * More information on results generation at
      * https://github.com/web-platform-tests/results-analysis
     **/
     'csv_url': 'https://raw.githubusercontent.com/web-platform-tests/results-analysis/gh-pages/data/interop-2024/interop-2024-{stable|experimental}-v2.csv',
+    'mobile_csv_url': 'https://api.github.com/repos/jgraham/interop-results/contents/2024/latest/aligned/mobile-{stable|experimental}-current.csv?ref=main',
     'summary_feature_name': 'summary',
     'issue_url': 'https://github.com/web-platform-tests/interop/issues/new',
     'focus_areas_description': 'https://github.com/web-platform-tests/interop/blob/main/2024/README.md',
diff --git a/webapp/components/interop-summary.js b/webapp/components/interop-summary.js
index 61b2d0e7e0f..090dbc8e8e0 100644
--- a/webapp/components/interop-summary.js
+++ b/webapp/components/interop-summary.js
@@ -143,6 +143,24 @@ class InteropSummary extends PolymerElement {
               </template>
             </div>
           </template>
+          <template is="dom-if" if="{{isMobileScoresView}}">
+            <div class="summary-flex-item" tabindex="0">
+              <div class="summary-number score-number smaller-summary-number">--</div>
+              <div class="summary-browser-name">
+                <figure>
+                  <img src="/static/wktr_64x64.png" width="36" alt="Safari iOS" />
+                  <template is="dom-if" if="[[stable]]">
+                    <figcaption>Safari</figcaption>
+                  </template>
+                  <template is="dom-if" if="[[!stable]]">
+                    <figcaption>
+                      Safari<br>iOS<br>
+                    </figcaption>
+                  </template>
+                </figure>
+              </div>
+            </div>
+          </template>
         </div>
       </div>
 `;
@@ -157,6 +175,7 @@ class InteropSummary extends PolymerElement {
       year: String,
       dataManager: Object,
       scores: Object,
+      isMobileScoresView: Boolean,
       stable: {
         type: Boolean,
         observer: '_stableChanged',
@@ -177,13 +196,12 @@ class InteropSummary extends PolymerElement {
     }
 
     const summaryDiv = this.shadowRoot.querySelector('.summary-container');
-    // Don't display the interop score for Interop 2021.
-    if (this.year === '2021') {
+    // Don't display the interop score for Interop 2021 or mobile view.
+    if (this.year === '2021' || this.isMobileScoresView) {
       const interopDiv = this.shadowRoot.querySelector('#interopSummary');
       interopDiv.style.display = 'none';
       summaryDiv.style.minHeight = '275px';
-    }
-    if (this.year === '2024') {
+    } else if (this.year === '2024') {
       summaryDiv.style.minHeight = '350px';
     }
 
@@ -195,7 +213,7 @@ class InteropSummary extends PolymerElement {
 
   shouldDisplayInvestigationNumber() {
     const scores = this.dataManager.getYearProp('investigationScores');
-    return scores !== null && scores !== undefined;
+    return scores !== null && scores !== undefined && !this.isMobileScoresView;
   }
 
   // roundScore defines the rounding rules for the top-level scores.
@@ -230,13 +248,16 @@ class InteropSummary extends PolymerElement {
     const scores = this.stable ? this.scores.stable : this.scores.experimental;
     const summaryFeatureName = this.dataManager.getYearProp('summaryFeatureName');
     // If the elements have not rendered yet, don't update the scores.
-    if (scoreElements.length !== scores.length) {
+    if ((!this.isMobileScoresView && scoreElements.length !== scores.length) ||
+        (this.isMobileScoresView && scoreElements.length !== scores.length + 1)) {
       return;
     }
-    // Update interop summary number first.
-    this.updateSummaryScore(scoreElements[0], scores[scores.length - 1][summaryFeatureName]);
+    if (!this.isMobileScoresView) {
+      // Update interop summary number first.
+      this.updateSummaryScore(scoreElements[0], scores[scores.length - 1][summaryFeatureName]);
+    }
     // Update the rest of the browser scores.
-    for (let i = 1; i < scoreElements.length; i++) {
+    for (let i = 1; i < scores.length; i++) {
       this.updateSummaryScore(scoreElements[i], scores[i - 1][summaryFeatureName]);
     }
 
diff --git a/webapp/components/wpt-flags.js b/webapp/components/wpt-flags.js
index 6263f5f00ce..2d0b50924c2 100644
--- a/webapp/components/wpt-flags.js
+++ b/webapp/components/wpt-flags.js
@@ -47,6 +47,7 @@ Object.defineProperty(wpt, 'ClientSideFeatures', {
       'queryBuilder',
       'queryBuilderSHA',
       'showBSF',
+      'showMobileScoresView',
       'structuredQueries',
       'triageMetadataUI',
       'webPlatformTestsLive',
@@ -258,6 +259,11 @@ class WPTFlagsEditor extends FlagsEditorClass(/*environmentFlags*/ false) {
         Enable Browser Specific Failures graph
       </paper-checkbox>
     </paper-item>
+    <paper-item>
+      <paper-checkbox checked="{{showMobileScoresView}}">
+        Enable mobile results view on Interop dashboard
+      </paper-checkbox>
+    </paper-item>
 `;
   }
 
diff --git a/webapp/interop_handler.go b/webapp/interop_handler.go
index a1d20f2df79..0c0690d4669 100644
--- a/webapp/interop_handler.go
+++ b/webapp/interop_handler.go
@@ -19,6 +19,7 @@ type interopData struct {
 
 // Set of years that are valid for Interop 20XX.
 var validYears = map[string]bool{"2021": true, "2022": true, "2023": true, "2024": true}
+var validMobileYears = map[string]bool{"2024": true}
 
 // Year that any invalid year will redirect to.
 // TODO(danielrsmith): Change this redirect for next year's interop page.
@@ -36,6 +37,18 @@ func interopHandler(w http.ResponseWriter, r *http.Request) {
 		needsRedirect = true
 	}
 
+	q := r.URL.Query()
+	isMobileView, err := shared.ParseBooleanParam(q, "mobile-view")
+	if err != nil {
+		http.Error(w, err.Error(), http.StatusBadRequest)
+		return
+	}
+	_, isValidMobileYear := validMobileYears[year];
+	if isMobileView != nil && !isValidMobileYear {
+		year = defaultRedirectYear
+		needsRedirect = true
+	}
+
 	if needsRedirect {
 		destination := *(r.URL)
 
@@ -49,7 +62,6 @@ func interopHandler(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	q := r.URL.Query()
 	embedded, err := shared.ParseBooleanParam(q, "embedded")
 	if err != nil {
 		http.Error(w, err.Error(), http.StatusBadRequest)
diff --git a/webapp/interop_handler_test.go b/webapp/interop_handler_test.go
index b690a54d263..2da34779310 100644
--- a/webapp/interop_handler_test.go
+++ b/webapp/interop_handler_test.go
@@ -39,6 +39,28 @@ func TestInteropHandler_redirect(t *testing.T) {
 	assert.Equal(t, loc.RawQuery, "embedded")
 }
 
+func TestInteropHandler_redirectMobile(t *testing.T) {
+	// 2021 is an invalid interop mobile year and should be redirected.
+	req := httptest.NewRequest("GET", "/interop-2021?mobile-view", strings.NewReader("{}"))
+	req = mux.SetURLVars(req, map[string]string{
+		"name":     "interop",
+		"year":     "2021",
+		"mobileView": "true",
+	})
+
+	w := httptest.NewRecorder()
+	interopHandler(w, req)
+	resp := w.Result()
+	assert.Equal(t, resp.StatusCode, http.StatusTemporaryRedirect)
+
+	loc, err := resp.Location()
+	assert.Nil(t, err)
+	// Check that the path has been properly updated to the current interop effort.
+	assert.Equal(t, loc.Path, "/interop-2024")
+	// Check if mobileView param is maintained after redirect.
+	assert.Equal(t, loc.RawQuery, "mobile-view")
+}
+
 func TestInteropHandler_redirectdefault(t *testing.T) {
 	// /interop route should redirect to the current default interop year dashboard.
 	req := httptest.NewRequest("GET", "/interop?embedded", strings.NewReader("{}"))
@@ -87,3 +109,19 @@ func TestInteropHandler_success(t *testing.T) {
 	resp := w.Result()
 	assert.Equal(t, resp.StatusCode, http.StatusOK)
 }
+
+func TestInteropHandler_mobileSuccess(t *testing.T) {
+	// A typical "/interop-20XX" path with a valid mobile year should not redirect.
+	req := httptest.NewRequest(
+		"GET", "/interop-"+defaultRedirectYear+"?mobile-view", strings.NewReader("{}"))
+	req = mux.SetURLVars(req, map[string]string{
+		"name": "interop",
+		"year": defaultRedirectYear,
+		"mobileView": "true",
+	})
+
+	w := httptest.NewRecorder()
+	interopHandler(w, req)
+	resp := w.Result()
+	assert.Equal(t, resp.StatusCode, http.StatusOK)
+}
diff --git a/webapp/static/interop-data.json b/webapp/static/interop-data.json
index 64cf38dda9b..cf216a51496 100644
--- a/webapp/static/interop-data.json
+++ b/webapp/static/interop-data.json
@@ -1,4 +1,6 @@
 {
+  "valid_years": ["2021", "2022", "2023", "2024"],
+  "valid_mobile_years": ["2024"],
   "2021": {
     "table_sections": [
       {
@@ -559,6 +561,7 @@
   },
   "2024": {
     "browsers": ["chrome_canary", "edge", "firefox", "safari"],
+    "mobile_browsers": ["chrome_android", "firefox_android"],
     "table_sections": [
       {
         "name": "Active Focus Areas",
@@ -650,7 +653,52 @@
       }
     ],
     "investigation_weight": 0.0,
+    "mobile_table_sections": [
+    {
+      "name": "Active Focus Areas",
+      "rows": [
+        "interop-2024-accessibility",
+        "interop-2024-nesting",
+        "interop-2023-property",
+        "interop-2024-dsd",
+        "interop-2024-font-size-adjust",
+        "interop-2024-websockets",
+        "interop-2024-indexeddb",
+        "interop-2024-layout",
+        "interop-2023-events",
+        "interop-2024-popover",
+        "interop-2024-relative-color",
+        "interop-2024-video-rvfc",
+        "interop-2024-scrollbar",
+        "interop-2024-starting-style-transition-behavior",
+        "interop-2024-dir",
+        "interop-2024-text-wrap",
+        "interop-2023-url"
+      ],
+      "score_as_group": false
+    }
+    ],
+    "mobile_focus_areas": [
+    "interop-2024-accessibility",
+    "interop-2024-nesting",
+    "interop-2023-property",
+    "interop-2024-dsd",
+    "interop-2024-font-size-adjust",
+    "interop-2024-websockets",
+    "interop-2024-indexeddb",
+    "interop-2024-layout",
+    "interop-2023-events",
+    "interop-2024-popover",
+    "interop-2024-relative-color",
+    "interop-2024-video-rvfc",
+    "interop-2024-scrollbar",
+    "interop-2024-starting-style-transition-behavior",
+    "interop-2024-dir",
+    "interop-2024-text-wrap",
+    "interop-2023-url"
+    ],
     "csv_url": "https://raw.githubusercontent.com/web-platform-tests/results-analysis/gh-pages/data/interop-2024/interop-2024-{stable|experimental}-v2.csv",
+    "mobile_csv_url": "https://api.github.com/repos/jgraham/interop-results/contents/2024/latest/aligned/mobile-{stable|experimental}-current.csv?ref=main",
     "summary_feature_name": "summary",
     "issue_url": "https://github.com/web-platform-tests/interop/issues/new",
     "focus_areas_description": "https://github.com/web-platform-tests/interop/blob/main/2024/README.md",