diff --git a/examples/experimental/slpk-in-browser/src/app.tsx b/examples/experimental/slpk-in-browser/src/app.tsx
index 65e21d4caa..58fe52abaa 100644
--- a/examples/experimental/slpk-in-browser/src/app.tsx
+++ b/examples/experimental/slpk-in-browser/src/app.tsx
@@ -6,7 +6,7 @@ import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
 
 import DeckGL from '@deck.gl/react';
-import {MapController, FlyToInterpolator, MapViewState} from '@deck.gl/core/typed';
+import {MapController, FlyToInterpolator, MapViewState} from '@deck.gl/core';
 
 import {COORDINATE_SYSTEM, I3SLoader, parseSLPKArchive} from '@loaders.gl/i3s';
 import {Tileset3D} from '@loaders.gl/tiles';
diff --git a/examples/experimental/slpk-in-browser/src/components/control-panel.tsx b/examples/experimental/slpk-in-browser/src/components/control-panel.tsx
index 0a8b408fea..79ea0905e0 100644
--- a/examples/experimental/slpk-in-browser/src/components/control-panel.tsx
+++ b/examples/experimental/slpk-in-browser/src/components/control-panel.tsx
@@ -15,6 +15,7 @@ const Container = styled.div`
   margin: 10px;
   line-height: 28px;
   border-radius: 8px;
+  font-size: 13px;
 `;
 
 interface ControlPanelProps {
@@ -24,6 +25,7 @@ interface ControlPanelProps {
 export const ControlPanel = ({onFileSelected}: ControlPanelProps) => {
   return (
     <Container>
+      <div>Choose *.slpk file from your filesystem</div>
       <input
         type="file"
         accept=".slpk"
diff --git a/examples/experimental/slpk-via-range-requests/src/app.tsx b/examples/experimental/slpk-via-range-requests/src/app.tsx
index 389ac8b0af..9f954c00d5 100644
--- a/examples/experimental/slpk-via-range-requests/src/app.tsx
+++ b/examples/experimental/slpk-via-range-requests/src/app.tsx
@@ -6,7 +6,7 @@ import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
 
 import DeckGL from '@deck.gl/react';
-import {MapController, FlyToInterpolator, MapViewState} from '@deck.gl/core/typed';
+import {MapController, FlyToInterpolator, MapViewState} from '@deck.gl/core';
 
 import {COORDINATE_SYSTEM, I3SLoader, parseSLPKArchive} from '@loaders.gl/i3s';
 import {Tileset3D} from '@loaders.gl/tiles';
diff --git a/examples/experimental/slpk-via-range-requests/src/components/control-panel.tsx b/examples/experimental/slpk-via-range-requests/src/components/control-panel.tsx
index 1e8a919984..a749f23d1a 100644
--- a/examples/experimental/slpk-via-range-requests/src/components/control-panel.tsx
+++ b/examples/experimental/slpk-via-range-requests/src/components/control-panel.tsx
@@ -15,6 +15,7 @@ const Container = styled.div`
   margin: 10px;
   line-height: 28px;
   border-radius: 8px;
+  font-size: 13px;
 `;
 
 interface ControlPanelProps {
@@ -25,6 +26,7 @@ export const ControlPanel = ({onFileSelected}: ControlPanelProps) => {
   const [url, setUrl] = useState<string>('')
   return (
     <Container>
+      <div>Enter SLPK file URL<br/>Server should support HEAD and range requests</div>
       <input
         type="text"
         value={url}
diff --git a/website/src/examples-sidebar.js b/website/src/examples-sidebar.js
index d24cdd1f04..9eaf84d0ce 100644
--- a/website/src/examples-sidebar.js
+++ b/website/src/examples-sidebar.js
@@ -42,6 +42,7 @@ const sidebars = {
         'i3s-building-scene-layer',
         'i3s-picking',
         'i3s-colorization-by-attributes',
+        'i3s-slpk-in-browser',
         '3d-tiles'
       ]
     },
diff --git a/website/src/examples/i3s-slpk-in-browser.mdx b/website/src/examples/i3s-slpk-in-browser.mdx
new file mode 100644
index 0000000000..4554db3667
--- /dev/null
+++ b/website/src/examples/i3s-slpk-in-browser.mdx
@@ -0,0 +1,7 @@
+# I3S Open SLPK in browser
+
+import Demo from 'examples/experimental/slpk-in-browser/src/app';
+
+<div style={{height: 'calc(100vh - var(--ifm-navbar-height))'}}>
+  <Demo />
+</div>