diff --git a/core/__tests__/__snapshots__/Library.js.snap b/core/__tests__/__snapshots__/Library.js.snap
index c646a8eb..a36e9f09 100644
--- a/core/__tests__/__snapshots__/Library.js.snap
+++ b/core/__tests__/__snapshots__/Library.js.snap
@@ -19,8 +19,9 @@ exports[`Library renders 1`] = `
       class="nanolgtq4w"
     >
       <a
-        class="nano19oao6z"
-        href="/"
+        aria-current="page"
+        class="nano19oao6z active"
+        href="#/"
       >
         Kit
       </a>
@@ -33,7 +34,16 @@ exports[`Library renders 1`] = `
     </style>
     <div
       class="nano1pfbsnd"
-    />
+    >
+      <div
+        class="nano1moj4mh"
+        height="192"
+        width="256"
+      />
+      <style>
+        .nano1moj4mh{display:grid}.nano1moj4mh{grid-template-columns:repeat(auto-fit, minmax(256px, 1fr))}.nano1moj4mh{grid-auto-rows:192px}
+      </style>
+    </div>
     <style>
       .nano1pfbsnd{flex:1 1 auto;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
     </style>
diff --git a/core/__tests__/__snapshots__/Matrix.js.snap b/core/__tests__/__snapshots__/Matrix.js.snap
index a685ed09..1fc53ff4 100644
--- a/core/__tests__/__snapshots__/Matrix.js.snap
+++ b/core/__tests__/__snapshots__/Matrix.js.snap
@@ -10,7 +10,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm gaFCZx"
+        class="sc-cHGsZl dgyxZK"
         height="128"
         stroke-width="2"
         value="0.2"
@@ -47,7 +47,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm cZnNKo"
+        class="sc-cHGsZl kHqkDi"
         height="128"
         stroke-width="2"
         value="0.2"
@@ -84,7 +84,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm dzHqn"
+        class="sc-cHGsZl iyNBzh"
         height="128"
         stroke-width="2"
         value="0.2"
@@ -121,7 +121,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm kiJDuI"
+        class="sc-cHGsZl dEoevi"
         height="128"
         stroke-width="2"
         value="0.2"
@@ -165,7 +165,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm gaFCZx"
+        class="sc-cHGsZl dgyxZK"
         height="128"
         stroke-width="2"
         value="0.25"
@@ -202,7 +202,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm cZnNKo"
+        class="sc-cHGsZl kHqkDi"
         height="128"
         stroke-width="2"
         value="0.25"
@@ -239,7 +239,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm dzHqn"
+        class="sc-cHGsZl iyNBzh"
         height="128"
         stroke-width="2"
         value="0.25"
@@ -276,7 +276,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm kiJDuI"
+        class="sc-cHGsZl dEoevi"
         height="128"
         stroke-width="2"
         value="0.25"
@@ -320,7 +320,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm gaFCZx"
+        class="sc-cHGsZl dgyxZK"
         height="128"
         stroke-width="2"
         value="0.3333333333333333"
@@ -357,7 +357,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm cZnNKo"
+        class="sc-cHGsZl kHqkDi"
         height="128"
         stroke-width="2"
         value="0.3333333333333333"
@@ -394,7 +394,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm dzHqn"
+        class="sc-cHGsZl iyNBzh"
         height="128"
         stroke-width="2"
         value="0.3333333333333333"
@@ -431,7 +431,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm kiJDuI"
+        class="sc-cHGsZl dEoevi"
         height="128"
         stroke-width="2"
         value="0.3333333333333333"
@@ -475,7 +475,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm gaFCZx"
+        class="sc-cHGsZl dgyxZK"
         height="128"
         stroke-width="2"
         value="0.75"
@@ -512,7 +512,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm cZnNKo"
+        class="sc-cHGsZl kHqkDi"
         height="128"
         stroke-width="2"
         value="0.75"
@@ -549,7 +549,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm dzHqn"
+        class="sc-cHGsZl iyNBzh"
         height="128"
         stroke-width="2"
         value="0.75"
@@ -586,7 +586,7 @@ exports[`Matrix renders all examples 1`] = `
       w="512"
     >
       <svg
-        class="sc-eqIVtm kiJDuI"
+        class="sc-cHGsZl dEoevi"
         height="128"
         stroke-width="2"
         value="0.75"
diff --git a/core/examples/Library.js b/core/examples/Library.js
index ab806e29..3140ee00 100644
--- a/core/examples/Library.js
+++ b/core/examples/Library.js
@@ -38,9 +38,7 @@ import {
 
 const Demo = props => (
   <Provider>
-    <Library
-      useFrame={false}
-      basename="/Library">
+    <Library useFrame={false}>
 
       {/* renders in iframe when useFrame is true */}
       <Head>
diff --git a/core/src/Library.js b/core/src/Library.js
index 913d0fea..c47a98ba 100644
--- a/core/src/Library.js
+++ b/core/src/Library.js
@@ -2,8 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import nano from 'nano-style'
 import {
-  BrowserRouter,
-  StaticRouter,
+  HashRouter,
   Route,
   NavLink,
   Link,
@@ -64,16 +63,14 @@ const NavItem = nano(NavLink)({
   }
 })
 
-const Router = typeof document !== 'undefined' ? BrowserRouter : StaticRouter
-
 export class Library extends React.Component {
   render() {
     const { basename, ...props } = this.props
 
     return (
-      <Router basename={basename} context={{}}>
+      <HashRouter basename={basename}>
         <LibraryApp {...props} />
-      </Router>
+      </HashRouter>
     )
   }
 }