adithyavis · adithyavis · Jul 11, 2026 · Jul 9, 2026 · Jul 9, 2026 · Jul 9, 2026
diff --git a/docs/demos/.gitignore b/docs/demos/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+.expo
+dist
diff --git a/docs/demos/.npmrc b/docs/demos/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/docs/demos/App.tsx b/docs/demos/App.tsx
@@ -0,0 +1,30 @@
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { StyleSheet } from 'react-native';
+import {
+  configureReanimatedLogger,
+  ReanimatedLogLevel,
+} from 'react-native-reanimated';
+import { DEMOS } from './demos/registry';
+
+configureReanimatedLogger({ level: ReanimatedLogLevel.warn, strict: false });
+
+const DEFAULT_DEMO = 'quick-start-1';
+
+function resolveDemoKey() {
+  if (typeof window === 'undefined') return DEFAULT_DEMO;
+  const requested = new URLSearchParams(window.location.search).get('demo');
+  return requested && DEMOS[requested] ? requested : DEFAULT_DEMO;
+}
+
+export default function App() {
+  const Demo = DEMOS[resolveDemoKey()]!;
+  return (
+    <GestureHandlerRootView style={styles.flex1}>
+      <Demo />
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  flex1: { flex: 1 },
+});
diff --git a/docs/demos/app.json b/docs/demos/app.json
@@ -0,0 +1,14 @@
+{
+  "expo": {
+    "name": "Canvas Kit Demos",
+    "slug": "react-native-canvas-kit-demos",
+    "newArchEnabled": true,
+    "web": {
+      "bundler": "metro",
+      "output": "single"
+    },
+    "experiments": {
+      "baseUrl": "/react-native-canvas-kit/demos"
+    }
+  }
+}
diff --git a/docs/demos/assets/stickers/alien.png b/docs/demos/assets/stickers/alien.png
diff --git a/docs/demos/assets/stickers/balloon.png b/docs/demos/assets/stickers/balloon.png
diff --git a/docs/demos/assets/stickers/cat-love.png b/docs/demos/assets/stickers/cat-love.png
diff --git a/docs/demos/assets/stickers/crown.png b/docs/demos/assets/stickers/crown.png
diff --git a/docs/demos/assets/stickers/crystal-ball.png b/docs/demos/assets/stickers/crystal-ball.png
diff --git a/docs/demos/assets/stickers/dragon.png b/docs/demos/assets/stickers/dragon.png
diff --git a/docs/demos/assets/stickers/fire.png b/docs/demos/assets/stickers/fire.png
diff --git a/docs/demos/assets/stickers/fox.png b/docs/demos/assets/stickers/fox.png
diff --git a/docs/demos/assets/stickers/gem.png b/docs/demos/assets/stickers/gem.png
diff --git a/docs/demos/assets/stickers/ghost.png b/docs/demos/assets/stickers/ghost.png
diff --git a/docs/demos/assets/stickers/heart.png b/docs/demos/assets/stickers/heart.png
diff --git a/docs/demos/assets/stickers/panda.png b/docs/demos/assets/stickers/panda.png
diff --git a/docs/demos/assets/stickers/rainbow.png b/docs/demos/assets/stickers/rainbow.png
diff --git a/docs/demos/assets/stickers/ring.png b/docs/demos/assets/stickers/ring.png
diff --git a/docs/demos/assets/stickers/robot.png b/docs/demos/assets/stickers/robot.png
diff --git a/docs/demos/assets/stickers/rocket.png b/docs/demos/assets/stickers/rocket.png
diff --git a/docs/demos/assets/stickers/sparkles.png b/docs/demos/assets/stickers/sparkles.png
diff --git a/docs/demos/assets/stickers/star.png b/docs/demos/assets/stickers/star.png
diff --git a/docs/demos/assets/stickers/trophy.png b/docs/demos/assets/stickers/trophy.png
diff --git a/docs/demos/assets/stickers/unicorn.png b/docs/demos/assets/stickers/unicorn.png
diff --git a/docs/demos/assets/tools/eraser.png b/docs/demos/assets/tools/eraser.png
diff --git a/docs/demos/assets/tools/highlighter.png b/docs/demos/assets/tools/highlighter.png
diff --git a/docs/demos/assets/tools/marker.png b/docs/demos/assets/tools/marker.png
diff --git a/docs/demos/assets/tools/pen.png b/docs/demos/assets/tools/pen.png
diff --git a/docs/demos/assets/tools/pencil.png b/docs/demos/assets/tools/pencil.png
diff --git a/docs/demos/assets/tools/tape.png b/docs/demos/assets/tools/tape.png
diff --git a/docs/demos/babel.config.js b/docs/demos/babel.config.js
@@ -0,0 +1,6 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};