diff --git a/.syncpackrc.json b/.syncpackrc.json
index 96c40c68..a8ec0c49 100644
--- a/.syncpackrc.json
+++ b/.syncpackrc.json
@@ -1,9 +1,9 @@
 {
   "versionGroups": [
     {
-      "label": "React is pinned for all demos (19.x is required by @react-three/fiber 9)",
+      "label": "React is pinned for all examples (19.x is required by @react-three/fiber 9)",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "react",
@@ -12,9 +12,9 @@
       "pinVersion": "19.2.8"
     },
     {
-      "label": "React types are pinned for all demos",
+      "label": "React types are pinned for all examples",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "@types/react"
@@ -22,9 +22,9 @@
       "pinVersion": "19.2.17"
     },
     {
-      "label": "React DOM types are pinned for all demos",
+      "label": "React DOM types are pinned for all examples",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "@types/react-dom"
@@ -34,7 +34,7 @@
     {
       "label": "three is pinned: the @splinetool/loader patch is keyed to r165, and postprocessing 6.36.6 needs < 0.173",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "three"
@@ -44,7 +44,7 @@
     {
       "label": "@react-three/fiber is pinned: 9.x is the React 19 line, and a caret could raise the three floor",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "@react-three/fiber"
@@ -54,7 +54,7 @@
     {
       "label": "@react-three/drei is pinned: 10.x is the line matching @react-three/fiber 9",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "@react-three/drei"
@@ -62,9 +62,9 @@
       "pinVersion": "10.7.7"
     },
     {
-      "label": "Update lamina to 1.2.2 for all demos.",
+      "label": "Update lamina to 1.2.2 for all examples.",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "lamina"
@@ -74,7 +74,7 @@
     {
       "label": "postprocessing is pinned to the last release accepting three 0.165 (6.36.7+ needs >= 0.174); pnpm.overrides pins the transitive copy too",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "postprocessing"
@@ -82,9 +82,9 @@
       "pinVersion": "6.36.6"
     },
     {
-      "label": "suspend-react is pinned for all demos (the suspend(promise) pattern requires >= 0.1.3)",
+      "label": "suspend-react is pinned for all examples (the suspend(promise) pattern requires >= 0.1.3)",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "suspend-react"
@@ -94,7 +94,7 @@
     {
       "label": "@splinetool/loader is pinned to the last release that parses the repo's 2022-era .splinecode scenes (0.9.156+ silently fall back to a default gray material or crash; the three-r165 pnpm patch is keyed to this exact version)",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "@splinetool/loader"
@@ -102,9 +102,9 @@
       "pinVersion": "0.9.153"
     },
     {
-      "label": "Demos must use identical versions of shared dependencies",
+      "label": "Examples must use identical versions of shared dependencies",
       "packages": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencies": [
         "@react-three/postprocessing",
@@ -145,7 +145,7 @@
     {
       "label": "Workspace deps use workspace protocol",
       "dependencies": [
-        "@demo/**"
+        "@example/**"
       ],
       "dependencyTypes": [
         "prod"
diff --git a/AGENTS.md b/AGENTS.md
index 842c66f2..457b564f 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -22,7 +22,7 @@ Single-context: one `CONTEXT.md` + `docs/adr/` at the repo root (created lazily
 
 **`components/ui/*` is vendored, not ours — never edit it.** Those files must stay what the registry emits (modulo `prettier`, which the repo runs over everything), so that `shadcn@latest add <component> --overwrite` is always a safe no-op and any of them can be swapped for the stock version tomorrow. If a component doesn't do what you need, the fix goes at the call site — `className` for layout, the built-in `variant`/`size` props for looks, composition (wrap it, or use `asChild`) for behaviour — or into the theme tokens in `app/globals.css`. Never into the component file. If you genuinely cannot express it from outside, write your own component next to it under `components/` rather than forking the vendored one.
 
-**The colour tokens are Material Design 3.** Every shadcn token in `app/globals.css` reads an `--md-sys-color-*` role, and [`material-theme-builder`](https://github.com/abernier/material-theme-builder) derives all of them from one source hex. Retuning the palette means changing `MCU_SOURCE` in `app/layout.tsx` — or the `scheme` / `contrast` / core-colour overrides in the `builder()` call next to it — never editing a token by hand. The site runs `scheme: "monochrome"`, which derives every role from the source's _tone_ alone and discards its hue: the chrome is greyscale on purpose, so that the only colour on a demo page is the demo. `MCU_SOURCE` still matters — swap the scheme and the mint comes straight back. Anything the m3 roles don't cover belongs in that call's `customColors`, which mints `--md-sys-color-<name>` and a matching `-on-` foreground.
+**The colour tokens are Material Design 3.** Every shadcn token in `app/globals.css` reads an `--md-sys-color-*` role, and [`material-theme-builder`](https://github.com/abernier/material-theme-builder) derives all of them from one source hex. Retuning the palette means changing `MCU_SOURCE` in `app/layout.tsx` — or the `scheme` / `contrast` / core-colour overrides in the `builder()` call next to it — never editing a token by hand. The site runs `scheme: "monochrome"`, which derives every role from the source's _tone_ alone and discards its hue: the chrome is greyscale on purpose, so that the only colour on a example page is the example. `MCU_SOURCE` still matters — swap the scheme and the mint comes straight back. Anything the m3 roles don't cover belongs in that call's `customColors`, which mints `--md-sys-color-<name>` and a matching `-on-` foreground.
 
 **It has to stay a build-time call.** `layout.tsx` is a server component, so `builder(...).toCss()` runs once at build and the CSS ships inside the prerendered HTML. Don't move it into a client component, and don't reach for the package's `<Mcu>`: this app is `output: "export"`, so the browser paints the whole page well before hydration, and anything that supplies the colours later gives you a frame with none of them. Verify a change here by grepping the built `out/index.html` for `--md-sys-color-surface:` — not just by looking at the running app, where hydration hides the gap.
 
@@ -30,6 +30,6 @@ Two things to know before styling:
 
 - **The whole app is on Tailwind.** There is no `<Style>` component and no `@scope` block left anywhere in `apps/website` — every rule is a utility at its call site, a `components/ui/*` variant, or a token in `app/globals.css`. Don't reintroduce injected `<style>`: it lands unlayered, so it outranks Preflight _and_ every utility, and a rule that always wins is a rule nobody can override from a call site. The two things utilities can't express — the source-of-truth palette, and Preflight itself — already have homes in `globals.css`.
 - **Sources are declared explicitly.** Tailwind's automatic source detection finds nothing in this app, so `app/globals.css` lists `@source` entries. Add one if you put components somewhere new.
-- **A repeated group of controls is one tab stop, not N.** `hooks/use-roving-tabindex.ts` gives the demo list and the demo bar a roving tabindex — arrows move within the group, Tab moves past it. The whole site is six tab stops; if you add a control, check it is not a seventh hiding inside one of those groups. Hand the hook the container's ref and spread what it returns.
+- **A repeated group of controls is one tab stop, not N.** `hooks/use-roving-tabindex.ts` gives the example list and the example bar a roving tabindex — arrows move within the group, Tab moves past it. The whole site is six tab stops; if you add a control, check it is not a seventh hiding inside one of those groups. Hand the hook the container's ref and spread what it returns.
 
-`demos/` is deliberately Tailwind-free; don't introduce it there.
+`examples/` is deliberately Tailwind-free; don't introduce it there.
diff --git a/README.md b/README.md
index 194e4dd8..14e439e4 100644
--- a/README.md
+++ b/README.md
@@ -1,22 +1,22 @@
-index: [demos](demos)
+index: [examples](examples)
 
-To use a given [`basic-demo`](demos/basic-demo) as a template for a new
+To use a given [`basic-example`](examples/basic-example) as a template for a new
 `myproject`:
 
 ```sh
-$ npx degit pmndrs/examples/demos/basic-demo myproject
+$ npx degit pmndrs/examples/examples/basic-example myproject
 $ code myproject
 ```
 
-## Demo metadata
+## Example metadata
 
-Every demo has a `pmndrs.json` file containing the catalog metadata used by the
+Every example has a `pmndrs.json` file containing the catalog metadata used by the
 website:
 
 ```json
 {
   "$schema": "../../schemas/pmndrs.schema.json",
-  "title": "Basic Demo",
+  "title": "Basic Example",
   "description": "Shows how to form self-contained components with their own state and user interaction.",
   "tags": ["interaction", "pointer-events"],
   "authors": [],
@@ -27,7 +27,7 @@ website:
 ```
 
 Use package names for `libraries`; each entry must also be a dependency of the
-demo. `publishedAt` is optional and uses `YYYY-MM-DD` when the original
+example. `publishedAt` is optional and uses `YYYY-MM-DD` when the original
 publication date is known. Add externally sourced models, textures, fonts,
 audio, and other assets to `assets` with their creator, source, and license when
 available.
@@ -73,7 +73,7 @@ Then `npx serve out`.
 
 This will:
 
-1. execute `^build2` which will `vite build` each `demos/*` with:
+1. execute `^build2` which will `vite build` each `examples/*` with:
 
 - a `--base` set to `${BASE_PATH}/${app_name}`
 - a custom vite `--config`, whith a `monkey()` plugin that will:
diff --git a/apps/website/app/demos/[demoname]/Dev.tsx b/apps/website/app/examples/[examplename]/Dev.tsx
similarity index 91%
rename from apps/website/app/demos/[demoname]/Dev.tsx
rename to apps/website/app/examples/[examplename]/Dev.tsx
index 8c06fe06..070983b9 100644
--- a/apps/website/app/demos/[demoname]/Dev.tsx
+++ b/apps/website/app/examples/[examplename]/Dev.tsx
@@ -2,10 +2,10 @@
 
 import { useRouter } from "next/navigation";
 
-export function Dev({ demoname }: { demoname: string }) {
+export function Dev({ examplename }: { examplename: string }) {
   const { refresh } = useRouter();
 
-  const cmd = `pnpm --filter @demo/${demoname} dev3`;
+  const cmd = `pnpm --filter @example/${examplename} dev3`;
 
   return (
     /* Was two rules in two files: the box (`h-full`, the padding, the
@@ -21,7 +21,7 @@ export function Dev({ demoname }: { demoname: string }) {
        that it sits against the left edge. */
     <div className="mx-auto grid h-full w-[min(100%,46rem)] place-items-center p-4">
       <div className="grid justify-items-start gap-4">
-        <p>Start this demo with :</p>
+        <p>Start this example with :</p>
         {/* `relative` for the copy link, which hangs off the top-right corner
             rather than sitting in the flow above it. */}
         <pre
diff --git a/apps/website/app/demos/[demoname]/Info.tsx b/apps/website/app/examples/[examplename]/Info.tsx
similarity index 89%
rename from apps/website/app/demos/[demoname]/Info.tsx
rename to apps/website/app/examples/[examplename]/Info.tsx
index 27cccb5b..091ef95b 100644
--- a/apps/website/app/demos/[demoname]/Info.tsx
+++ b/apps/website/app/examples/[examplename]/Info.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 import { RxInfoCircled } from "react-icons/rx";
 
 import { getLibraryLabel } from "@/const/libraries";
-import type { Demo } from "@/lib/helper";
+import type { Example } from "@/lib/helper";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -48,9 +48,9 @@ function Section({ title, children }: { title: string; children: ReactNode }) {
   );
 }
 
-export function Info({ demo }: { demo: Demo }) {
+export function Info({ example }: { example: Example }) {
   const libraryLabels = Array.from(
-    new Set(demo.libraries.map(getLibraryLabel)),
+    new Set(example.libraries.map(getLibraryLabel)),
   );
 
   return (
@@ -68,7 +68,7 @@ export function Info({ demo }: { demo: Demo }) {
                    plain `lg` would add the text sizes' horizontal padding and
                    stretch the disc into a lozenge. */
                 size="icon-lg"
-                aria-label="Show demo info"
+                aria-label="Show example info"
                 /* `secondary` reads the same open or shut; the panel is
                    anchored to this button, so it should look pressed while the
                    panel is up. */
@@ -96,28 +96,28 @@ export function Info({ demo }: { demo: Demo }) {
         className="max-h-(--radix-popover-content-available-height) w-[min(24rem,calc(100dvw-1.5rem))] overflow-y-auto overscroll-contain rounded-xl border border-border backdrop-blur-sm duration-200"
       >
         <PopoverHeader>
-          <PopoverTitle>{demo.title}</PopoverTitle>
-          {demo.description && (
-            <PopoverDescription>{demo.description}</PopoverDescription>
+          <PopoverTitle>{example.title}</PopoverTitle>
+          {example.description && (
+            <PopoverDescription>{example.description}</PopoverDescription>
           )}
         </PopoverHeader>
 
-        {demo.authors.length > 0 && (
-          <Section title={demo.authors.length > 1 ? "Authors" : "Author"}>
-            <p>{demo.authors.join(", ")}</p>
+        {example.authors.length > 0 && (
+          <Section title={example.authors.length > 1 ? "Authors" : "Author"}>
+            <p>{example.authors.join(", ")}</p>
           </Section>
         )}
 
-        {demo.publishedAt && (
+        {example.publishedAt && (
           <Section title="Published">
-            <p>{formatDate(demo.publishedAt)}</p>
+            <p>{formatDate(example.publishedAt)}</p>
           </Section>
         )}
 
-        {demo.tags.length > 0 && (
+        {example.tags.length > 0 && (
           <Section title="Tags">
             <ul className="flex flex-wrap gap-1">
-              {demo.tags.map((tag) => (
+              {example.tags.map((tag) => (
                 <Badge key={tag} variant="secondary" asChild>
                   <li>{tag}</li>
                 </Badge>
@@ -138,7 +138,7 @@ export function Info({ demo }: { demo: Demo }) {
           </Section>
         )}
 
-        {demo.assets.length > 0 && (
+        {example.assets.length > 0 && (
           <Section title="Assets">
             {/* The one part of the panel that is a list of *things* rather than
                 a value: each asset has a name, someone it is by, and terms it
@@ -146,7 +146,7 @@ export function Info({ demo }: { demo: Demo }) {
                 used to. `muted` rather than `outline` — the panel is already a
                 surface, and a border inside it would read as a second one. */}
             <ItemGroup>
-              {demo.assets.map((asset) => (
+              {example.assets.map((asset) => (
                 <Item key={asset.name} variant="muted" size="xs">
                   <ItemContent>
                     <ItemTitle>
diff --git a/apps/website/app/demos/[demoname]/Social.tsx b/apps/website/app/examples/[examplename]/Social.tsx
similarity index 91%
rename from apps/website/app/demos/[demoname]/Social.tsx
rename to apps/website/app/examples/[examplename]/Social.tsx
index 75be9706..bf332e0c 100644
--- a/apps/website/app/demos/[demoname]/Social.tsx
+++ b/apps/website/app/examples/[examplename]/Social.tsx
@@ -16,10 +16,10 @@ import {
 import { useRovingTabIndex } from "@/hooks/use-roving-tabindex";
 
 export function Social({
-  demoname,
+  examplename,
   embed_url,
 }: {
-  demoname: string;
+  examplename: string;
   embed_url: string;
 }) {
   const groupRef = useRef<HTMLDivElement>(null);
@@ -27,7 +27,7 @@ export function Social({
      buttons would otherwise be five stops for what is visibly a single pill. */
   const roving = useRovingTabIndex(groupRef, { orientation: "horizontal" });
 
-  const command = `npx -y degit pmndrs/examples/demos/${demoname} ${demoname} && cd ${demoname} && npm i && npm run dev`;
+  const command = `npx -y degit pmndrs/examples/examples/${examplename} ${examplename} && cd ${examplename} && npm i && npm run dev`;
 
   const handleClick = async () => {
     await navigator.clipboard.writeText(command);
@@ -36,7 +36,7 @@ export function Social({
       description: (
         <div className="flex min-w-0 flex-col gap-2">
           <span>
-            Paste in your terminal to install <strong>{demoname}</strong>{" "}
+            Paste in your terminal to install <strong>{examplename}</strong>{" "}
             locally.
           </span>
           <code className="rounded-sm bg-muted px-2 py-1 font-mono text-[0.7rem] leading-relaxed break-all whitespace-pre-wrap">
@@ -55,17 +55,17 @@ export function Social({
     {
       label: "code",
       icon: <SiGithub />,
-      href: `https://github.com/pmndrs/examples/tree/main/demos/${demoname}`,
+      href: `https://github.com/pmndrs/examples/tree/main/examples/${examplename}`,
     },
     {
       label: "stackblitz",
       icon: <SiStackblitz />,
-      href: `https://stackblitz.com/github/pmndrs/examples/tree/main/demos/${demoname}`,
+      href: `https://stackblitz.com/github/pmndrs/examples/tree/main/examples/${examplename}`,
     },
     {
       label: "codesandbox",
       icon: <SiCodesandbox />,
-      href: `https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/${demoname}`,
+      href: `https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/${examplename}`,
     },
     { label: "degit", icon: <GoCommandPalette /> },
   ];
@@ -73,7 +73,7 @@ export function Social({
   return (
     /* `ButtonGroup` is a div, so the landmark has to come from somewhere: four
        of the five entries leave the page. */
-    <nav aria-label="Demo links">
+    <nav aria-label="Example links">
       {/* The group draws no box of its own — the buttons, sitting flush, are
           the pill. It only needs the matching radius so the shadow traces that
           pill rather than the rectangle around it.
diff --git a/apps/website/app/demos/[demoname]/layout.tsx b/apps/website/app/examples/[examplename]/layout.tsx
similarity index 78%
rename from apps/website/app/demos/[demoname]/layout.tsx
rename to apps/website/app/examples/[examplename]/layout.tsx
index e34fc49f..bf90f8ba 100644
--- a/apps/website/app/demos/[demoname]/layout.tsx
+++ b/apps/website/app/examples/[examplename]/layout.tsx
@@ -9,11 +9,11 @@ export default function Layout({
   params: ComponentProps<typeof Page>["params"];
   children: React.ReactNode;
 }>) {
-  // const { demoname } = params;
+  // const { examplename } = params;
 
   return (
     /* `min-h-0`/`min-w-0` against the grid item's `auto` minimum: without them
-       a demo taller than the viewport grows this box instead of being scaled
+       a example taller than the viewport grows this box instead of being scaled
        down inside it. */
     <div className="grid h-full min-h-0 w-full min-w-0">{children}</div>
   );
diff --git a/apps/website/app/demos/[demoname]/page.tsx b/apps/website/app/examples/[examplename]/page.tsx
similarity index 59%
rename from apps/website/app/demos/[demoname]/page.tsx
rename to apps/website/app/examples/[examplename]/page.tsx
index d85aa498..67774d31 100644
--- a/apps/website/app/demos/[demoname]/page.tsx
+++ b/apps/website/app/examples/[examplename]/page.tsx
@@ -1,26 +1,26 @@
 import { notFound } from "next/navigation";
 
-import { ScaledDemoFrame } from "@/components/ScaledDemoFrame";
-import { getDemos } from "@/lib/helper";
+import { ScaledExampleFrame } from "@/components/ScaledExampleFrame";
+import { getExamples } from "@/lib/helper";
 import { Dev } from "./Dev";
 import { TooltipProvider } from "@/components/ui/tooltip";
 
 import { Social } from "./Social";
 import { Info } from "./Info";
 
-const demos = getDemos();
+const examples = getExamples();
 
 export type Props = {
-  params: Promise<{ demoname: string }>;
+  params: Promise<{ examplename: string }>;
 };
 
 export async function generateMetadata({ params }: Props) {
-  const { demoname } = await params;
-  const demo = demos.find(({ name }) => name === demoname);
-  if (!demo) return;
+  const { examplename } = await params;
+  const example = examples.find(({ name }) => name === examplename);
+  if (!example) return;
 
-  const title = `${demo.title} - pmndrs`;
-  const description = demo.description;
+  const title = `${example.title} - pmndrs`;
+  const description = example.description;
 
   return {
     title,
@@ -28,13 +28,13 @@ export async function generateMetadata({ params }: Props) {
     openGraph: {
       title,
       description,
-      url: demo.website_url,
+      url: example.website_url,
       images: [
         {
-          url: demo.thumb,
+          url: example.thumb,
           // width: 800,
           // height: 600,
-          alt: `${demo.title} capture of the demo`,
+          alt: `${example.title} capture of the example`,
         },
       ],
       type: "website",
@@ -43,8 +43,8 @@ export async function generateMetadata({ params }: Props) {
 }
 
 export async function generateStaticParams() {
-  return demos.map(({ name }) => ({
-    demoname: name,
+  return examples.map(({ name }) => ({
+    examplename: name,
   }));
 }
 
@@ -60,11 +60,11 @@ async function checkUrlIsUp(url: string) {
 const isDev = process.env.NODE_ENV === "development";
 
 export default async function Page(props: Props) {
-  const { demoname } = await props.params;
-  const demo = demos.find(({ name }) => name === demoname);
-  if (!demo) return notFound();
+  const { examplename } = await props.params;
+  const example = examples.find(({ name }) => name === examplename);
+  if (!example) return notFound();
 
-  const { embed_url } = demo;
+  const { embed_url } = example;
 
   let isUp;
   if (isDev) {
@@ -75,11 +75,11 @@ export default async function Page(props: Props) {
   return (
     <>
       {isDev && !isUp ? (
-        <Dev demoname={demoname} />
+        <Dev examplename={examplename} />
       ) : (
         <>
           <div className="h-full min-h-0 w-full min-w-0">
-            <ScaledDemoFrame src={embed_url} title={demo.title} />
+            <ScaledExampleFrame src={embed_url} title={example.title} />
           </div>
 
           {/* Both pills label themselves through `Tooltip`, which needs a
@@ -87,8 +87,8 @@ export default async function Page(props: Props) {
               nav, and this bar is nowhere near it. */}
           <TooltipProvider>
             <div className="fixed top-3 right-3 z-3 flex items-start gap-2">
-              <Info key={demoname} demo={demo} />
-              <Social demoname={demoname} embed_url={embed_url} />
+              <Info key={examplename} example={example} />
+              <Social examplename={examplename} embed_url={embed_url} />
             </div>
           </TooltipProvider>
         </>
diff --git a/apps/website/app/layout.tsx b/apps/website/app/layout.tsx
index 7bdb688d..bcfbe5f4 100644
--- a/apps/website/app/layout.tsx
+++ b/apps/website/app/layout.tsx
@@ -2,14 +2,14 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import Nav from "@/components/Nav";
-import { getDemos } from "@/lib/helper";
+import { getExamples } from "@/lib/helper";
 import { ThemeProvider } from "@/components/ThemeProvider";
 import { Toaster } from "@/components/ui/sonner";
 import { cn } from "@/lib/utils";
 import { builder } from "material-theme-builder";
 
 const inter = Inter({ subsets: ["latin"] });
-const demos = getDemos();
+const examples = getExamples();
 
 /**
  * The one hex the whole palette hangs off -- poimandres' signature mint.
@@ -58,7 +58,7 @@ export default function RootLayout({
           as `--sidebar-width`, which the component writes inline, so a media
           query can only reach it through a variable like this one; `--main-p`
           is `main`'s padding below, and so the whole of the clear space
-          between the rail and the demo, which the Show/Hide toggle straddles. */}
+          between the rail and the example, which the Show/Hide toggle straddles. */}
       <body
         className={cn(
           inter.className,
@@ -86,11 +86,11 @@ export default function RootLayout({
               (() => {
                 const storageKey = "nav-collapsed";
                 const parts = window.location.pathname.split("/").filter(Boolean);
-                const demosIndex = parts.indexOf("demos");
-                const hasDemoSelected = demosIndex !== -1 && !!parts[demosIndex + 1];
+                const examplesIndex = parts.indexOf("examples");
+                const hasExampleSelected = examplesIndex !== -1 && !!parts[examplesIndex + 1];
                 const nav = new URLSearchParams(window.location.search).get("nav");
                 const collapsed =
-                  !hasDemoSelected ? false : nav === "closed" ? true : nav === "open" ? false : localStorage.getItem(storageKey) === "1";
+                  !hasExampleSelected ? false : nav === "closed" ? true : nav === "open" ? false : localStorage.getItem(storageKey) === "1";
                 document.documentElement.toggleAttribute("data-nav-collapsed", collapsed);
               })();
             `,
@@ -103,7 +103,7 @@ export default function RootLayout({
           enableSystem={false}
           disableTransitionOnChange
         >
-          <Nav demos={demos} />
+          <Nav examples={examples} />
           <main className="grid h-dvh min-w-0 flex-1 place-items-center overflow-hidden p-(--main-p)">
             {children}
           </main>
diff --git a/apps/website/app/page.tsx b/apps/website/app/page.tsx
index a614327d..d64129d0 100644
--- a/apps/website/app/page.tsx
+++ b/apps/website/app/page.tsx
@@ -1,7 +1,7 @@
 export default function Page() {
   return (
     <div className="flex min-h-dvh w-full items-center justify-center">
-      Select a demo
+      Select a example
     </div>
   );
 }
diff --git a/apps/website/components/Nav.tsx b/apps/website/components/Nav.tsx
index 550435f7..986a00b0 100644
--- a/apps/website/components/Nav.tsx
+++ b/apps/website/components/Nav.tsx
@@ -22,7 +22,7 @@ import {
 
 import { getLibraryLabel, getLibraryPopularity } from "@/const/libraries";
 import { useRovingTabIndex } from "@/hooks/use-roving-tabindex";
-import type { Demo } from "@/lib/helper";
+import type { Example } from "@/lib/helper";
 import { cn } from "@/lib/utils";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -71,7 +71,7 @@ const ALL_LIBRARIES = "__all__";
  * part of the SidebarContent scroller. One observer handles the whole list;
  * importantly, the hook reruns when Radix mounts the mobile Sheet's list.
  */
-function useNearbyDemos(list: HTMLUListElement | null) {
+function useNearbyExamples(list: HTMLUListElement | null) {
   const [nearby, setNearby] = useState<ReadonlySet<string>>(() => new Set());
 
   useEffect(() => {
@@ -80,13 +80,15 @@ function useNearbyDemos(list: HTMLUListElement | null) {
       return;
     }
 
-    const items = Array.from(list.querySelectorAll<HTMLElement>("[data-demo]"));
+    const items = Array.from(
+      list.querySelectorAll<HTMLElement>("[data-example]"),
+    );
 
     if (!("IntersectionObserver" in window)) {
       setNearby(
         new Set(
           items.flatMap((item) =>
-            item.dataset.demo ? [item.dataset.demo] : [],
+            item.dataset.example ? [item.dataset.example] : [],
           ),
         ),
       );
@@ -101,7 +103,7 @@ function useNearbyDemos(list: HTMLUListElement | null) {
           let changed = false;
 
           for (const entry of entries) {
-            const name = (entry.target as HTMLElement).dataset.demo;
+            const name = (entry.target as HTMLElement).dataset.example;
             if (!name) continue;
 
             if (entry.isIntersecting && !next.has(name)) {
@@ -174,7 +176,7 @@ function NavToggle() {
       variant="secondary"
       size="lg"
       onClick={toggleSidebar}
-      aria-label={shown ? "Hide demos" : "Show demos"}
+      aria-label={shown ? "Hide examples" : "Show examples"}
       aria-pressed={shown}
       className={cn(
         /* `inset-y-0` + `my-auto` centres the capsule without a Y transform.
@@ -183,9 +185,9 @@ function NavToggle() {
         "absolute inset-y-0 right-0 z-20 my-auto h-22 w-11 flex-col gap-1.5 rounded-full px-0 text-[0.6rem] leading-none shadow-2xl transition-transform duration-[250ms] ease-out [--secondary:var(--card)] active:not-aria-[haspopup]:translate-y-0 [&_svg]:size-3",
         shown
           ? /* Right edge halfway across the gutter between the rail and the
-               demo — which is `main`'s padding, since the two are flush. Half
+               example — which is `main`'s padding, since the two are flush. Half
                its own width would put the edge at 22px, past the gutter's
-               midpoint and nearly onto the demo. The collapsed offsets below
+               midpoint and nearly onto the example. The collapsed offsets below
                are a different measure: there the wrapper has no width, so they
                are just how much sliver is left against the page edge. */
             "translate-x-[calc(var(--main-p)/2)]"
@@ -210,16 +212,16 @@ function NavToggle() {
 }
 
 export default function Nav({
-  demos,
+  examples,
   className,
   style,
   ...props
-}: { demos: Demo[] } & ComponentProps<"div">) {
+}: { examples: Example[] } & ComponentProps<"div">) {
   const ulRef = useRef<ElementRef<"ul">>(null);
   const [listElement, setListElement] = useState<HTMLUListElement | null>(null);
   const roving = useRovingTabIndex(ulRef);
   const searchRef = useRef<HTMLInputElement>(null);
-  const nearbyDemos = useNearbyDemos(listElement);
+  const nearbyExamples = useNearbyExamples(listElement);
 
   const setListRef = useCallback((node: HTMLUListElement | null) => {
     ulRef.current = node;
@@ -243,18 +245,19 @@ export default function Nav({
   const libraryOptions = useMemo(() => {
     const popularityByLabel = new Map<string, number>();
     const usageByLabel = new Map<string, number>();
-    const libraries = new Set(demos.flatMap((demo) => demo.libraries));
+    const libraries = new Set(examples.flatMap((example) => example.libraries));
 
-    libraries.forEach((demoLibrary) => {
-      const label = getLibraryLabel(demoLibrary);
+    libraries.forEach((exampleLibrary) => {
+      const label = getLibraryLabel(exampleLibrary);
       popularityByLabel.set(
         label,
-        (popularityByLabel.get(label) ?? 0) + getLibraryPopularity(demoLibrary),
+        (popularityByLabel.get(label) ?? 0) +
+          getLibraryPopularity(exampleLibrary),
       );
     });
 
-    demos.forEach((demo) => {
-      const labels = new Set(demo.libraries.map(getLibraryLabel));
+    examples.forEach((example) => {
+      const labels = new Set(example.libraries.map(getLibraryLabel));
       labels.forEach((label) => {
         usageByLabel.set(label, (usageByLabel.get(label) ?? 0) + 1);
       });
@@ -268,21 +271,21 @@ export default function Nav({
           labelA.localeCompare(labelB),
       )
       .map(([label]) => label);
-  }, [demos]);
+  }, [examples]);
 
-  const filteredDemos = useMemo(() => {
+  const filteredExamples = useMemo(() => {
     const terms = search
       .trim()
       .toLocaleLowerCase()
       .split(/\s+/)
       .filter(Boolean);
 
-    return demos
-      .filter((demo) => {
+    return examples
+      .filter((example) => {
         if (
           library &&
-          !demo.libraries.some(
-            (demoLibrary) => getLibraryLabel(demoLibrary) === library,
+          !example.libraries.some(
+            (exampleLibrary) => getLibraryLabel(exampleLibrary) === library,
           )
         ) {
           return false;
@@ -291,20 +294,22 @@ export default function Nav({
         if (terms.length === 0) return true;
 
         const searchableText = [
-          demo.name,
-          demo.title,
-          demo.description,
-          ...demo.tags,
-          ...demo.authors,
-          ...demo.libraries.map(getLibraryLabel),
+          example.name,
+          example.title,
+          example.description,
+          ...example.tags,
+          ...example.authors,
+          ...example.libraries.map(getLibraryLabel),
         ]
           .join(" ")
           .toLocaleLowerCase();
 
         return terms.every((term) => searchableText.includes(term));
       })
-      .sort((demoA, demoB) => Number(demoB.isNew) - Number(demoA.isNew));
-  }, [demos, library, search]);
+      .sort(
+        (exampleA, exampleB) => Number(exampleB.isNew) - Number(exampleA.isNew),
+      );
+  }, [examples, library, search]);
 
   const focusSearch = useCallback(
     (select = false) => {
@@ -383,7 +388,7 @@ export default function Nav({
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [dismissSearch, focusSearch, libraryOpen, search, searchVisible]);
 
-  const { demoname } = useParams();
+  const { examplename } = useParams();
 
   /* `data-nav-collapsed` is put on <html> before first paint by the inline
      script in `app/layout.tsx` — the only way a statically exported page can
@@ -403,10 +408,11 @@ export default function Nav({
 
   const firstRef = useRef(true);
   useEffect(() => {
-    const hasDemoSelected = typeof demoname === "string" && demoname.length > 0;
-    if (!hasDemoSelected) return;
+    const hasExampleSelected =
+      typeof examplename === "string" && examplename.length > 0;
+    if (!hasExampleSelected) return;
     const li = ulRef.current?.querySelector(
-      `[data-demo="${CSS.escape(demoname)}"]`,
+      `[data-example="${CSS.escape(examplename)}"]`,
     );
     if (li)
       li.scrollIntoView({
@@ -415,7 +421,7 @@ export default function Nav({
         behavior: firstRef.current ? "instant" : "smooth",
       });
     firstRef.current = false;
-  }, [demoname, filteredDemos]);
+  }, [examplename, filteredExamples]);
 
   return (
     <SidebarProvider
@@ -425,7 +431,7 @@ export default function Nav({
          rail width has to arrive the same way. On desktop this wrapper owns
          the entire collapse motion, matching the old implementation: its
          width stays fixed and a negative inline margin gives that space back
-         to the demo. The stock Sidebar gap and panel remain static inside it,
+         to the example. The stock Sidebar gap and panel remain static inside it,
          avoiding simultaneous width + left animations. Mobile still uses the
          component's Sheet branch and ignores the desktop-only margin. */
       style={
@@ -464,7 +470,7 @@ export default function Nav({
                 onFocus={() => setSearchOpen(true)}
                 placeholder="Search examples"
                 aria-label="Search examples"
-                aria-controls="demo-list"
+                aria-controls="example-list"
                 aria-describedby="search-results"
                 className="[&::-webkit-search-cancel-button]:hidden"
               />
@@ -473,7 +479,7 @@ export default function Nav({
               </InputGroupAddon>
               <InputGroupAddon align="inline-end">
                 <InputGroupText className="text-xs tabular-nums">
-                  {filteredDemos.length}
+                  {filteredExamples.length}
                 </InputGroupText>
                 <InputGroupButton
                   size="icon-xs"
@@ -541,7 +547,7 @@ export default function Nav({
             </div>
           )}
           <span id="search-results" className="sr-only" aria-live="polite">
-            {filteredDemos.length} examples
+            {filteredExamples.length} examples
           </span>
         </SidebarHeader>
 
@@ -559,24 +565,24 @@ export default function Nav({
                  otherwise the ~160 cards sit between the filter row and
                  everything after the rail. */
               {...roving}
-              id="demo-list"
+              id="example-list"
               /* The block padding is not decoration: the selected card's ring
                  sits outside its border box, and the scroller would clip it on
                  the first and last item without it. The inline half of it moved
                  up to `SidebarContent`, so the header lines up with the list. */
               className="flex flex-col gap-3 py-2"
             >
-              {filteredDemos.map(
+              {filteredExamples.map(
                 ({ name, title, thumb, isNew, tags }, index) => {
                   const renderDetails =
                     index < INITIAL_THUMBNAILS ||
-                    nearbyDemos.has(name) ||
-                    demoname === name;
+                    nearbyExamples.has(name) ||
+                    examplename === name;
 
                   return (
                     <li
                       key={thumb}
-                      data-demo={name}
+                      data-example={name}
                       className="transition-transform duration-[1078ms] ease-expressive active:scale-97"
                     >
                       <Item
@@ -584,13 +590,15 @@ export default function Nav({
                         variant="default"
                         className={cn(
                           "relative overflow-hidden rounded-md bg-card p-0 transition-[color,box-shadow] duration-200 hover:shadow-lg",
-                          demoname === name && "ring-2 ring-foreground",
+                          examplename === name && "ring-2 ring-foreground",
                         )}
                       >
                         <Link
-                          href={`/demos/${name}`}
+                          href={`/examples/${name}`}
                           aria-label={title}
-                          aria-current={demoname === name ? "page" : undefined}
+                          aria-current={
+                            examplename === name ? "page" : undefined
+                          }
                           className="no-underline"
                         >
                           {/* Every card keeps its aspect-ratio box mounted, so
@@ -601,7 +609,7 @@ export default function Nav({
                             className="relative aspect-video size-auto w-full rounded-none"
                           >
                             {renderDetails && (
-                              /* Thumbnails are served by each demo, not by
+                              /* Thumbnails are served by each example, not by
                                  this site, so in dev every card but the running
                                  one 404s. A broken img stops being a replaced
                                  element, which is when its pseudo-elements
@@ -626,7 +634,7 @@ export default function Nav({
                           )}
                           {renderDetails && tags.length > 0 && (
                             <ItemFooter className="absolute inset-x-0 bottom-0">
-                              {/* Same fade as the demo list, on the other axis.
+                              {/* Same fade as the example list, on the other axis.
                                   It has to be aimed at the viewport: `ScrollArea`
                                   puts its `className` on the root, and the root is
                                   not what scrolls. */}
@@ -651,7 +659,7 @@ export default function Nav({
             </ul>
           </nav>
 
-          {filteredDemos.length === 0 && (
+          {filteredExamples.length === 0 && (
             /* Stock padding is p-12, which leaves nothing to read in a rail
                this narrow — and the inline half now comes from the scroller. */
             <Empty className="py-6">
diff --git a/apps/website/components/ScaledDemoFrame.tsx b/apps/website/components/ScaledExampleFrame.tsx
similarity index 91%
rename from apps/website/components/ScaledDemoFrame.tsx
rename to apps/website/components/ScaledExampleFrame.tsx
index ffb56044..2262b90e 100644
--- a/apps/website/components/ScaledDemoFrame.tsx
+++ b/apps/website/components/ScaledExampleFrame.tsx
@@ -8,7 +8,7 @@ type FrameState = {
   scale: number;
 };
 
-export function ScaledDemoFrame({
+export function ScaledExampleFrame({
   src,
   title,
 }: {
@@ -59,8 +59,8 @@ export function ScaledDemoFrame({
           is the `translate(-50%, -50%)` in the inline transform below, which
           has to stay there: it carries the measured `scale` with it.
 
-          White, not a theme colour: it is the demo's own page showing through
-          before it paints, and the demos are not themed. */}
+          White, not a theme colour: it is the example's own page showing through
+          before it paints, and the examples are not themed. */}
       <iframe
         className="absolute top-1/2 left-1/2 rounded-2xl bg-white shadow-[0_24px_60px_rgb(0_0_0/0.16)] transition-shadow duration-200"
         src={src}
diff --git a/apps/website/const/new.ts b/apps/website/const/new.ts
index 16450353..757a1f20 100644
--- a/apps/website/const/new.ts
+++ b/apps/website/const/new.ts
@@ -1 +1 @@
-export const NEW_DEMOS = new Set(["flow-shield"]);
+export const NEW_EXAMPLES = new Set(["flow-shield"]);
diff --git a/apps/website/hooks/use-roving-tabindex.ts b/apps/website/hooks/use-roving-tabindex.ts
index a0eef535..910ed48b 100644
--- a/apps/website/hooks/use-roving-tabindex.ts
+++ b/apps/website/hooks/use-roving-tabindex.ts
@@ -17,11 +17,11 @@ const ITEMS = "a[href], button:not([disabled])";
  *
  * Every item but one carries `tabindex="-1"`, so the whole group is a single
  * stop in the page's tab sequence; the arrow keys move focus within it and
- * take the `0` along. Without it the demo list is ~160 consecutive tab stops
- * between the filter row and everything after it, and the demo bar is five.
+ * take the `0` along. Without it the example list is ~160 consecutive tab stops
+ * between the filter row and everything after it, and the example bar is five.
  *
- * The entry point is whichever item is `aria-current="page"` — for the demo
- * list, the demo you are looking at — and otherwise the first.
+ * The entry point is whichever item is `aria-current="page"` — for the example
+ * list, the example you are looking at — and otherwise the first.
  *
  * Reads the DOM rather than taking the items as an argument: at both call
  * sites the item is rendered by something else (`Item asChild` around a
@@ -46,7 +46,7 @@ export function useRovingTabIndex<T extends HTMLElement>(
   /* Deliberately no dependency array. The item set is whatever the last
      render left in the DOM, so the tabbable one has to be re-picked just as
      often — which is also what keeps this right when the list is filtered
-     down to nothing and back, or when the current demo changes. Reading the
+     down to nothing and back, or when the current example changes. Reading the
      `0` back out of the DOM rather than remembering it in a ref is what makes
      that idempotent: a re-render on its own moves nothing. */
   useEffect(() => {
@@ -83,7 +83,7 @@ export function useRovingTabIndex<T extends HTMLElement>(
 
     /* Clamped rather than wrapped, and the key is swallowed either way: at the
        ends these are the arrows the scroller would otherwise act on, and 160
-       demos is far enough that ArrowUp on the first landing on the last would
+       examples is far enough that ArrowUp on the first landing on the last would
        read as a glitch rather than as a shortcut. */
     event.preventDefault();
     to = Math.min(Math.max(to, 0), list.length - 1);
diff --git a/apps/website/lib/helper.ts b/apps/website/lib/helper.ts
index 965c8479..4511e308 100644
--- a/apps/website/lib/helper.ts
+++ b/apps/website/lib/helper.ts
@@ -1,14 +1,14 @@
 import fs from "node:fs";
 import path from "node:path";
 
-import { NEW_DEMOS } from "@/const/new";
+import { NEW_EXAMPLES } from "@/const/new";
 import pkg from "@/package.json";
 
 import { generatePort } from "@examples/e2e";
 
 const BASE_PATH = process.env.BASE_PATH || "";
 const BASE_URL = process.env.BASE_URL;
-const DEMOS_DIRECTORY = path.resolve(process.cwd(), "../../demos");
+const EXAMPLES_DIRECTORY = path.resolve(process.cwd(), "../../examples");
 
 const host =
   process.env.NODE_ENV === "development"
@@ -26,7 +26,7 @@ export type AssetAttribution = {
   notes?: string;
 };
 
-export type DemoMetadata = {
+export type ExampleMetadata = {
   title: string;
   description: string;
   tags: string[];
@@ -37,7 +37,7 @@ export type DemoMetadata = {
   assets: AssetAttribution[];
 };
 
-export type Demo = DemoMetadata & {
+export type Example = ExampleMetadata & {
   name: string;
   thumb: string;
   embed_url: string;
@@ -45,34 +45,38 @@ export type Demo = DemoMetadata & {
   isNew: boolean;
 };
 
-function getMetadata(demoname: string): DemoMetadata {
-  const metadataPath = path.join(DEMOS_DIRECTORY, demoname, "pmndrs.json");
+function getMetadata(examplename: string): ExampleMetadata {
+  const metadataPath = path.join(
+    EXAMPLES_DIRECTORY,
+    examplename,
+    "pmndrs.json",
+  );
   const metadata = JSON.parse(
     fs.readFileSync(metadataPath, "utf8"),
-  ) as DemoMetadata & { $schema: string };
-  const { $schema: _, ...demo } = metadata;
-  return demo;
+  ) as ExampleMetadata & { $schema: string };
+  const { $schema: _, ...example } = metadata;
+  return example;
 }
 
-export function getDemos(): Demo[] {
+export function getExamples(): Example[] {
   return Object.keys(pkg.dependencies)
-    .filter((dep) => dep.startsWith("@demo/"))
+    .filter((dep) => dep.startsWith("@example/"))
     .map((pkgname) => {
-      const demoname = pkgname.split("@demo/")[1];
-      const metadata = getMetadata(demoname);
-      const port = generatePort(demoname);
+      const examplename = pkgname.split("@example/")[1];
+      const metadata = getMetadata(examplename);
+      const port = generatePort(examplename);
       const h = host(port);
 
-      const embed_url = `${h}${BASE_PATH}/${demoname}`;
-      const website_url = `${h}${BASE_PATH}/demos/${demoname}`;
+      const embed_url = `${h}${BASE_PATH}/${examplename}`;
+      const website_url = `${h}${BASE_PATH}/examples/${examplename}`;
 
       return {
         ...metadata,
-        name: demoname,
+        name: examplename,
         thumb: `${embed_url}/thumbnail.webp`,
         embed_url,
         website_url,
-        isNew: NEW_DEMOS.has(demoname),
+        isNew: NEW_EXAMPLES.has(examplename),
       };
     });
 }
diff --git a/apps/website/package.json b/apps/website/package.json
index 06230d50..420a61b2 100644
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -11,164 +11,164 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@demo/aquarium": "workspace:*",
-    "@demo/arkanoid": "workspace:*",
-    "@demo/arkanoid-under-60-loc": "workspace:*",
-    "@demo/audio-analyser": "workspace:*",
-    "@demo/backdrop-and-cables": "workspace:*",
-    "@demo/baking-soft-shadows": "workspace:*",
-    "@demo/basic-ballpit": "workspace:*",
-    "@demo/basic-demo": "workspace:*",
-    "@demo/bestservedbold-christmas-baubles": "workspace:*",
-    "@demo/bezier-curves-and-nodes": "workspace:*",
-    "@demo/bloom-hdr-workflow-gltf": "workspace:*",
-    "@demo/bouncy-watch": "workspace:*",
-    "@demo/bounds-and-makedefault": "workspace:*",
-    "@demo/bruno-simons-20k-challenge": "workspace:*",
-    "@demo/building-live-envmaps": "workspace:*",
-    "@demo/bvh": "workspace:*",
-    "@demo/camera-scroll": "workspace:*",
-    "@demo/camera-shake": "workspace:*",
-    "@demo/canvas-text": "workspace:*",
-    "@demo/cards": "workspace:*",
-    "@demo/cards-with-border-radius": "workspace:*",
-    "@demo/caustics": "workspace:*",
-    "@demo/cell-fracture": "workspace:*",
-    "@demo/clones": "workspace:*",
-    "@demo/clouds": "workspace:*",
-    "@demo/color-grading": "workspace:*",
-    "@demo/confetti": "workspace:*",
-    "@demo/csg-bunny-usegroups": "workspace:*",
-    "@demo/csg-house": "workspace:*",
-    "@demo/csg-operations-rapier-physics": "workspace:*",
-    "@demo/dbismut-furniture": "workspace:*",
-    "@demo/diamond-refraction": "workspace:*",
-    "@demo/diamond-ring": "workspace:*",
-    "@demo/drei-rendertexture": "workspace:*",
-    "@demo/ecctrl-fisheye": "workspace:*",
-    "@demo/edgesgeometry": "workspace:*",
-    "@demo/enter-portals": "workspace:*",
-    "@demo/environment-blur-and-transitions": "workspace:*",
-    "@demo/envmap-ground-projection": "workspace:*",
-    "@demo/faucets-select-highlight": "workspace:*",
-    "@demo/flexbox-yoga-in-webgl": "workspace:*",
-    "@demo/floating-diamonds": "workspace:*",
-    "@demo/floating-instanced-shoes": "workspace:*",
-    "@demo/floating-laptop": "workspace:*",
-    "@demo/flow-shield": "workspace:*",
-    "@demo/flying-bananas": "workspace:*",
-    "@demo/frosted-glass": "workspace:*",
-    "@demo/gatsby-stars": "workspace:*",
-    "@demo/glass-flower": "workspace:*",
-    "@demo/gltf-animations": "workspace:*",
-    "@demo/gltf-animations-re-used": "workspace:*",
-    "@demo/gltf-animations-tied-to-scroll": "workspace:*",
-    "@demo/gltfjsx-400kb-drone": "workspace:*",
-    "@demo/gpgpu-curl-noise-dof": "workspace:*",
-    "@demo/grass-shader": "workspace:*",
-    "@demo/ground-projected-envmaps-lamina": "workspace:*",
-    "@demo/ground-reflections-and-video-textures": "workspace:*",
-    "@demo/hi-key-bubbles": "workspace:*",
-    "@demo/horizontal-tiles": "workspace:*",
-    "@demo/html-annotations": "workspace:*",
-    "@demo/html-input-fields": "workspace:*",
-    "@demo/html-markers": "workspace:*",
-    "@demo/image-gallery": "workspace:*",
-    "@demo/infinite-scroll": "workspace:*",
-    "@demo/instanced-particles-effects": "workspace:*",
-    "@demo/instanced-vertex-colors": "workspace:*",
-    "@demo/instances": "workspace:*",
-    "@demo/inter-epoxy-resin": "workspace:*",
-    "@demo/interactive-spline-scene-live-html": "workspace:*",
-    "@demo/inverted-stencil-buffer": "workspace:*",
-    "@demo/iridescent-decals": "workspace:*",
-    "@demo/lamina-1x": "workspace:*",
-    "@demo/landing-page": "workspace:*",
-    "@demo/learn-with-jason": "workspace:*",
-    "@demo/lulaby-city": "workspace:*",
-    "@demo/lusion-connectors": "workspace:*",
-    "@demo/magic-box": "workspace:*",
-    "@demo/merged-instance": "workspace:*",
-    "@demo/minecraft": "workspace:*",
-    "@demo/mixing-controls": "workspace:*",
-    "@demo/mixing-html-and-webgl": "workspace:*",
-    "@demo/mixing-html-and-webgl-w-occlusion": "workspace:*",
-    "@demo/moksha": "workspace:*",
-    "@demo/monitors": "workspace:*",
-    "@demo/motionpathcontrols": "workspace:*",
-    "@demo/mount-transitions": "workspace:*",
-    "@demo/multiple-views-with-uniform-controls": "workspace:*",
-    "@demo/nextjs-prism": "workspace:*",
-    "@demo/night-train": "workspace:*",
-    "@demo/object-clump": "workspace:*",
-    "@demo/pairing-threejs-to-ui": "workspace:*",
-    "@demo/pass-through-portals": "workspace:*",
-    "@demo/physics-with-convex-polyhedrons": "workspace:*",
-    "@demo/pinball-in-70-lines": "workspace:*",
-    "@demo/pmndrs-vercel": "workspace:*",
-    "@demo/portal-shapes": "workspace:*",
-    "@demo/portals": "workspace:*",
-    "@demo/progressive-loading-states-with-suspense": "workspace:*",
-    "@demo/racing-game": "workspace:*",
-    "@demo/ragdoll-physics": "workspace:*",
-    "@demo/rapier-physics": "workspace:*",
-    "@demo/rapier-ping-pong": "workspace:*",
-    "@demo/raycast-cycling": "workspace:*",
-    "@demo/re-using-geometry-and-level-of-detail": "workspace:*",
-    "@demo/re-using-gltfs": "workspace:*",
-    "@demo/react-ellipsecurve": "workspace:*",
-    "@demo/react-pp-outlines": "workspace:*",
-    "@demo/react-spring-animations": "workspace:*",
-    "@demo/room-with-soft-shadows": "workspace:*",
-    "@demo/router-transitions": "workspace:*",
-    "@demo/scrollcontrols-and-lens-refraction": "workspace:*",
-    "@demo/scrollcontrols-gltf": "workspace:*",
-    "@demo/scrollcontrols-with-minimap": "workspace:*",
-    "@demo/selective-outlines": "workspace:*",
-    "@demo/shader-fire": "workspace:*",
-    "@demo/shader-hmr": "workspace:*",
-    "@demo/shadermaterials": "workspace:*",
-    "@demo/shoe-configurator": "workspace:*",
-    "@demo/shopping": "workspace:*",
-    "@demo/simple-audio-analyser": "workspace:*",
-    "@demo/simple-physics-demo": "workspace:*",
-    "@demo/simple-physics-demo-with-debug-bounds": "workspace:*",
-    "@demo/sky-dome-with-annotations": "workspace:*",
-    "@demo/soft-shadows": "workspace:*",
-    "@demo/space-game": "workspace:*",
-    "@demo/sparks-and-effects": "workspace:*",
-    "@demo/spline-glass-shapes": "workspace:*",
-    "@demo/sport-hall": "workspace:*",
-    "@demo/spotlight-shadows": "workspace:*",
-    "@demo/springy-boxes": "workspace:*",
-    "@demo/ssgi-spheres-with-rapier-physics": "workspace:*",
-    "@demo/stage-presets-gltfjsx": "workspace:*",
-    "@demo/staging-and-camerashake": "workspace:*",
-    "@demo/stencil-mask": "workspace:*",
-    "@demo/svg-maps-with-html-annotations": "workspace:*",
-    "@demo/svg-renderer": "workspace:*",
-    "@demo/t-shirt-configurator": "workspace:*",
-    "@demo/the-three-graces": "workspace:*",
-    "@demo/threejs-journey-lv-1-fisheye": "workspace:*",
-    "@demo/threejs-journey-portal": "workspace:*",
-    "@demo/thunder-clouds": "workspace:*",
-    "@demo/trails": "workspace:*",
-    "@demo/transformcontrols-and-makedefault": "workspace:*",
-    "@demo/transparent-aesop-bottles": "workspace:*",
-    "@demo/trigger-meshes": "workspace:*",
-    "@demo/tying-canvas-to-scroll-offset": "workspace:*",
-    "@demo/useintersect-and-scrollcontrols": "workspace:*",
-    "@demo/video-cookies": "workspace:*",
-    "@demo/video-textures": "workspace:*",
-    "@demo/view-tracking": "workspace:*",
-    "@demo/viewcube": "workspace:*",
-    "@demo/viking-ship": "workspace:*",
-    "@demo/volumetric-light-godray": "workspace:*",
-    "@demo/volumetric-spotlight": "workspace:*",
-    "@demo/water-shader": "workspace:*",
-    "@demo/wireframes": "workspace:*",
-    "@demo/wobbling-sphere": "workspace:*",
-    "@demo/zustand-site": "workspace:*",
+    "@example/aquarium": "workspace:*",
+    "@example/arkanoid": "workspace:*",
+    "@example/arkanoid-under-60-loc": "workspace:*",
+    "@example/audio-analyser": "workspace:*",
+    "@example/backdrop-and-cables": "workspace:*",
+    "@example/baking-soft-shadows": "workspace:*",
+    "@example/basic-ballpit": "workspace:*",
+    "@example/basic-example": "workspace:*",
+    "@example/bestservedbold-christmas-baubles": "workspace:*",
+    "@example/bezier-curves-and-nodes": "workspace:*",
+    "@example/bloom-hdr-workflow-gltf": "workspace:*",
+    "@example/bouncy-watch": "workspace:*",
+    "@example/bounds-and-makedefault": "workspace:*",
+    "@example/bruno-simons-20k-challenge": "workspace:*",
+    "@example/building-live-envmaps": "workspace:*",
+    "@example/bvh": "workspace:*",
+    "@example/camera-scroll": "workspace:*",
+    "@example/camera-shake": "workspace:*",
+    "@example/canvas-text": "workspace:*",
+    "@example/cards": "workspace:*",
+    "@example/cards-with-border-radius": "workspace:*",
+    "@example/caustics": "workspace:*",
+    "@example/cell-fracture": "workspace:*",
+    "@example/clones": "workspace:*",
+    "@example/clouds": "workspace:*",
+    "@example/color-grading": "workspace:*",
+    "@example/confetti": "workspace:*",
+    "@example/csg-bunny-usegroups": "workspace:*",
+    "@example/csg-house": "workspace:*",
+    "@example/csg-operations-rapier-physics": "workspace:*",
+    "@example/dbismut-furniture": "workspace:*",
+    "@example/diamond-refraction": "workspace:*",
+    "@example/diamond-ring": "workspace:*",
+    "@example/drei-rendertexture": "workspace:*",
+    "@example/ecctrl-fisheye": "workspace:*",
+    "@example/edgesgeometry": "workspace:*",
+    "@example/enter-portals": "workspace:*",
+    "@example/environment-blur-and-transitions": "workspace:*",
+    "@example/envmap-ground-projection": "workspace:*",
+    "@example/faucets-select-highlight": "workspace:*",
+    "@example/flexbox-yoga-in-webgl": "workspace:*",
+    "@example/floating-diamonds": "workspace:*",
+    "@example/floating-instanced-shoes": "workspace:*",
+    "@example/floating-laptop": "workspace:*",
+    "@example/flow-shield": "workspace:*",
+    "@example/flying-bananas": "workspace:*",
+    "@example/frosted-glass": "workspace:*",
+    "@example/gatsby-stars": "workspace:*",
+    "@example/glass-flower": "workspace:*",
+    "@example/gltf-animations": "workspace:*",
+    "@example/gltf-animations-re-used": "workspace:*",
+    "@example/gltf-animations-tied-to-scroll": "workspace:*",
+    "@example/gltfjsx-400kb-drone": "workspace:*",
+    "@example/gpgpu-curl-noise-dof": "workspace:*",
+    "@example/grass-shader": "workspace:*",
+    "@example/ground-projected-envmaps-lamina": "workspace:*",
+    "@example/ground-reflections-and-video-textures": "workspace:*",
+    "@example/hi-key-bubbles": "workspace:*",
+    "@example/horizontal-tiles": "workspace:*",
+    "@example/html-annotations": "workspace:*",
+    "@example/html-input-fields": "workspace:*",
+    "@example/html-markers": "workspace:*",
+    "@example/image-gallery": "workspace:*",
+    "@example/infinite-scroll": "workspace:*",
+    "@example/instanced-particles-effects": "workspace:*",
+    "@example/instanced-vertex-colors": "workspace:*",
+    "@example/instances": "workspace:*",
+    "@example/inter-epoxy-resin": "workspace:*",
+    "@example/interactive-spline-scene-live-html": "workspace:*",
+    "@example/inverted-stencil-buffer": "workspace:*",
+    "@example/iridescent-decals": "workspace:*",
+    "@example/lamina-1x": "workspace:*",
+    "@example/landing-page": "workspace:*",
+    "@example/learn-with-jason": "workspace:*",
+    "@example/lulaby-city": "workspace:*",
+    "@example/lusion-connectors": "workspace:*",
+    "@example/magic-box": "workspace:*",
+    "@example/merged-instance": "workspace:*",
+    "@example/minecraft": "workspace:*",
+    "@example/mixing-controls": "workspace:*",
+    "@example/mixing-html-and-webgl": "workspace:*",
+    "@example/mixing-html-and-webgl-w-occlusion": "workspace:*",
+    "@example/moksha": "workspace:*",
+    "@example/monitors": "workspace:*",
+    "@example/motionpathcontrols": "workspace:*",
+    "@example/mount-transitions": "workspace:*",
+    "@example/multiple-views-with-uniform-controls": "workspace:*",
+    "@example/nextjs-prism": "workspace:*",
+    "@example/night-train": "workspace:*",
+    "@example/object-clump": "workspace:*",
+    "@example/pairing-threejs-to-ui": "workspace:*",
+    "@example/pass-through-portals": "workspace:*",
+    "@example/physics-with-convex-polyhedrons": "workspace:*",
+    "@example/pinball-in-70-lines": "workspace:*",
+    "@example/pmndrs-vercel": "workspace:*",
+    "@example/portal-shapes": "workspace:*",
+    "@example/portals": "workspace:*",
+    "@example/progressive-loading-states-with-suspense": "workspace:*",
+    "@example/racing-game": "workspace:*",
+    "@example/ragdoll-physics": "workspace:*",
+    "@example/rapier-physics": "workspace:*",
+    "@example/rapier-ping-pong": "workspace:*",
+    "@example/raycast-cycling": "workspace:*",
+    "@example/re-using-geometry-and-level-of-detail": "workspace:*",
+    "@example/re-using-gltfs": "workspace:*",
+    "@example/react-ellipsecurve": "workspace:*",
+    "@example/react-pp-outlines": "workspace:*",
+    "@example/react-spring-animations": "workspace:*",
+    "@example/room-with-soft-shadows": "workspace:*",
+    "@example/router-transitions": "workspace:*",
+    "@example/scrollcontrols-and-lens-refraction": "workspace:*",
+    "@example/scrollcontrols-gltf": "workspace:*",
+    "@example/scrollcontrols-with-minimap": "workspace:*",
+    "@example/selective-outlines": "workspace:*",
+    "@example/shader-fire": "workspace:*",
+    "@example/shader-hmr": "workspace:*",
+    "@example/shadermaterials": "workspace:*",
+    "@example/shoe-configurator": "workspace:*",
+    "@example/shopping": "workspace:*",
+    "@example/simple-audio-analyser": "workspace:*",
+    "@example/simple-physics-example": "workspace:*",
+    "@example/simple-physics-example-with-debug-bounds": "workspace:*",
+    "@example/sky-dome-with-annotations": "workspace:*",
+    "@example/soft-shadows": "workspace:*",
+    "@example/space-game": "workspace:*",
+    "@example/sparks-and-effects": "workspace:*",
+    "@example/spline-glass-shapes": "workspace:*",
+    "@example/sport-hall": "workspace:*",
+    "@example/spotlight-shadows": "workspace:*",
+    "@example/springy-boxes": "workspace:*",
+    "@example/ssgi-spheres-with-rapier-physics": "workspace:*",
+    "@example/stage-presets-gltfjsx": "workspace:*",
+    "@example/staging-and-camerashake": "workspace:*",
+    "@example/stencil-mask": "workspace:*",
+    "@example/svg-maps-with-html-annotations": "workspace:*",
+    "@example/svg-renderer": "workspace:*",
+    "@example/t-shirt-configurator": "workspace:*",
+    "@example/the-three-graces": "workspace:*",
+    "@example/threejs-journey-lv-1-fisheye": "workspace:*",
+    "@example/threejs-journey-portal": "workspace:*",
+    "@example/thunder-clouds": "workspace:*",
+    "@example/trails": "workspace:*",
+    "@example/transformcontrols-and-makedefault": "workspace:*",
+    "@example/transparent-aesop-bottles": "workspace:*",
+    "@example/trigger-meshes": "workspace:*",
+    "@example/tying-canvas-to-scroll-offset": "workspace:*",
+    "@example/useintersect-and-scrollcontrols": "workspace:*",
+    "@example/video-cookies": "workspace:*",
+    "@example/video-textures": "workspace:*",
+    "@example/view-tracking": "workspace:*",
+    "@example/viewcube": "workspace:*",
+    "@example/viking-ship": "workspace:*",
+    "@example/volumetric-light-godray": "workspace:*",
+    "@example/volumetric-spotlight": "workspace:*",
+    "@example/water-shader": "workspace:*",
+    "@example/wireframes": "workspace:*",
+    "@example/wobbling-sphere": "workspace:*",
+    "@example/zustand-site": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.28.0",
diff --git a/bin/depcheck.mjs b/bin/depcheck.mjs
index 90e635f4..5cabe162 100644
--- a/bin/depcheck.mjs
+++ b/bin/depcheck.mjs
@@ -12,7 +12,7 @@ import depcheck from "depcheck";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-const workspacesDir = path.join(__dirname, "..", "demos");
+const workspacesDir = path.join(__dirname, "..", "examples");
 
 const options = {
   ignorePatterns: ["dist", "build"],
@@ -65,7 +65,7 @@ async function checkAllWorkspaces() {
   for (const [workspace, deps] of Object.entries(workspaceUnusedDeps)) {
     if (deps.length > 0) {
       hasUnusedDeps = true;
-      const uninstallCommand = `pnpm remove ${deps.join(" ")} --filter @demo/${workspace}`;
+      const uninstallCommand = `pnpm remove ${deps.join(" ")} --filter @example/${workspace}`;
       console.log(`\n$ ${uninstallCommand}`);
     }
   }
diff --git a/bin/validate-pmndrs-metadata.mjs b/bin/validate-pmndrs-metadata.mjs
index 15d46875..8cd1c125 100644
--- a/bin/validate-pmndrs-metadata.mjs
+++ b/bin/validate-pmndrs-metadata.mjs
@@ -5,7 +5,7 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 
 const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
-const demosDirectory = path.join(root, "demos");
+const examplesDirectory = path.join(root, "examples");
 const schemaPath = path.join(root, "schemas", "pmndrs.schema.json");
 const schema = JSON.parse(fs.readFileSync(schemaPath, "utf8"));
 const allowedLibraries = new Set(schema.properties.libraries.items.enum);
@@ -15,8 +15,8 @@ const allowedAssetFields = new Set(Object.keys(schema.$defs.asset.properties));
 const legacyPackageFields = ["description", "homepage", "keywords"];
 const errors = [];
 
-function addError(demoName, message) {
-  errors.push(`${demoName}: ${message}`);
+function addError(exampleName, message) {
+  errors.push(`${exampleName}: ${message}`);
 }
 
 function isStringArray(value) {
@@ -46,21 +46,21 @@ function isDate(value) {
   );
 }
 
-const demoNames = fs
-  .readdirSync(demosDirectory)
+const exampleNames = fs
+  .readdirSync(examplesDirectory)
   .filter((name) =>
-    fs.existsSync(path.join(demosDirectory, name, "package.json")),
+    fs.existsSync(path.join(examplesDirectory, name, "package.json")),
   )
   .sort();
 
-for (const demoName of demoNames) {
-  const demoDirectory = path.join(demosDirectory, demoName);
-  const packagePath = path.join(demoDirectory, "package.json");
-  const metadataPath = path.join(demoDirectory, "pmndrs.json");
+for (const exampleName of exampleNames) {
+  const exampleDirectory = path.join(examplesDirectory, exampleName);
+  const packagePath = path.join(exampleDirectory, "package.json");
+  const metadataPath = path.join(exampleDirectory, "pmndrs.json");
   const packageJson = JSON.parse(fs.readFileSync(packagePath, "utf8"));
 
   if (!fs.existsSync(metadataPath)) {
-    addError(demoName, "missing pmndrs.json");
+    addError(exampleName, "missing pmndrs.json");
     continue;
   }
 
@@ -68,79 +68,85 @@ for (const demoName of demoNames) {
   try {
     metadata = JSON.parse(fs.readFileSync(metadataPath, "utf8"));
   } catch (error) {
-    addError(demoName, `invalid JSON (${error.message})`);
+    addError(exampleName, `invalid JSON (${error.message})`);
     continue;
   }
 
   for (const field of requiredFields) {
-    if (!(field in metadata)) addError(demoName, `missing "${field}"`);
+    if (!(field in metadata)) addError(exampleName, `missing "${field}"`);
   }
   for (const field of Object.keys(metadata)) {
     if (!allowedFields.has(field)) {
-      addError(demoName, `unknown field "${field}"`);
+      addError(exampleName, `unknown field "${field}"`);
     }
   }
 
   if (metadata.$schema !== "../../schemas/pmndrs.schema.json") {
-    addError(demoName, 'invalid "$schema" path');
+    addError(exampleName, 'invalid "$schema" path');
   }
   if (typeof metadata.title !== "string" || metadata.title.length === 0) {
-    addError(demoName, '"title" must be a non-empty string');
+    addError(exampleName, '"title" must be a non-empty string');
   }
   if (typeof metadata.description !== "string") {
-    addError(demoName, '"description" must be a string');
+    addError(exampleName, '"description" must be a string');
   }
 
   for (const field of ["tags", "authors", "libraries"]) {
     if (!isStringArray(metadata[field])) {
-      addError(demoName, `"${field}" must contain non-empty strings`);
+      addError(exampleName, `"${field}" must contain non-empty strings`);
     } else if (hasDuplicates(metadata[field])) {
-      addError(demoName, `"${field}" contains duplicates`);
+      addError(exampleName, `"${field}" contains duplicates`);
     }
   }
 
   if (!isUrl(metadata.source)) {
-    addError(demoName, '"source" must be an HTTP(S) URL');
+    addError(exampleName, '"source" must be an HTTP(S) URL');
   }
   if (metadata.publishedAt !== undefined && !isDate(metadata.publishedAt)) {
-    addError(demoName, '"publishedAt" must use YYYY-MM-DD');
+    addError(exampleName, '"publishedAt" must use YYYY-MM-DD');
   }
 
   const dependencies = packageJson.dependencies ?? {};
   for (const library of metadata.libraries ?? []) {
     if (!allowedLibraries.has(library)) {
-      addError(demoName, `unknown library "${library}"`);
+      addError(exampleName, `unknown library "${library}"`);
     }
     if (!(library in dependencies)) {
-      addError(demoName, `library "${library}" is not listed in dependencies`);
+      addError(
+        exampleName,
+        `library "${library}" is not listed in dependencies`,
+      );
     }
   }
 
   if (!Array.isArray(metadata.assets)) {
-    addError(demoName, '"assets" must be an array');
+    addError(exampleName, '"assets" must be an array');
   } else {
     metadata.assets.forEach((asset, index) => {
       if (!asset || typeof asset !== "object" || Array.isArray(asset)) {
-        addError(demoName, `asset ${index} must be an object`);
+        addError(exampleName, `asset ${index} must be an object`);
         return;
       }
       if (typeof asset.name !== "string" || asset.name.length === 0) {
-        addError(demoName, `asset ${index} requires a name`);
+        addError(exampleName, `asset ${index} requires a name`);
       }
       for (const field of Object.keys(asset)) {
         if (!allowedAssetFields.has(field)) {
-          addError(demoName, `asset ${index} has unknown field "${field}"`);
+          addError(exampleName, `asset ${index} has unknown field "${field}"`);
         }
       }
       if (
         asset.files !== undefined &&
         (!isStringArray(asset.files) || hasDuplicates(asset.files))
       ) {
-        addError(demoName, `asset ${index} "files" must contain unique paths`);
+        addError(
+          exampleName,
+          `asset ${index} "files" must contain unique paths`,
+        );
       }
       for (const field of ["source", "licenseUrl"]) {
         if (asset[field] !== undefined && !isUrl(asset[field])) {
-          addError(demoName, `asset ${index} "${field}" must be a URL`);
+          addError(exampleName, `asset ${index} "${field}" must be a URL`);
         }
       }
     });
@@ -149,7 +155,7 @@ for (const demoName of demoNames) {
   for (const field of legacyPackageFields) {
     if (field in packageJson) {
       addError(
-        demoName,
+        exampleName,
         `package.json still contains migrated field "${field}"`,
       );
     }
@@ -160,7 +166,7 @@ for (const demoName of demoNames) {
       !metadata.libraries?.includes(dependency)
     ) {
       addError(
-        demoName,
+        exampleName,
         `dependency "${dependency}" is missing from libraries`,
       );
     }
@@ -168,15 +174,15 @@ for (const demoName of demoNames) {
 }
 
 const metadataWithoutPackage = fs
-  .readdirSync(demosDirectory)
+  .readdirSync(examplesDirectory)
   .filter(
     (name) =>
-      fs.existsSync(path.join(demosDirectory, name, "pmndrs.json")) &&
-      !fs.existsSync(path.join(demosDirectory, name, "package.json")),
+      fs.existsSync(path.join(examplesDirectory, name, "pmndrs.json")) &&
+      !fs.existsSync(path.join(examplesDirectory, name, "package.json")),
   );
 
-for (const demoName of metadataWithoutPackage) {
-  addError(demoName, "pmndrs.json has no matching package.json");
+for (const exampleName of metadataWithoutPackage) {
+  addError(exampleName, "pmndrs.json has no matching package.json");
 }
 
 if (errors.length > 0) {
@@ -185,4 +191,4 @@ if (errors.length > 0) {
   process.exit(1);
 }
 
-console.log(`Validated metadata for ${demoNames.length} demos.`);
+console.log(`Validated metadata for ${exampleNames.length} examples.`);
diff --git a/demos/arkanoid-under-60-loc/README.md b/demos/arkanoid-under-60-loc/README.md
deleted file mode 100644
index e453a86d..00000000
--- a/demos/arkanoid-under-60-loc/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/arkanoid-under-60-loc)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/arkanoid-under-60-loc)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/arkanoid-under-60-loc)
-
-```sh
-$ npx degit pmndrs/examples/demos/arkanoid-under-60-loc
-```
-
-![](thumbnail.webp)
diff --git a/demos/backdrop-and-cables/README.md b/demos/backdrop-and-cables/README.md
deleted file mode 100644
index 5c4ac2d5..00000000
--- a/demos/backdrop-and-cables/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/backdrop-and-cables)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/backdrop-and-cables)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/backdrop-and-cables)
-
-```sh
-$ npx degit pmndrs/examples/demos/backdrop-and-cables
-```
-
-![](thumbnail.webp)
diff --git a/demos/baking-soft-shadows/README.md b/demos/baking-soft-shadows/README.md
deleted file mode 100644
index a7314cee..00000000
--- a/demos/baking-soft-shadows/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/baking-soft-shadows)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/baking-soft-shadows)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/baking-soft-shadows)
-
-```sh
-$ npx degit pmndrs/examples/demos/baking-soft-shadows
-```
-
-![](thumbnail.webp)
diff --git a/demos/bestservedbold-christmas-baubles/README.md b/demos/bestservedbold-christmas-baubles/README.md
deleted file mode 100644
index e43b5fa2..00000000
--- a/demos/bestservedbold-christmas-baubles/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bestservedbold-christmas-baubles)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bestservedbold-christmas-baubles)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bestservedbold-christmas-baubles)
-
-```sh
-$ npx degit pmndrs/examples/demos/bestservedbold-christmas-baubles
-```
-
-![](thumbnail.webp)
diff --git a/demos/bezier-curves-and-nodes/README.md b/demos/bezier-curves-and-nodes/README.md
deleted file mode 100644
index 97640e45..00000000
--- a/demos/bezier-curves-and-nodes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bezier-curves-and-nodes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bezier-curves-and-nodes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bezier-curves-and-nodes)
-
-```sh
-$ npx degit pmndrs/examples/demos/bezier-curves-and-nodes
-```
-
-![](thumbnail.webp)
diff --git a/demos/bloom-hdr-workflow-gltf/README.md b/demos/bloom-hdr-workflow-gltf/README.md
deleted file mode 100644
index 5bdda99c..00000000
--- a/demos/bloom-hdr-workflow-gltf/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bloom-hdr-workflow-gltf)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bloom-hdr-workflow-gltf)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bloom-hdr-workflow-gltf)
-
-```sh
-$ npx degit pmndrs/examples/demos/bloom-hdr-workflow-gltf
-```
-
-![](thumbnail.webp)
diff --git a/demos/bounds-and-makedefault/README.md b/demos/bounds-and-makedefault/README.md
deleted file mode 100644
index 89686d88..00000000
--- a/demos/bounds-and-makedefault/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bounds-and-makedefault)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bounds-and-makedefault)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bounds-and-makedefault)
-
-```sh
-$ npx degit pmndrs/examples/demos/bounds-and-makedefault
-```
-
-![](thumbnail.webp)
diff --git a/demos/bruno-simons-20k-challenge/README.md b/demos/bruno-simons-20k-challenge/README.md
deleted file mode 100644
index befc1367..00000000
--- a/demos/bruno-simons-20k-challenge/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bruno-simons-20k-challenge)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bruno-simons-20k-challenge)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bruno-simons-20k-challenge)
-
-```sh
-$ npx degit pmndrs/examples/demos/bruno-simons-20k-challenge
-```
-
-![](thumbnail.webp)
diff --git a/demos/building-dynamic-envmaps/README.md b/demos/building-dynamic-envmaps/README.md
deleted file mode 100644
index 1f0fb80b..00000000
--- a/demos/building-dynamic-envmaps/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/building-dynamic-envmaps)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/building-dynamic-envmaps)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/building-dynamic-envmaps)
-
-```sh
-$ npx degit pmndrs/examples/demos/building-dynamic-envmaps
-```
-
-![](thumbnail.webp)
diff --git a/demos/building-live-envmaps/README.md b/demos/building-live-envmaps/README.md
deleted file mode 100644
index 278d8d4d..00000000
--- a/demos/building-live-envmaps/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/building-live-envmaps)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/building-live-envmaps)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/building-live-envmaps)
-
-```sh
-$ npx degit pmndrs/examples/demos/building-live-envmaps
-```
-
-![](thumbnail.webp)
diff --git a/demos/camera-scroll/README.md b/demos/camera-scroll/README.md
deleted file mode 100644
index aa77e3a8..00000000
--- a/demos/camera-scroll/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/camera-scroll)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/camera-scroll)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/camera-scroll)
-
-```sh
-$ npx degit pmndrs/examples/demos/camera-scroll
-```
-
-![](thumbnail.webp)
diff --git a/demos/camera-shake/README.md b/demos/camera-shake/README.md
deleted file mode 100644
index f34ad453..00000000
--- a/demos/camera-shake/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/camera-shake)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/camera-shake)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/camera-shake)
-
-```sh
-$ npx degit pmndrs/examples/demos/camera-shake
-```
-
-![](thumbnail.webp)
diff --git a/demos/canvas-text/README.md b/demos/canvas-text/README.md
deleted file mode 100644
index bdb4667a..00000000
--- a/demos/canvas-text/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/canvas-text)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/canvas-text)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/canvas-text)
-
-```sh
-$ npx degit pmndrs/examples/demos/canvas-text
-```
-
-![](thumbnail.webp)
diff --git a/demos/cards-with-border-radius/README.md b/demos/cards-with-border-radius/README.md
deleted file mode 100644
index c11bff13..00000000
--- a/demos/cards-with-border-radius/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/cards-with-border-radius)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/cards-with-border-radius)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/cards-with-border-radius)
-
-```sh
-$ npx degit pmndrs/examples/demos/cards-with-border-radius
-```
-
-![](thumbnail.webp)
diff --git a/demos/caustics/README.md b/demos/caustics/README.md
deleted file mode 100644
index 492c9904..00000000
--- a/demos/caustics/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/caustics)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/caustics)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/caustics)
-
-```sh
-$ npx degit pmndrs/examples/demos/caustics
-```
-
-![](thumbnail.webp)
diff --git a/demos/cell-fracture/README.md b/demos/cell-fracture/README.md
deleted file mode 100644
index dca680b2..00000000
--- a/demos/cell-fracture/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/cell-fracture)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/cell-fracture)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/cell-fracture)
-
-```sh
-$ npx degit pmndrs/examples/demos/cell-fracture
-```
-
-![](thumbnail.webp)
diff --git a/demos/cell-fracture/package.json b/demos/cell-fracture/package.json
deleted file mode 100644
index d0bf9bb9..00000000
--- a/demos/cell-fracture/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/cell-fracture",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/cell-fracture"
-  }
-}
diff --git a/demos/clones/README.md b/demos/clones/README.md
deleted file mode 100644
index 21af58c1..00000000
--- a/demos/clones/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/clones)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/clones)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/clones)
-
-```sh
-$ npx degit pmndrs/examples/demos/clones
-```
-
-![](thumbnail.webp)
diff --git a/demos/clouds/README.md b/demos/clouds/README.md
deleted file mode 100644
index b5d069d6..00000000
--- a/demos/clouds/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/clouds)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/clouds)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/clouds)
-
-```sh
-$ npx degit pmndrs/examples/demos/clouds
-```
-
-![](thumbnail.webp)
diff --git a/demos/color-grading/README.md b/demos/color-grading/README.md
deleted file mode 100644
index 48213ec2..00000000
--- a/demos/color-grading/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/color-grading)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/color-grading)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/color-grading)
-
-```sh
-$ npx degit pmndrs/examples/demos/color-grading
-```
-
-![](thumbnail.webp)
diff --git a/demos/color-grading/package.json b/demos/color-grading/package.json
deleted file mode 100644
index 15451068..00000000
--- a/demos/color-grading/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/color-grading",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/color-grading"
-  }
-}
diff --git a/demos/confetti/README.md b/demos/confetti/README.md
deleted file mode 100644
index eed21432..00000000
--- a/demos/confetti/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/confetti)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/confetti)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/confetti)
-
-```sh
-$ npx degit pmndrs/examples/demos/confetti
-```
-
-![](thumbnail.webp)
diff --git a/demos/csg-bunny-usegroups/README.md b/demos/csg-bunny-usegroups/README.md
deleted file mode 100644
index 03cd16cb..00000000
--- a/demos/csg-bunny-usegroups/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/csg-bunny-usegroups)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/csg-bunny-usegroups)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/csg-bunny-usegroups)
-
-```sh
-$ npx degit pmndrs/examples/demos/csg-bunny-usegroups
-```
-
-![](thumbnail.webp)
diff --git a/demos/csg-house/README.md b/demos/csg-house/README.md
deleted file mode 100644
index ec1b2fb2..00000000
--- a/demos/csg-house/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/csg-house)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/csg-house)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/csg-house)
-
-```sh
-$ npx degit pmndrs/examples/demos/csg-house
-```
-
-![](thumbnail.webp)
diff --git a/demos/csg-operations-rapier-physics/README.md b/demos/csg-operations-rapier-physics/README.md
deleted file mode 100644
index 5137bdb4..00000000
--- a/demos/csg-operations-rapier-physics/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/csg-operations-rapier-physics)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/csg-operations-rapier-physics)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/csg-operations-rapier-physics)
-
-```sh
-$ npx degit pmndrs/examples/demos/csg-operations-rapier-physics
-```
-
-![](thumbnail.webp)
diff --git a/demos/dbismut-furniture/README.md b/demos/dbismut-furniture/README.md
deleted file mode 100644
index d5bb53bc..00000000
--- a/demos/dbismut-furniture/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/dbismut-furniture)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/dbismut-furniture)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/dbismut-furniture)
-
-```sh
-$ npx degit pmndrs/examples/demos/dbismut-furniture
-```
-
-![](thumbnail.webp)
diff --git a/demos/diamond-refraction/README.md b/demos/diamond-refraction/README.md
deleted file mode 100644
index 739e0ff0..00000000
--- a/demos/diamond-refraction/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/diamond-refraction)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/diamond-refraction)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/diamond-refraction)
-
-```sh
-$ npx degit pmndrs/examples/demos/diamond-refraction
-```
-
-![](thumbnail.webp)
diff --git a/demos/diamond-ring/README.md b/demos/diamond-ring/README.md
deleted file mode 100644
index b21fc177..00000000
--- a/demos/diamond-ring/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/diamond-ring)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/diamond-ring)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/diamond-ring)
-
-```sh
-$ npx degit pmndrs/examples/demos/diamond-ring
-```
-
-![](thumbnail.webp)
diff --git a/demos/drei-rendertexture/README.md b/demos/drei-rendertexture/README.md
deleted file mode 100644
index 9c86f8ed..00000000
--- a/demos/drei-rendertexture/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/drei-rendertexture)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/drei-rendertexture)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/drei-rendertexture)
-
-```sh
-$ npx degit pmndrs/examples/demos/drei-rendertexture
-```
-
-![](thumbnail.webp)
diff --git a/demos/ecctrl-fisheye/README.md b/demos/ecctrl-fisheye/README.md
deleted file mode 100644
index 96e90d17..00000000
--- a/demos/ecctrl-fisheye/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ecctrl-fisheye)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/ecctrl-fisheye)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/ecctrl-fisheye)
-
-```sh
-$ npx degit pmndrs/examples/demos/ecctrl-fisheye
-```
-
-![](thumbnail.webp)
diff --git a/demos/edgesgeometry/README.md b/demos/edgesgeometry/README.md
deleted file mode 100644
index 49acce36..00000000
--- a/demos/edgesgeometry/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/edgesgeometry)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/edgesgeometry)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/edgesgeometry)
-
-```sh
-$ npx degit pmndrs/examples/demos/edgesgeometry
-```
-
-![](thumbnail.webp)
diff --git a/demos/edgesgeometry/package.json b/demos/edgesgeometry/package.json
deleted file mode 100644
index 6f04cc2f..00000000
--- a/demos/edgesgeometry/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/edgesgeometry",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/edgesgeometry"
-  }
-}
diff --git a/demos/environment-blur-and-transitions/README.md b/demos/environment-blur-and-transitions/README.md
deleted file mode 100644
index 621bfc8f..00000000
--- a/demos/environment-blur-and-transitions/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/environment-blur-and-transitions)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/environment-blur-and-transitions)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/environment-blur-and-transitions)
-
-```sh
-$ npx degit pmndrs/examples/demos/environment-blur-and-transitions
-```
-
-![](thumbnail.webp)
diff --git a/demos/envmap-ground-projection/README.md b/demos/envmap-ground-projection/README.md
deleted file mode 100644
index a126c100..00000000
--- a/demos/envmap-ground-projection/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/envmap-ground-projection)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/envmap-ground-projection)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/envmap-ground-projection)
-
-```sh
-$ npx degit pmndrs/examples/demos/envmap-ground-projection
-```
-
-![](thumbnail.webp)
diff --git a/demos/faucets-select-highlight/README.md b/demos/faucets-select-highlight/README.md
deleted file mode 100644
index 1f4a1102..00000000
--- a/demos/faucets-select-highlight/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/faucets-select-highlight)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/faucets-select-highlight)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/faucets-select-highlight)
-
-```sh
-$ npx degit pmndrs/examples/demos/faucets-select-highlight
-```
-
-![](thumbnail.webp)
diff --git a/demos/flexbox-yoga-in-webgl/README.md b/demos/flexbox-yoga-in-webgl/README.md
deleted file mode 100755
index 50585e4b..00000000
--- a/demos/flexbox-yoga-in-webgl/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/flexbox-yoga-in-webgl)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/flexbox-yoga-in-webgl)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/flexbox-yoga-in-webgl)
-
-```sh
-$ npx degit pmndrs/examples/demos/flexbox-yoga-in-webgl
-```
-
-![](thumbnail.webp)
diff --git a/demos/floating-diamonds/README.md b/demos/floating-diamonds/README.md
deleted file mode 100644
index 7d9b4c1f..00000000
--- a/demos/floating-diamonds/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/floating-diamonds)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/floating-diamonds)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/floating-diamonds)
-
-```sh
-$ npx degit pmndrs/examples/demos/floating-diamonds
-```
-
-![](thumbnail.webp)
diff --git a/demos/floating-instanced-shoes/README.md b/demos/floating-instanced-shoes/README.md
deleted file mode 100644
index 6a083f6b..00000000
--- a/demos/floating-instanced-shoes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/floating-instanced-shoes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/floating-instanced-shoes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/floating-instanced-shoes)
-
-```sh
-$ npx degit pmndrs/examples/demos/floating-instanced-shoes
-```
-
-![](thumbnail.webp)
diff --git a/demos/floating-laptop/README.md b/demos/floating-laptop/README.md
deleted file mode 100644
index b5f567ef..00000000
--- a/demos/floating-laptop/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/floating-laptop)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/floating-laptop)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/floating-laptop)
-
-```sh
-$ npx degit pmndrs/examples/demos/floating-laptop
-```
-
-![](thumbnail.webp)
diff --git a/demos/flow-shield/README.md b/demos/flow-shield/README.md
deleted file mode 100644
index b71c175e..00000000
--- a/demos/flow-shield/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/basic-demo)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/basic-demo)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/basic-demo)
-
-```sh
-$ npx degit pmndrs/examples/demos/basic-demo
-```
-
-![](thumbnail.webp)
diff --git a/demos/flying-bananas/README.md b/demos/flying-bananas/README.md
deleted file mode 100644
index 1968da4f..00000000
--- a/demos/flying-bananas/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/flying-bananas)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/flying-bananas)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/flying-bananas)
-
-```sh
-$ npx degit pmndrs/examples/demos/flying-bananas
-```
-
-![](thumbnail.webp)
diff --git a/demos/frosted-glass/README.md b/demos/frosted-glass/README.md
deleted file mode 100644
index 9011a61b..00000000
--- a/demos/frosted-glass/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/frosted-glass)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/frosted-glass)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/frosted-glass)
-
-```sh
-$ npx degit pmndrs/examples/demos/frosted-glass
-```
-
-![](thumbnail.webp)
diff --git a/demos/gatsby-stars/README.md b/demos/gatsby-stars/README.md
deleted file mode 100644
index 40f79e45..00000000
--- a/demos/gatsby-stars/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gatsby-stars)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/gatsby-stars)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/gatsby-stars)
-
-```sh
-$ npx degit pmndrs/examples/demos/gatsby-stars
-```
-
-![](thumbnail.webp)
diff --git a/demos/glass-flower/README.md b/demos/glass-flower/README.md
deleted file mode 100644
index bbb78eba..00000000
--- a/demos/glass-flower/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/glass-flower)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/glass-flower)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/glass-flower)
-
-```sh
-$ npx degit pmndrs/examples/demos/glass-flower
-```
-
-![](thumbnail.webp)
diff --git a/demos/gltf-animations-re-used/README.md b/demos/gltf-animations-re-used/README.md
deleted file mode 100644
index c1095451..00000000
--- a/demos/gltf-animations-re-used/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltf-animations-re-used)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/gltf-animations-re-used)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/gltf-animations-re-used)
-
-```sh
-$ npx degit pmndrs/examples/demos/gltf-animations-re-used
-```
-
-![](thumbnail.webp)
diff --git a/demos/gltf-animations-tied-to-scroll/README.md b/demos/gltf-animations-tied-to-scroll/README.md
deleted file mode 100644
index 6dcb2feb..00000000
--- a/demos/gltf-animations-tied-to-scroll/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltf-animations-tied-to-scroll)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/gltf-animations-tied-to-scroll)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/gltf-animations-tied-to-scroll)
-
-```sh
-$ npx degit pmndrs/examples/demos/gltf-animations-tied-to-scroll
-```
-
-![](thumbnail.webp)
diff --git a/demos/gltf-animations/README.md b/demos/gltf-animations/README.md
deleted file mode 100644
index 99aa4eec..00000000
--- a/demos/gltf-animations/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltf-animations)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/gltf-animations)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/gltf-animations)
-
-```sh
-$ npx degit pmndrs/examples/demos/gltf-animations
-```
-
-![](thumbnail.webp)
diff --git a/demos/gltf-animations/package.json b/demos/gltf-animations/package.json
deleted file mode 100644
index 958fad46..00000000
--- a/demos/gltf-animations/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/gltf-animations",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/gltf-animations"
-  }
-}
diff --git a/demos/gltfjsx-400kb-drone/README.md b/demos/gltfjsx-400kb-drone/README.md
deleted file mode 100644
index 73156c37..00000000
--- a/demos/gltfjsx-400kb-drone/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltfjsx-400kb-drone)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/gltfjsx-400kb-drone)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/gltfjsx-400kb-drone)
-
-```sh
-$ npx degit pmndrs/examples/demos/gltfjsx-400kb-drone
-```
-
-![](thumbnail.webp)
diff --git a/demos/gpgpu-curl-noise-dof/README.md b/demos/gpgpu-curl-noise-dof/README.md
deleted file mode 100644
index 2abd1213..00000000
--- a/demos/gpgpu-curl-noise-dof/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gpgpu-curl-noise-dof)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/gpgpu-curl-noise-dof)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/gpgpu-curl-noise-dof)
-
-```sh
-$ npx degit pmndrs/examples/demos/gpgpu-curl-noise-dof
-```
-
-![](thumbnail.webp)
diff --git a/demos/grass-shader/README.md b/demos/grass-shader/README.md
deleted file mode 100644
index dbc6c9bb..00000000
--- a/demos/grass-shader/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/grass-shader)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/grass-shader)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/grass-shader)
-
-```sh
-$ npx degit pmndrs/examples/demos/grass-shader
-```
-
-![](thumbnail.webp)
diff --git a/demos/ground-projected-envmaps-lamina/README.md b/demos/ground-projected-envmaps-lamina/README.md
deleted file mode 100644
index 2d0b97c9..00000000
--- a/demos/ground-projected-envmaps-lamina/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ground-projected-envmaps-lamina)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/ground-projected-envmaps-lamina)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/ground-projected-envmaps-lamina)
-
-```sh
-$ npx degit pmndrs/examples/demos/ground-projected-envmaps-lamina
-```
-
-![](thumbnail.webp)
diff --git a/demos/ground-reflections-and-video-textures/README.md b/demos/ground-reflections-and-video-textures/README.md
deleted file mode 100644
index d371998c..00000000
--- a/demos/ground-reflections-and-video-textures/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ground-reflections-and-video-textures)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/ground-reflections-and-video-textures)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/ground-reflections-and-video-textures)
-
-```sh
-$ npx degit pmndrs/examples/demos/ground-reflections-and-video-textures
-```
-
-![](thumbnail.webp)
diff --git a/demos/hi-key-bubbles/README.md b/demos/hi-key-bubbles/README.md
deleted file mode 100644
index 39097d6e..00000000
--- a/demos/hi-key-bubbles/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/hi-key-bubbles)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/hi-key-bubbles)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/hi-key-bubbles)
-
-```sh
-$ npx degit pmndrs/examples/demos/hi-key-bubbles
-```
-
-![](thumbnail.webp)
diff --git a/demos/horizontal-tiles/README.md b/demos/horizontal-tiles/README.md
deleted file mode 100644
index a533becb..00000000
--- a/demos/horizontal-tiles/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/horizontal-tiles)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/horizontal-tiles)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/horizontal-tiles)
-
-```sh
-$ npx degit pmndrs/examples/demos/horizontal-tiles
-```
-
-![](thumbnail.webp)
diff --git a/demos/html-annotations/package.json b/demos/html-annotations/package.json
deleted file mode 100644
index 89e74c7a..00000000
--- a/demos/html-annotations/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/html-annotations",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/html-annotations"
-  }
-}
diff --git a/demos/html-input-fields/README.md b/demos/html-input-fields/README.md
deleted file mode 100644
index 694fdaaf..00000000
--- a/demos/html-input-fields/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/html-input-fields)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/html-input-fields)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/html-input-fields)
-
-```sh
-$ npx degit pmndrs/examples/demos/html-input-fields
-```
-
-![](thumbnail.webp)
diff --git a/demos/html-markers/README.md b/demos/html-markers/README.md
deleted file mode 100644
index 3072f5c4..00000000
--- a/demos/html-markers/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/html-markers)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/html-markers)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/html-markers)
-
-```sh
-$ npx degit pmndrs/examples/demos/html-markers
-```
-
-![](thumbnail.webp)
diff --git a/demos/image-gallery/README.md b/demos/image-gallery/README.md
deleted file mode 100644
index d2320c29..00000000
--- a/demos/image-gallery/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/image-gallery)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/image-gallery)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/image-gallery)
-
-```sh
-$ npx degit pmndrs/examples/demos/image-gallery
-```
-
-![](thumbnail.webp)
diff --git a/demos/infinite-scroll/README.md b/demos/infinite-scroll/README.md
deleted file mode 100644
index 8bcb8c56..00000000
--- a/demos/infinite-scroll/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/infinite-scroll)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/infinite-scroll)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/infinite-scroll)
-
-```sh
-$ npx degit pmndrs/examples/demos/infinite-scroll
-```
-
-![](thumbnail.webp)
diff --git a/demos/instanced-particles-effects/README.md b/demos/instanced-particles-effects/README.md
deleted file mode 100644
index 4c878277..00000000
--- a/demos/instanced-particles-effects/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/instanced-particles-effects)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/instanced-particles-effects)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/instanced-particles-effects)
-
-```sh
-$ npx degit pmndrs/examples/demos/instanced-particles-effects
-```
-
-![](thumbnail.webp)
diff --git a/demos/instanced-particles-effects/package.json b/demos/instanced-particles-effects/package.json
deleted file mode 100644
index 1fb8b82e..00000000
--- a/demos/instanced-particles-effects/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/instanced-particles-effects",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/instanced-particles-effects"
-  }
-}
diff --git a/demos/instanced-vertex-colors/README.md b/demos/instanced-vertex-colors/README.md
deleted file mode 100644
index bb2d4e69..00000000
--- a/demos/instanced-vertex-colors/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/instanced-vertex-colors)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/instanced-vertex-colors)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/instanced-vertex-colors)
-
-```sh
-$ npx degit pmndrs/examples/demos/instanced-vertex-colors
-```
-
-![](thumbnail.webp)
diff --git a/demos/instances/README.md b/demos/instances/README.md
deleted file mode 100644
index 7f7e5d80..00000000
--- a/demos/instances/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/instances)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/instances)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/instances)
-
-```sh
-$ npx degit pmndrs/examples/demos/instances
-```
-
-![](thumbnail.webp)
diff --git a/demos/inter-epoxy-resin/README.md b/demos/inter-epoxy-resin/README.md
deleted file mode 100644
index 46a0b8ee..00000000
--- a/demos/inter-epoxy-resin/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/inter-epoxy-resin)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/inter-epoxy-resin)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/inter-epoxy-resin)
-
-```sh
-$ npx degit pmndrs/examples/demos/inter-epoxy-resin
-```
-
-![](thumbnail.webp)
diff --git a/demos/interactive-spline-scene-live-html/README.md b/demos/interactive-spline-scene-live-html/README.md
deleted file mode 100644
index ede41df7..00000000
--- a/demos/interactive-spline-scene-live-html/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/interactive-spline-scene-live-html)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/interactive-spline-scene-live-html)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/interactive-spline-scene-live-html)
-
-```sh
-$ npx degit pmndrs/examples/demos/interactive-spline-scene-live-html
-```
-
-![](thumbnail.webp)
diff --git a/demos/inverted-stencil-buffer/README.md b/demos/inverted-stencil-buffer/README.md
deleted file mode 100644
index 61fda690..00000000
--- a/demos/inverted-stencil-buffer/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/inverted-stencil-buffer)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/inverted-stencil-buffer)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/inverted-stencil-buffer)
-
-```sh
-$ npx degit pmndrs/examples/demos/inverted-stencil-buffer
-```
-
-![](thumbnail.webp)
diff --git a/demos/iridescent-decals/package.json b/demos/iridescent-decals/package.json
deleted file mode 100644
index 7ab89d84..00000000
--- a/demos/iridescent-decals/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/iridescent-decals",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/iridescent-decals"
-  }
-}
diff --git a/demos/lamina-1x/README.md b/demos/lamina-1x/README.md
deleted file mode 100644
index 1ab0e7e9..00000000
--- a/demos/lamina-1x/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/lamina-1x)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/lamina-1x)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/lamina-1x)
-
-```sh
-$ npx degit pmndrs/examples/demos/lamina-1x
-```
-
-![](thumbnail.webp)
diff --git a/demos/landing-page/README.md b/demos/landing-page/README.md
deleted file mode 100644
index f610e891..00000000
--- a/demos/landing-page/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/landing-page)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/landing-page)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/landing-page)
-
-```sh
-$ npx degit pmndrs/examples/demos/landing-page
-```
-
-![](thumbnail.webp)
diff --git a/demos/learn-with-jason/README.md b/demos/learn-with-jason/README.md
deleted file mode 100644
index a700bff2..00000000
--- a/demos/learn-with-jason/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/learn-with-jason)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/learn-with-jason)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/learn-with-jason)
-
-```sh
-$ npx degit pmndrs/examples/demos/learn-with-jason
-```
-
-![](thumbnail.webp)
diff --git a/demos/lulaby-city/README.md b/demos/lulaby-city/README.md
deleted file mode 100644
index 93d1b7fb..00000000
--- a/demos/lulaby-city/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/lulaby-city)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/lulaby-city)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/lulaby-city)
-
-```sh
-$ npx degit pmndrs/examples/demos/lulaby-city
-```
-
-![](thumbnail.webp)
diff --git a/demos/lusion-connectors/README.md b/demos/lusion-connectors/README.md
deleted file mode 100644
index c91be3fb..00000000
--- a/demos/lusion-connectors/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/lusion-connectors)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/lusion-connectors)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/lusion-connectors)
-
-```sh
-$ npx degit pmndrs/examples/demos/lusion-connectors
-```
-
-![](thumbnail.webp)
diff --git a/demos/magic-box/README.md b/demos/magic-box/README.md
deleted file mode 100644
index b549b573..00000000
--- a/demos/magic-box/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/magic-box)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/magic-box)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/magic-box)
-
-```sh
-$ npx degit pmndrs/examples/demos/magic-box
-```
-
-![](thumbnail.webp)
diff --git a/demos/merged-instance/README.md b/demos/merged-instance/README.md
deleted file mode 100644
index fab20a48..00000000
--- a/demos/merged-instance/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/merged-instance)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/merged-instance)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/merged-instance)
-
-```sh
-$ npx degit pmndrs/examples/demos/merged-instance
-```
-
-![](thumbnail.webp)
diff --git a/demos/minecraft/README.md b/demos/minecraft/README.md
deleted file mode 100644
index 3440d505..00000000
--- a/demos/minecraft/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/minecraft)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/minecraft)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/minecraft)
-
-```sh
-$ npx degit pmndrs/examples/demos/minecraft
-```
-
-![](thumbnail.webp)
diff --git a/demos/mixing-controls/README.md b/demos/mixing-controls/README.md
deleted file mode 100644
index eb8c6f89..00000000
--- a/demos/mixing-controls/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mixing-controls)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/mixing-controls)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/mixing-controls)
-
-```sh
-$ npx degit pmndrs/examples/demos/mixing-controls
-```
-
-![](thumbnail.webp)
diff --git a/demos/mixing-html-and-webgl-w-occlusion/README.md b/demos/mixing-html-and-webgl-w-occlusion/README.md
deleted file mode 100644
index a02af50a..00000000
--- a/demos/mixing-html-and-webgl-w-occlusion/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mixing-html-and-webgl-w-occlusion)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/mixing-html-and-webgl-w-occlusion)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/mixing-html-and-webgl-w-occlusion)
-
-```sh
-$ npx degit pmndrs/examples/demos/mixing-html-and-webgl-w-occlusion
-```
-
-![](thumbnail.webp)
diff --git a/demos/mixing-html-and-webgl/README.md b/demos/mixing-html-and-webgl/README.md
deleted file mode 100644
index cb6fc6c4..00000000
--- a/demos/mixing-html-and-webgl/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mixing-html-and-webgl)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/mixing-html-and-webgl)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/mixing-html-and-webgl)
-
-```sh
-$ npx degit pmndrs/examples/demos/mixing-html-and-webgl
-```
-
-![](thumbnail.webp)
diff --git a/demos/monitors/README.md b/demos/monitors/README.md
deleted file mode 100644
index ec4173d4..00000000
--- a/demos/monitors/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/monitors)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/monitors)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/monitors)
-
-```sh
-$ npx degit pmndrs/examples/demos/monitors
-```
-
-![](thumbnail.webp)
diff --git a/demos/motionpathcontrols/README.md b/demos/motionpathcontrols/README.md
deleted file mode 100644
index 954db429..00000000
--- a/demos/motionpathcontrols/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/motionpathcontrols)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/motionpathcontrols)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/motionpathcontrols)
-
-```sh
-$ npx degit pmndrs/examples/demos/motionpathcontrols
-```
-
-![](thumbnail.webp)
diff --git a/demos/mount-transitions/README.md b/demos/mount-transitions/README.md
deleted file mode 100644
index 944d1745..00000000
--- a/demos/mount-transitions/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mount-transitions)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/mount-transitions)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/mount-transitions)
-
-```sh
-$ npx degit pmndrs/examples/demos/mount-transitions
-```
-
-![](thumbnail.webp)
diff --git a/demos/multiple-views-with-uniform-controls/README.md b/demos/multiple-views-with-uniform-controls/README.md
deleted file mode 100644
index 7f06cdd0..00000000
--- a/demos/multiple-views-with-uniform-controls/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/multiple-views-with-uniform-controls)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/multiple-views-with-uniform-controls)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/multiple-views-with-uniform-controls)
-
-```sh
-$ npx degit pmndrs/examples/demos/multiple-views-with-uniform-controls
-```
-
-![](thumbnail.webp)
diff --git a/demos/nextjs-prism/README.md b/demos/nextjs-prism/README.md
deleted file mode 100644
index 96f45938..00000000
--- a/demos/nextjs-prism/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/nextjs-prism)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/nextjs-prism)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/nextjs-prism)
-
-```sh
-$ npx degit pmndrs/examples/demos/nextjs-prism
-```
-
-![](thumbnail.webp)
diff --git a/demos/night-train/README.md b/demos/night-train/README.md
deleted file mode 100644
index bded4edc..00000000
--- a/demos/night-train/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/night-train)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/night-train)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/night-train)
-
-```sh
-$ npx degit pmndrs/examples/demos/night-train
-```
-
-![](thumbnail.webp)
diff --git a/demos/night-train/package.json b/demos/night-train/package.json
deleted file mode 100644
index a3a09cdf..00000000
--- a/demos/night-train/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/night-train",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/night-train"
-  }
-}
diff --git a/demos/object-clump/README.md b/demos/object-clump/README.md
deleted file mode 100644
index 8a26346d..00000000
--- a/demos/object-clump/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/object-clump)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/object-clump)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/object-clump)
-
-```sh
-$ npx degit pmndrs/examples/demos/object-clump
-```
-
-![](thumbnail.webp)
diff --git a/demos/pairing-threejs-to-ui/README.md b/demos/pairing-threejs-to-ui/README.md
deleted file mode 100644
index bd0f5d6f..00000000
--- a/demos/pairing-threejs-to-ui/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pairing-threejs-to-ui)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/pairing-threejs-to-ui)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/pairing-threejs-to-ui)
-
-```sh
-$ npx degit pmndrs/examples/demos/pairing-threejs-to-ui
-```
-
-![](thumbnail.webp)
diff --git a/demos/pass-through-portals/README.md b/demos/pass-through-portals/README.md
deleted file mode 100644
index aada758b..00000000
--- a/demos/pass-through-portals/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pass-through-portals)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/pass-through-portals)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/pass-through-portals)
-
-```sh
-$ npx degit pmndrs/examples/demos/pass-through-portals
-```
-
-![](thumbnail.webp)
diff --git a/demos/physics-with-convex-polyhedrons/README.md b/demos/physics-with-convex-polyhedrons/README.md
deleted file mode 100644
index 3319de96..00000000
--- a/demos/physics-with-convex-polyhedrons/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/physics-with-convex-polyhedrons)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/physics-with-convex-polyhedrons)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/physics-with-convex-polyhedrons)
-
-```sh
-$ npx degit pmndrs/examples/demos/physics-with-convex-polyhedrons
-```
-
-![](thumbnail.webp)
diff --git a/demos/pinball-in-70-lines/package.json b/demos/pinball-in-70-lines/package.json
deleted file mode 100644
index 5c67a482..00000000
--- a/demos/pinball-in-70-lines/package.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "name": "@demo/pinball-in-70-lines",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/cannon": "^6.6.0",
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/pinball-in-70-lines"
-  }
-}
diff --git a/demos/pmndrs-vercel/README.md b/demos/pmndrs-vercel/README.md
deleted file mode 100644
index d84cbab0..00000000
--- a/demos/pmndrs-vercel/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pmndrs-vercel)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/pmndrs-vercel)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/pmndrs-vercel)
-
-```sh
-$ npx degit pmndrs/examples/demos/pmndrs-vercel
-```
-
-![](thumbnail.webp)
diff --git a/demos/portal-shapes/README.md b/demos/portal-shapes/README.md
deleted file mode 100644
index b080fe7a..00000000
--- a/demos/portal-shapes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/portal-shapes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/portal-shapes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/portal-shapes)
-
-```sh
-$ npx degit pmndrs/examples/demos/portal-shapes
-```
-
-![](thumbnail.webp)
diff --git a/demos/portals/README.md b/demos/portals/README.md
deleted file mode 100644
index 902f9c36..00000000
--- a/demos/portals/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/portals)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/portals)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/portals)
-
-```sh
-$ npx degit pmndrs/examples/demos/portals
-```
-
-![](thumbnail.webp)
diff --git a/demos/progressive-loading-states-with-suspense/README.md b/demos/progressive-loading-states-with-suspense/README.md
deleted file mode 100644
index d3ae8a27..00000000
--- a/demos/progressive-loading-states-with-suspense/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/progressive-loading-states-with-suspense)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/progressive-loading-states-with-suspense)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/progressive-loading-states-with-suspense)
-
-```sh
-$ npx degit pmndrs/examples/demos/progressive-loading-states-with-suspense
-```
-
-![](thumbnail.webp)
diff --git a/demos/progressive-loading-states-with-suspense/package.json b/demos/progressive-loading-states-with-suspense/package.json
deleted file mode 100644
index 0fbaafe7..00000000
--- a/demos/progressive-loading-states-with-suspense/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/progressive-loading-states-with-suspense",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/progressive-loading-states-with-suspense"
-  }
-}
diff --git a/demos/racing-game/README.md b/demos/racing-game/README.md
deleted file mode 100644
index 40529f8f..00000000
--- a/demos/racing-game/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/racing-game)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/racing-game)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/racing-game)
-
-```sh
-$ npx degit pmndrs/examples/demos/racing-game
-```
-
-![](thumbnail.webp)
diff --git a/demos/ragdoll-physics/README.md b/demos/ragdoll-physics/README.md
deleted file mode 100644
index f7eb86b5..00000000
--- a/demos/ragdoll-physics/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ragdoll-physics)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/ragdoll-physics)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/ragdoll-physics)
-
-```sh
-$ npx degit pmndrs/examples/demos/ragdoll-physics
-```
-
-![](thumbnail.webp)
diff --git a/demos/rapier-physics/README.md b/demos/rapier-physics/README.md
deleted file mode 100644
index 1982b522..00000000
--- a/demos/rapier-physics/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/rapier-physics)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/rapier-physics)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/rapier-physics)
-
-```sh
-$ npx degit pmndrs/examples/demos/rapier-physics
-```
-
-![](thumbnail.webp)
diff --git a/demos/rapier-ping-pong/README.md b/demos/rapier-ping-pong/README.md
deleted file mode 100644
index 7efb1f63..00000000
--- a/demos/rapier-ping-pong/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/rapier-ping-pong)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/rapier-ping-pong)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/rapier-ping-pong)
-
-```sh
-$ npx degit pmndrs/examples/demos/rapier-ping-pong
-```
-
-![](thumbnail.webp)
diff --git a/demos/raycast-cycling/README.md b/demos/raycast-cycling/README.md
deleted file mode 100644
index 15dd6238..00000000
--- a/demos/raycast-cycling/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/raycast-cycling)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/raycast-cycling)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/raycast-cycling)
-
-```sh
-$ npx degit pmndrs/examples/demos/raycast-cycling
-```
-
-![](thumbnail.webp)
diff --git a/demos/re-using-geometry-and-level-of-detail/README.md b/demos/re-using-geometry-and-level-of-detail/README.md
deleted file mode 100644
index b448a026..00000000
--- a/demos/re-using-geometry-and-level-of-detail/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/re-using-geometry-and-level-of-detail)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/re-using-geometry-and-level-of-detail)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/re-using-geometry-and-level-of-detail)
-
-```sh
-$ npx degit pmndrs/examples/demos/re-using-geometry-and-level-of-detail
-```
-
-![](thumbnail.webp)
diff --git a/demos/re-using-geometry-and-level-of-detail/package.json b/demos/re-using-geometry-and-level-of-detail/package.json
deleted file mode 100644
index 7fab8dd7..00000000
--- a/demos/re-using-geometry-and-level-of-detail/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/re-using-geometry-and-level-of-detail",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/re-using-geometry-and-level-of-detail"
-  }
-}
diff --git a/demos/re-using-gltfs/README.md b/demos/re-using-gltfs/README.md
deleted file mode 100644
index 2427f236..00000000
--- a/demos/re-using-gltfs/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/re-using-gltfs)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/re-using-gltfs)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/re-using-gltfs)
-
-```sh
-$ npx degit pmndrs/examples/demos/re-using-gltfs
-```
-
-![](thumbnail.webp)
diff --git a/demos/react-ellipsecurve/README.md b/demos/react-ellipsecurve/README.md
deleted file mode 100644
index 47747ac6..00000000
--- a/demos/react-ellipsecurve/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/react-ellipsecurve)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/react-ellipsecurve)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/react-ellipsecurve)
-
-```sh
-$ npx degit pmndrs/examples/demos/react-ellipsecurve
-```
-
-![](thumbnail.webp)
diff --git a/demos/react-pp-outlines/README.md b/demos/react-pp-outlines/README.md
deleted file mode 100644
index f3db5b69..00000000
--- a/demos/react-pp-outlines/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/react-pp-outlines)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/react-pp-outlines)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/react-pp-outlines)
-
-```sh
-$ npx degit pmndrs/examples/demos/react-pp-outlines
-```
-
-![](thumbnail.webp)
diff --git a/demos/react-spring-animations/README.md b/demos/react-spring-animations/README.md
deleted file mode 100644
index 766c90d2..00000000
--- a/demos/react-spring-animations/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/react-spring-animations)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/react-spring-animations)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/react-spring-animations)
-
-```sh
-$ npx degit pmndrs/examples/demos/react-spring-animations
-```
-
-![](thumbnail.webp)
diff --git a/demos/room-with-soft-shadows/README.md b/demos/room-with-soft-shadows/README.md
deleted file mode 100644
index ea77c99e..00000000
--- a/demos/room-with-soft-shadows/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/room-with-soft-shadows)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/room-with-soft-shadows)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/room-with-soft-shadows)
-
-```sh
-$ npx degit pmndrs/examples/demos/room-with-soft-shadows
-```
-
-![](thumbnail.webp)
diff --git a/demos/router-transitions/README.md b/demos/router-transitions/README.md
deleted file mode 100644
index 06981ee3..00000000
--- a/demos/router-transitions/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/router-transitions)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/router-transitions)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/router-transitions)
-
-```sh
-$ npx degit pmndrs/examples/demos/router-transitions
-```
-
-![](thumbnail.webp)
diff --git a/demos/scrollcontrols-and-lens-refraction/README.md b/demos/scrollcontrols-and-lens-refraction/README.md
deleted file mode 100644
index 72beaa8d..00000000
--- a/demos/scrollcontrols-and-lens-refraction/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/scrollcontrols-and-lens-refraction)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/scrollcontrols-and-lens-refraction)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/scrollcontrols-and-lens-refraction)
-
-```sh
-$ npx degit pmndrs/examples/demos/scrollcontrols-and-lens-refraction
-```
-
-![](thumbnail.webp)
diff --git a/demos/scrollcontrols-gltf/README.md b/demos/scrollcontrols-gltf/README.md
deleted file mode 100644
index e33ec898..00000000
--- a/demos/scrollcontrols-gltf/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/scrollcontrols-gltf)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/scrollcontrols-gltf)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/scrollcontrols-gltf)
-
-```sh
-$ npx degit pmndrs/examples/demos/scrollcontrols-gltf
-```
-
-![](thumbnail.webp)
diff --git a/demos/scrollcontrols-gltf/package.json b/demos/scrollcontrols-gltf/package.json
deleted file mode 100644
index 3cd592df..00000000
--- a/demos/scrollcontrols-gltf/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/scrollcontrols-gltf",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/scrollcontrols-gltf"
-  }
-}
diff --git a/demos/scrollcontrols-with-minimap/README.md b/demos/scrollcontrols-with-minimap/README.md
deleted file mode 100644
index 2f871925..00000000
--- a/demos/scrollcontrols-with-minimap/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/scrollcontrols-with-minimap)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/scrollcontrols-with-minimap)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/scrollcontrols-with-minimap)
-
-```sh
-$ npx degit pmndrs/examples/demos/scrollcontrols-with-minimap
-```
-
-![](thumbnail.webp)
diff --git a/demos/scrollcontrols-with-minimap/package.json b/demos/scrollcontrols-with-minimap/package.json
deleted file mode 100644
index 898e15e9..00000000
--- a/demos/scrollcontrols-with-minimap/package.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "name": "@demo/scrollcontrols-with-minimap",
-  "version": "1.0.0",
-  "dependencies": {
-    "@pmndrs/branding": "^0.0.8",
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/scrollcontrols-with-minimap"
-  }
-}
diff --git a/demos/selective-outlines/README.md b/demos/selective-outlines/README.md
deleted file mode 100644
index aa7bcacb..00000000
--- a/demos/selective-outlines/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/selective-outlines)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/selective-outlines)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/selective-outlines)
-
-```sh
-$ npx degit pmndrs/examples/demos/selective-outlines
-```
-
-![](thumbnail.webp)
diff --git a/demos/shader-fire/README.md b/demos/shader-fire/README.md
deleted file mode 100644
index 9b22b767..00000000
--- a/demos/shader-fire/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shader-fire)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/shader-fire)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/shader-fire)
-
-```sh
-$ npx degit pmndrs/examples/demos/shader-fire
-```
-
-![](thumbnail.webp)
diff --git a/demos/shader-hmr/README.md b/demos/shader-hmr/README.md
deleted file mode 100644
index 4a3d3d9b..00000000
--- a/demos/shader-hmr/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shader-hmr)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/shader-hmr)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/shader-hmr)
-
-```sh
-$ npx degit pmndrs/examples/demos/shader-hmr
-```
-
-![](thumbnail.webp)
diff --git a/demos/shadermaterials/README.md b/demos/shadermaterials/README.md
deleted file mode 100644
index 33c5794d..00000000
--- a/demos/shadermaterials/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shadermaterials)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/shadermaterials)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/shadermaterials)
-
-```sh
-$ npx degit pmndrs/examples/demos/shadermaterials
-```
-
-![](thumbnail.webp)
diff --git a/demos/shadermaterials/package.json b/demos/shadermaterials/package.json
deleted file mode 100644
index f5055547..00000000
--- a/demos/shadermaterials/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/shadermaterials",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/shadermaterials"
-  }
-}
diff --git a/demos/shoe-configurator/README.md b/demos/shoe-configurator/README.md
deleted file mode 100644
index eab8fdf6..00000000
--- a/demos/shoe-configurator/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shoe-configurator)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/shoe-configurator)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/shoe-configurator)
-
-```sh
-$ npx degit pmndrs/examples/demos/shoe-configurator
-```
-
-![](thumbnail.webp)
diff --git a/demos/shopping/README.md b/demos/shopping/README.md
deleted file mode 100644
index 68394ca7..00000000
--- a/demos/shopping/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shopping)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/shopping)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/shopping)
-
-```sh
-$ npx degit pmndrs/examples/demos/shopping
-```
-
-![](thumbnail.webp)
diff --git a/demos/simple-audio-analyser/README.md b/demos/simple-audio-analyser/README.md
deleted file mode 100644
index 9b4aeb90..00000000
--- a/demos/simple-audio-analyser/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/simple-audio-analyser)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/simple-audio-analyser)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/simple-audio-analyser)
-
-```sh
-$ npx degit pmndrs/examples/demos/simple-audio-analyser
-```
-
-![](thumbnail.webp)
diff --git a/demos/simple-physics-demo-with-debug-bounds/README.md b/demos/simple-physics-demo-with-debug-bounds/README.md
deleted file mode 100644
index 7210b399..00000000
--- a/demos/simple-physics-demo-with-debug-bounds/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/simple-physics-demo-with-debug-bounds)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/simple-physics-demo-with-debug-bounds)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/simple-physics-demo-with-debug-bounds)
-
-```sh
-$ npx degit pmndrs/examples/demos/simple-physics-demo-with-debug-bounds
-```
-
-![](thumbnail.webp)
diff --git a/demos/simple-physics-demo/README.md b/demos/simple-physics-demo/README.md
deleted file mode 100644
index db170a74..00000000
--- a/demos/simple-physics-demo/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/simple-physics-demo)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/simple-physics-demo)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/simple-physics-demo)
-
-```sh
-$ npx degit pmndrs/examples/demos/simple-physics-demo
-```
-
-![](thumbnail.webp)
diff --git a/demos/sky-dome-with-annotations/README.md b/demos/sky-dome-with-annotations/README.md
deleted file mode 100644
index 153e06e2..00000000
--- a/demos/sky-dome-with-annotations/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/sky-dome-with-annotations)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/sky-dome-with-annotations)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/sky-dome-with-annotations)
-
-```sh
-$ npx degit pmndrs/examples/demos/sky-dome-with-annotations
-```
-
-![](thumbnail.webp)
diff --git a/demos/soft-shadows/README.md b/demos/soft-shadows/README.md
deleted file mode 100644
index 0c340f3b..00000000
--- a/demos/soft-shadows/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/soft-shadows)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/soft-shadows)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/soft-shadows)
-
-```sh
-$ npx degit pmndrs/examples/demos/soft-shadows
-```
-
-![](thumbnail.webp)
diff --git a/demos/space-game/README.md b/demos/space-game/README.md
deleted file mode 100644
index c388f04d..00000000
--- a/demos/space-game/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/space-game)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/space-game)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/space-game)
-
-```sh
-$ npx degit pmndrs/examples/demos/space-game
-```
-
-![](thumbnail.webp)
diff --git a/demos/sparks-and-effects/README.md b/demos/sparks-and-effects/README.md
deleted file mode 100644
index df05009b..00000000
--- a/demos/sparks-and-effects/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/sparks-and-effects)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/sparks-and-effects)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/sparks-and-effects)
-
-```sh
-$ npx degit pmndrs/examples/demos/sparks-and-effects
-```
-
-![](thumbnail.webp)
diff --git a/demos/spline-glass-shapes/README.md b/demos/spline-glass-shapes/README.md
deleted file mode 100644
index d03a7eaf..00000000
--- a/demos/spline-glass-shapes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/spline-glass-shapes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/spline-glass-shapes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/spline-glass-shapes)
-
-```sh
-$ npx degit pmndrs/examples/demos/spline-glass-shapes
-```
-
-![](thumbnail.webp)
diff --git a/demos/sport-hall/README.md b/demos/sport-hall/README.md
deleted file mode 100644
index 151925ab..00000000
--- a/demos/sport-hall/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/sport-hall)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/sport-hall)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/sport-hall)
-
-```sh
-$ npx degit pmndrs/examples/demos/sport-hall
-```
-
-![](thumbnail.webp)
diff --git a/demos/spotlight-shadows/README.md b/demos/spotlight-shadows/README.md
deleted file mode 100644
index ba233e09..00000000
--- a/demos/spotlight-shadows/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/spotlight-shadows)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/spotlight-shadows)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/spotlight-shadows)
-
-```sh
-$ npx degit pmndrs/examples/demos/spotlight-shadows
-```
-
-![](thumbnail.webp)
diff --git a/demos/spotlight-shadows/package.json b/demos/spotlight-shadows/package.json
deleted file mode 100644
index 5285fb84..00000000
--- a/demos/spotlight-shadows/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/spotlight-shadows",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/spotlight-shadows"
-  }
-}
diff --git a/demos/springy-boxes/README.md b/demos/springy-boxes/README.md
deleted file mode 100644
index e6ad9f1a..00000000
--- a/demos/springy-boxes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/springy-boxes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/springy-boxes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/springy-boxes)
-
-```sh
-$ npx degit pmndrs/examples/demos/springy-boxes
-```
-
-![](thumbnail.webp)
diff --git a/demos/ssgi-spheres-with-rapier-physics/README.md b/demos/ssgi-spheres-with-rapier-physics/README.md
deleted file mode 100644
index c6c81ab9..00000000
--- a/demos/ssgi-spheres-with-rapier-physics/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ssgi-spheres-with-rapier-physics)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/ssgi-spheres-with-rapier-physics)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/ssgi-spheres-with-rapier-physics)
-
-```sh
-$ npx degit pmndrs/examples/demos/ssgi-spheres-with-rapier-physics
-```
-
-![](thumbnail.webp)
diff --git a/demos/ssr-test/README.md b/demos/ssr-test/README.md
deleted file mode 100644
index bdf6d250..00000000
--- a/demos/ssr-test/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ssr-test)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/ssr-test)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/ssr-test)
-
-```sh
-$ npx degit pmndrs/examples/demos/ssr-test
-```
-
-![](thumbnail.webp)
diff --git a/demos/stage-presets-gltfjsx/README.md b/demos/stage-presets-gltfjsx/README.md
deleted file mode 100644
index e44abdfd..00000000
--- a/demos/stage-presets-gltfjsx/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/stage-presets-gltfjsx)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/stage-presets-gltfjsx)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/stage-presets-gltfjsx)
-
-```sh
-$ npx degit pmndrs/examples/demos/stage-presets-gltfjsx
-```
-
-![](thumbnail.webp)
diff --git a/demos/staging-and-camerashake/README.md b/demos/staging-and-camerashake/README.md
deleted file mode 100644
index 0ce8b4bf..00000000
--- a/demos/staging-and-camerashake/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/staging-and-camerashake)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/staging-and-camerashake)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/staging-and-camerashake)
-
-```sh
-$ npx degit pmndrs/examples/demos/staging-and-camerashake
-```
-
-![](thumbnail.webp)
diff --git a/demos/staging-and-camerashake/package.json b/demos/staging-and-camerashake/package.json
deleted file mode 100644
index fc358a25..00000000
--- a/demos/staging-and-camerashake/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "name": "@demo/staging-and-camerashake",
-  "version": "1.0.0",
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/staging-and-camerashake"
-  }
-}
diff --git a/demos/starwars/README.md b/demos/starwars/README.md
deleted file mode 100644
index 9795cb7b..00000000
--- a/demos/starwars/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/starwars)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/starwars)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/starwars)
-
-```sh
-$ npx degit pmndrs/examples/demos/starwars
-```
-
-![](thumbnail.webp)
diff --git a/demos/stencil-mask/README.md b/demos/stencil-mask/README.md
deleted file mode 100644
index d76fb2db..00000000
--- a/demos/stencil-mask/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/stencil-mask)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/stencil-mask)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/stencil-mask)
-
-```sh
-$ npx degit pmndrs/examples/demos/stencil-mask
-```
-
-![](thumbnail.webp)
diff --git a/demos/svg-maps-with-html-annotations/README.md b/demos/svg-maps-with-html-annotations/README.md
deleted file mode 100644
index 7cec2044..00000000
--- a/demos/svg-maps-with-html-annotations/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/svg-maps-with-html-annotations)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/svg-maps-with-html-annotations)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/svg-maps-with-html-annotations)
-
-```sh
-$ npx degit pmndrs/examples/demos/svg-maps-with-html-annotations
-```
-
-![](thumbnail.webp)
diff --git a/demos/svg-renderer/README.md b/demos/svg-renderer/README.md
deleted file mode 100644
index 96a0c7c0..00000000
--- a/demos/svg-renderer/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/svg-renderer)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/svg-renderer)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/svg-renderer)
-
-```sh
-$ npx degit pmndrs/examples/demos/svg-renderer
-```
-
-![](thumbnail.webp)
diff --git a/demos/t-shirt-configurator/README.md b/demos/t-shirt-configurator/README.md
deleted file mode 100644
index 77756bed..00000000
--- a/demos/t-shirt-configurator/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/t-shirt-configurator)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/t-shirt-configurator)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/t-shirt-configurator)
-
-```sh
-$ npx degit pmndrs/examples/demos/t-shirt-configurator
-```
-
-![](thumbnail.webp)
diff --git a/demos/the-three-graces/README.md b/demos/the-three-graces/README.md
deleted file mode 100644
index 8ddfb1e4..00000000
--- a/demos/the-three-graces/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/the-three-graces)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/the-three-graces)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/the-three-graces)
-
-```sh
-$ npx degit pmndrs/examples/demos/the-three-graces
-```
-
-![](thumbnail.webp)
diff --git a/demos/threejs-journey-lv-1-fisheye/README.md b/demos/threejs-journey-lv-1-fisheye/README.md
deleted file mode 100644
index ca15442b..00000000
--- a/demos/threejs-journey-lv-1-fisheye/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/threejs-journey-lv-1-fisheye)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/threejs-journey-lv-1-fisheye)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/threejs-journey-lv-1-fisheye)
-
-```sh
-$ npx degit pmndrs/examples/demos/threejs-journey-lv-1-fisheye
-```
-
-![](thumbnail.webp)
diff --git a/demos/threejs-journey-portal/README.md b/demos/threejs-journey-portal/README.md
deleted file mode 100644
index 193c7eb8..00000000
--- a/demos/threejs-journey-portal/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/threejs-journey-portal)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/threejs-journey-portal)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/threejs-journey-portal)
-
-```sh
-$ npx degit pmndrs/examples/demos/threejs-journey-portal
-```
-
-![](thumbnail.webp)
diff --git a/demos/thunder-clouds/README.md b/demos/thunder-clouds/README.md
deleted file mode 100644
index 5cba24b1..00000000
--- a/demos/thunder-clouds/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/thunder-clouds)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/thunder-clouds)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/thunder-clouds)
-
-```sh
-$ npx degit pmndrs/examples/demos/thunder-clouds
-```
-
-![](thumbnail.webp)
diff --git a/demos/trails/README.md b/demos/trails/README.md
deleted file mode 100644
index cdc098e7..00000000
--- a/demos/trails/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/trails)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/trails)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/trails)
-
-```sh
-$ npx degit pmndrs/examples/demos/trails
-```
-
-![](thumbnail.webp)
diff --git a/demos/transformcontrols-and-makedefault/README.md b/demos/transformcontrols-and-makedefault/README.md
deleted file mode 100644
index 0555e33c..00000000
--- a/demos/transformcontrols-and-makedefault/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/transformcontrols-and-makedefault)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/transformcontrols-and-makedefault)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/transformcontrols-and-makedefault)
-
-```sh
-$ npx degit pmndrs/examples/demos/transformcontrols-and-makedefault
-```
-
-![](thumbnail.webp)
diff --git a/demos/transparent-aesop-bottles/README.md b/demos/transparent-aesop-bottles/README.md
deleted file mode 100644
index 7e620f4c..00000000
--- a/demos/transparent-aesop-bottles/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/transparent-aesop-bottles)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/transparent-aesop-bottles)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/transparent-aesop-bottles)
-
-```sh
-$ npx degit pmndrs/examples/demos/transparent-aesop-bottles
-```
-
-![](thumbnail.webp)
diff --git a/demos/trigger-meshes/README.md b/demos/trigger-meshes/README.md
deleted file mode 100644
index 64e4f0c3..00000000
--- a/demos/trigger-meshes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/trigger-meshes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/trigger-meshes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/trigger-meshes)
-
-```sh
-$ npx degit pmndrs/examples/demos/trigger-meshes
-```
-
-![](thumbnail.webp)
diff --git a/demos/tying-canvas-to-scroll-offset/README.md b/demos/tying-canvas-to-scroll-offset/README.md
deleted file mode 100644
index f6f68ffb..00000000
--- a/demos/tying-canvas-to-scroll-offset/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/tying-canvas-to-scroll-offset)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/tying-canvas-to-scroll-offset)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/tying-canvas-to-scroll-offset)
-
-```sh
-$ npx degit pmndrs/examples/demos/tying-canvas-to-scroll-offset
-```
-
-![](thumbnail.webp)
diff --git a/demos/tying-canvas-to-scroll-offset/package.json b/demos/tying-canvas-to-scroll-offset/package.json
deleted file mode 100644
index f7041f5e..00000000
--- a/demos/tying-canvas-to-scroll-offset/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/tying-canvas-to-scroll-offset",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/tying-canvas-to-scroll-offset"
-  }
-}
diff --git a/demos/useintersect-and-scrollcontrols/README.md b/demos/useintersect-and-scrollcontrols/README.md
deleted file mode 100644
index e014fb8a..00000000
--- a/demos/useintersect-and-scrollcontrols/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/useintersect-and-scrollcontrols)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/useintersect-and-scrollcontrols)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/useintersect-and-scrollcontrols)
-
-```sh
-$ npx degit pmndrs/examples/demos/useintersect-and-scrollcontrols
-```
-
-![](thumbnail.webp)
diff --git a/demos/useintersect-and-scrollcontrols/package.json b/demos/useintersect-and-scrollcontrols/package.json
deleted file mode 100644
index 398e9585..00000000
--- a/demos/useintersect-and-scrollcontrols/package.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "name": "@demo/useintersect-and-scrollcontrols",
-  "version": "1.0.0",
-  "dependencies": {
-    "@pmndrs/branding": "^0.0.8",
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/useintersect-and-scrollcontrols"
-  }
-}
diff --git a/demos/video-cookies/README.md b/demos/video-cookies/README.md
deleted file mode 100644
index d09c3189..00000000
--- a/demos/video-cookies/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/video-cookies)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/video-cookies)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/video-cookies)
-
-```sh
-$ npx degit pmndrs/examples/demos/video-cookies
-```
-
-![](thumbnail.webp)
diff --git a/demos/video-textures/README.md b/demos/video-textures/README.md
deleted file mode 100644
index e7934259..00000000
--- a/demos/video-textures/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/video-textures)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/video-textures)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/video-textures)
-
-```sh
-$ npx degit pmndrs/examples/demos/video-textures
-```
-
-![](thumbnail.webp)
diff --git a/demos/video-textures/package.json b/demos/video-textures/package.json
deleted file mode 100644
index 22e6d773..00000000
--- a/demos/video-textures/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/video-textures",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/video-textures"
-  }
-}
diff --git a/demos/view-tracking/README.md b/demos/view-tracking/README.md
deleted file mode 100644
index 6c9535e5..00000000
--- a/demos/view-tracking/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/view-tracking)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/view-tracking)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/view-tracking)
-
-```sh
-$ npx degit pmndrs/examples/demos/view-tracking
-```
-
-![](thumbnail.webp)
diff --git a/demos/viewcube/README.md b/demos/viewcube/README.md
deleted file mode 100644
index b0c8ad9d..00000000
--- a/demos/viewcube/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/viewcube)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/viewcube)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/viewcube)
-
-```sh
-$ npx degit pmndrs/examples/demos/viewcube
-```
-
-![](thumbnail.webp)
diff --git a/demos/viking-ship/README.md b/demos/viking-ship/README.md
deleted file mode 100644
index f214808b..00000000
--- a/demos/viking-ship/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/viking-ship)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/viking-ship)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/viking-ship)
-
-```sh
-$ npx degit pmndrs/examples/demos/viking-ship
-```
-
-![](thumbnail.webp)
diff --git a/demos/volumetric-light-godray/README.md b/demos/volumetric-light-godray/README.md
deleted file mode 100644
index d6a5e336..00000000
--- a/demos/volumetric-light-godray/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/volumetric-light-godray)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/volumetric-light-godray)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/volumetric-light-godray)
-
-```sh
-$ npx degit pmndrs/examples/demos/volumetric-light-godray
-```
-
-![](thumbnail.webp)
diff --git a/demos/volumetric-light-godray/package.json b/demos/volumetric-light-godray/package.json
deleted file mode 100644
index ca349fe3..00000000
--- a/demos/volumetric-light-godray/package.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "name": "@demo/volumetric-light-godray",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "@react-three/postprocessing": "^3.0.4",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/volumetric-light-godray"
-  }
-}
diff --git a/demos/volumetric-spotlight/README.md b/demos/volumetric-spotlight/README.md
deleted file mode 100644
index ca104508..00000000
--- a/demos/volumetric-spotlight/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/volumetric-spotlight)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/volumetric-spotlight)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/volumetric-spotlight)
-
-```sh
-$ npx degit pmndrs/examples/demos/volumetric-spotlight
-```
-
-![](thumbnail.webp)
diff --git a/demos/volumetric-spotlight/package.json b/demos/volumetric-spotlight/package.json
deleted file mode 100644
index eae9d1d6..00000000
--- a/demos/volumetric-spotlight/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "name": "@demo/volumetric-spotlight",
-  "version": "1.0.0",
-  "dependencies": {
-    "@react-three/drei": "10.7.7",
-    "@react-three/fiber": "9.6.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "three": "0.165.0"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "dev3": "e2e-dev $npm_package_name",
-    "build": "tsc && vite build",
-    "build2": "tsc && e2e-build $npm_package_name",
-    "preview": "vite preview"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/volumetric-spotlight"
-  }
-}
diff --git a/demos/water-shader/README.md b/demos/water-shader/README.md
deleted file mode 100644
index f2829bf0..00000000
--- a/demos/water-shader/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/water-shader)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/water-shader)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/water-shader)
-
-```sh
-$ npx degit pmndrs/examples/demos/water-shader
-```
-
-![](thumbnail.webp)
diff --git a/demos/wireframes/README.md b/demos/wireframes/README.md
deleted file mode 100644
index 4e8cb483..00000000
--- a/demos/wireframes/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/wireframes)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/wireframes)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/wireframes)
-
-```sh
-$ npx degit pmndrs/examples/demos/wireframes
-```
-
-![](thumbnail.webp)
diff --git a/demos/wobbling-sphere/README.md b/demos/wobbling-sphere/README.md
deleted file mode 100644
index 76a5d1d8..00000000
--- a/demos/wobbling-sphere/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/wobbling-sphere)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/wobbling-sphere)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/wobbling-sphere)
-
-```sh
-$ npx degit pmndrs/examples/demos/wobbling-sphere
-```
-
-![](thumbnail.webp)
diff --git a/demos/zustand-site/README.md b/demos/zustand-site/README.md
deleted file mode 100644
index 419d8451..00000000
--- a/demos/zustand-site/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/zustand-site)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/zustand-site)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/zustand-site)
-
-```sh
-$ npx degit pmndrs/examples/demos/zustand-site
-```
-
-![](thumbnail.webp)
diff --git a/docs/agents/domain.md b/docs/agents/domain.md
index 580019dd..d0d741bb 100644
--- a/docs/agents/domain.md
+++ b/docs/agents/domain.md
@@ -2,7 +2,7 @@
 
 How the engineering skills should consume this repo's domain documentation when exploring the codebase.
 
-This repo is **single-context**: one `CONTEXT.md` and one `docs/adr/` at the repo root cover the whole codebase (website + demos).
+This repo is **single-context**: one `CONTEXT.md` and one `docs/adr/` at the repo root cover the whole codebase (website + examples).
 
 ## Before exploring, read these
 
@@ -20,7 +20,7 @@ If any of these files don't exist, **proceed silently**. Don't flag their absenc
 │   ├── 0001-....md
 │   └── 0002-....md
 ├── apps/website/
-└── demos/
+└── examples/
 ```
 
 ## Use the glossary's vocabulary
diff --git a/demos/aquarium/.prettierrc b/examples/aquarium/.prettierrc
similarity index 100%
rename from demos/aquarium/.prettierrc
rename to examples/aquarium/.prettierrc
diff --git a/demos/basic-demo/README.md b/examples/aquarium/README.md
similarity index 51%
rename from demos/basic-demo/README.md
rename to examples/aquarium/README.md
index b71c175e..15a89fa1 100644
--- a/demos/basic-demo/README.md
+++ b/examples/aquarium/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/basic-demo)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/basic-demo)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/basic-demo)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/aquarium)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/aquarium)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/aquarium)
 
 ```sh
-$ npx degit pmndrs/examples/demos/basic-demo
+$ npx degit pmndrs/examples/examples/aquarium
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/aquarium/index.html b/examples/aquarium/index.html
similarity index 100%
rename from demos/aquarium/index.html
rename to examples/aquarium/index.html
diff --git a/demos/aquarium/package.json b/examples/aquarium/package.json
similarity index 88%
rename from demos/aquarium/package.json
rename to examples/aquarium/package.json
index ac8fe98e..419aee13 100644
--- a/demos/aquarium/package.json
+++ b/examples/aquarium/package.json
@@ -1,9 +1,9 @@
 {
-  "name": "@demo/aquarium",
+  "name": "@example/aquarium",
   "version": "1.0.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/aquarium"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/aquarium"
   },
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
diff --git a/demos/aquarium/pmndrs.json b/examples/aquarium/pmndrs.json
similarity index 100%
rename from demos/aquarium/pmndrs.json
rename to examples/aquarium/pmndrs.json
diff --git a/demos/aquarium/public/vite.svg b/examples/aquarium/public/vite.svg
similarity index 100%
rename from demos/aquarium/public/vite.svg
rename to examples/aquarium/public/vite.svg
diff --git a/demos/aquarium/src/App.jsx b/examples/aquarium/src/App.jsx
similarity index 100%
rename from demos/aquarium/src/App.jsx
rename to examples/aquarium/src/App.jsx
diff --git a/demos/aquarium/src/index.jsx b/examples/aquarium/src/index.jsx
similarity index 100%
rename from demos/aquarium/src/index.jsx
rename to examples/aquarium/src/index.jsx
diff --git a/demos/aquarium/src/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb b/examples/aquarium/src/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb
similarity index 100%
rename from demos/aquarium/src/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb
rename to examples/aquarium/src/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb
diff --git a/demos/aquarium/src/shapes-transformed.glb b/examples/aquarium/src/shapes-transformed.glb
similarity index 100%
rename from demos/aquarium/src/shapes-transformed.glb
rename to examples/aquarium/src/shapes-transformed.glb
diff --git a/demos/aquarium/src/styles.css b/examples/aquarium/src/styles.css
similarity index 100%
rename from demos/aquarium/src/styles.css
rename to examples/aquarium/src/styles.css
diff --git a/demos/aquarium/src/vite-env.d.ts b/examples/aquarium/src/vite-env.d.ts
similarity index 100%
rename from demos/aquarium/src/vite-env.d.ts
rename to examples/aquarium/src/vite-env.d.ts
diff --git a/demos/aquarium/thumbnail.webp b/examples/aquarium/thumbnail.webp
similarity index 100%
rename from demos/aquarium/thumbnail.webp
rename to examples/aquarium/thumbnail.webp
diff --git a/demos/aquarium/tsconfig.json b/examples/aquarium/tsconfig.json
similarity index 100%
rename from demos/aquarium/tsconfig.json
rename to examples/aquarium/tsconfig.json
diff --git a/demos/aquarium/tsconfig.node.json b/examples/aquarium/tsconfig.node.json
similarity index 100%
rename from demos/aquarium/tsconfig.node.json
rename to examples/aquarium/tsconfig.node.json
diff --git a/demos/aquarium/vite.config.ts b/examples/aquarium/vite.config.ts
similarity index 100%
rename from demos/aquarium/vite.config.ts
rename to examples/aquarium/vite.config.ts
diff --git a/demos/arkanoid-under-60-loc/.prettierrc b/examples/arkanoid-under-60-loc/.prettierrc
similarity index 100%
rename from demos/arkanoid-under-60-loc/.prettierrc
rename to examples/arkanoid-under-60-loc/.prettierrc
diff --git a/examples/arkanoid-under-60-loc/README.md b/examples/arkanoid-under-60-loc/README.md
new file mode 100644
index 00000000..8429741c
--- /dev/null
+++ b/examples/arkanoid-under-60-loc/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/arkanoid-under-60-loc)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/arkanoid-under-60-loc)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/arkanoid-under-60-loc)
+
+```sh
+$ npx degit pmndrs/examples/examples/arkanoid-under-60-loc
+```
+
+![](thumbnail.webp)
diff --git a/demos/arkanoid-under-60-loc/index.html b/examples/arkanoid-under-60-loc/index.html
similarity index 100%
rename from demos/arkanoid-under-60-loc/index.html
rename to examples/arkanoid-under-60-loc/index.html
diff --git a/demos/arkanoid-under-60-loc/package.json b/examples/arkanoid-under-60-loc/package.json
similarity index 85%
rename from demos/arkanoid-under-60-loc/package.json
rename to examples/arkanoid-under-60-loc/package.json
index c63a4805..5c11ff08 100644
--- a/demos/arkanoid-under-60-loc/package.json
+++ b/examples/arkanoid-under-60-loc/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/arkanoid-under-60-loc",
+  "name": "@example/arkanoid-under-60-loc",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/arkanoid-under-60-loc"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/arkanoid-under-60-loc"
   }
 }
diff --git a/demos/arkanoid-under-60-loc/pmndrs.json b/examples/arkanoid-under-60-loc/pmndrs.json
similarity index 100%
rename from demos/arkanoid-under-60-loc/pmndrs.json
rename to examples/arkanoid-under-60-loc/pmndrs.json
diff --git a/demos/arkanoid-under-60-loc/public/vite.svg b/examples/arkanoid-under-60-loc/public/vite.svg
similarity index 100%
rename from demos/arkanoid-under-60-loc/public/vite.svg
rename to examples/arkanoid-under-60-loc/public/vite.svg
diff --git a/demos/arkanoid-under-60-loc/src/App.jsx b/examples/arkanoid-under-60-loc/src/App.jsx
similarity index 100%
rename from demos/arkanoid-under-60-loc/src/App.jsx
rename to examples/arkanoid-under-60-loc/src/App.jsx
diff --git a/demos/arkanoid-under-60-loc/src/index.jsx b/examples/arkanoid-under-60-loc/src/index.jsx
similarity index 100%
rename from demos/arkanoid-under-60-loc/src/index.jsx
rename to examples/arkanoid-under-60-loc/src/index.jsx
diff --git a/demos/arkanoid-under-60-loc/src/styles.css b/examples/arkanoid-under-60-loc/src/styles.css
similarity index 100%
rename from demos/arkanoid-under-60-loc/src/styles.css
rename to examples/arkanoid-under-60-loc/src/styles.css
diff --git a/demos/arkanoid-under-60-loc/src/vite-env.d.ts b/examples/arkanoid-under-60-loc/src/vite-env.d.ts
similarity index 100%
rename from demos/arkanoid-under-60-loc/src/vite-env.d.ts
rename to examples/arkanoid-under-60-loc/src/vite-env.d.ts
diff --git a/demos/arkanoid-under-60-loc/thumbnail.webp b/examples/arkanoid-under-60-loc/thumbnail.webp
similarity index 100%
rename from demos/arkanoid-under-60-loc/thumbnail.webp
rename to examples/arkanoid-under-60-loc/thumbnail.webp
diff --git a/demos/arkanoid-under-60-loc/tsconfig.json b/examples/arkanoid-under-60-loc/tsconfig.json
similarity index 100%
rename from demos/arkanoid-under-60-loc/tsconfig.json
rename to examples/arkanoid-under-60-loc/tsconfig.json
diff --git a/demos/arkanoid-under-60-loc/tsconfig.node.json b/examples/arkanoid-under-60-loc/tsconfig.node.json
similarity index 100%
rename from demos/arkanoid-under-60-loc/tsconfig.node.json
rename to examples/arkanoid-under-60-loc/tsconfig.node.json
diff --git a/demos/arkanoid-under-60-loc/vite.config.ts b/examples/arkanoid-under-60-loc/vite.config.ts
similarity index 100%
rename from demos/arkanoid-under-60-loc/vite.config.ts
rename to examples/arkanoid-under-60-loc/vite.config.ts
diff --git a/demos/arkanoid/.prettierrc b/examples/arkanoid/.prettierrc
similarity index 100%
rename from demos/arkanoid/.prettierrc
rename to examples/arkanoid/.prettierrc
diff --git a/examples/arkanoid/README.md b/examples/arkanoid/README.md
new file mode 100644
index 00000000..991e5fec
--- /dev/null
+++ b/examples/arkanoid/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/arkanoid)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/arkanoid)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/arkanoid)
+
+```sh
+$ npx degit pmndrs/examples/examples/arkanoid
+```
+
+![](thumbnail.webp)
diff --git a/demos/arkanoid/index.html b/examples/arkanoid/index.html
similarity index 100%
rename from demos/arkanoid/index.html
rename to examples/arkanoid/index.html
diff --git a/demos/arkanoid/package.json b/examples/arkanoid/package.json
similarity index 89%
rename from demos/arkanoid/package.json
rename to examples/arkanoid/package.json
index aedf2203..3f286689 100644
--- a/demos/arkanoid/package.json
+++ b/examples/arkanoid/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/arkanoid",
+  "name": "@example/arkanoid",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -35,6 +35,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/arkanoid"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/arkanoid"
   }
 }
diff --git a/demos/arkanoid/pmndrs.json b/examples/arkanoid/pmndrs.json
similarity index 100%
rename from demos/arkanoid/pmndrs.json
rename to examples/arkanoid/pmndrs.json
diff --git a/demos/arkanoid/public/pingpong.glb b/examples/arkanoid/public/pingpong.glb
similarity index 100%
rename from demos/arkanoid/public/pingpong.glb
rename to examples/arkanoid/public/pingpong.glb
diff --git a/demos/arkanoid/public/vite.svg b/examples/arkanoid/public/vite.svg
similarity index 100%
rename from demos/arkanoid/public/vite.svg
rename to examples/arkanoid/public/vite.svg
diff --git a/demos/arkanoid/src/App.jsx b/examples/arkanoid/src/App.jsx
similarity index 100%
rename from demos/arkanoid/src/App.jsx
rename to examples/arkanoid/src/App.jsx
diff --git a/demos/arkanoid/src/Effects.jsx b/examples/arkanoid/src/Effects.jsx
similarity index 100%
rename from demos/arkanoid/src/Effects.jsx
rename to examples/arkanoid/src/Effects.jsx
diff --git a/demos/arkanoid/src/index.jsx b/examples/arkanoid/src/index.jsx
similarity index 100%
rename from demos/arkanoid/src/index.jsx
rename to examples/arkanoid/src/index.jsx
diff --git a/demos/arkanoid/src/resources/bg.jpg b/examples/arkanoid/src/resources/bg.jpg
similarity index 100%
rename from demos/arkanoid/src/resources/bg.jpg
rename to examples/arkanoid/src/resources/bg.jpg
diff --git a/demos/arkanoid/src/resources/cross.jpg b/examples/arkanoid/src/resources/cross.jpg
similarity index 100%
rename from demos/arkanoid/src/resources/cross.jpg
rename to examples/arkanoid/src/resources/cross.jpg
diff --git a/demos/arkanoid/src/resources/firasans_regular.json b/examples/arkanoid/src/resources/firasans_regular.json
similarity index 100%
rename from demos/arkanoid/src/resources/firasans_regular.json
rename to examples/arkanoid/src/resources/firasans_regular.json
diff --git a/demos/arkanoid/src/resources/ping.mp3 b/examples/arkanoid/src/resources/ping.mp3
similarity index 100%
rename from demos/arkanoid/src/resources/ping.mp3
rename to examples/arkanoid/src/resources/ping.mp3
diff --git a/demos/arkanoid/src/resources/sawsquarenoise_-_01_-_Towel_Defence_Splash_Screen.mp3 b/examples/arkanoid/src/resources/sawsquarenoise_-_01_-_Towel_Defence_Splash_Screen.mp3
similarity index 100%
rename from demos/arkanoid/src/resources/sawsquarenoise_-_01_-_Towel_Defence_Splash_Screen.mp3
rename to examples/arkanoid/src/resources/sawsquarenoise_-_01_-_Towel_Defence_Splash_Screen.mp3
diff --git a/demos/arkanoid/src/resources/select_006.ogg b/examples/arkanoid/src/resources/select_006.ogg
similarity index 100%
rename from demos/arkanoid/src/resources/select_006.ogg
rename to examples/arkanoid/src/resources/select_006.ogg
diff --git a/demos/arkanoid/src/resources/select_007.ogg b/examples/arkanoid/src/resources/select_007.ogg
similarity index 100%
rename from demos/arkanoid/src/resources/select_007.ogg
rename to examples/arkanoid/src/resources/select_007.ogg
diff --git a/demos/arkanoid/src/store.js b/examples/arkanoid/src/store.js
similarity index 100%
rename from demos/arkanoid/src/store.js
rename to examples/arkanoid/src/store.js
diff --git a/demos/arkanoid/src/styles.css b/examples/arkanoid/src/styles.css
similarity index 100%
rename from demos/arkanoid/src/styles.css
rename to examples/arkanoid/src/styles.css
diff --git a/demos/arkanoid/src/vite-env.d.ts b/examples/arkanoid/src/vite-env.d.ts
similarity index 100%
rename from demos/arkanoid/src/vite-env.d.ts
rename to examples/arkanoid/src/vite-env.d.ts
diff --git a/demos/arkanoid/thumbnail.webp b/examples/arkanoid/thumbnail.webp
similarity index 100%
rename from demos/arkanoid/thumbnail.webp
rename to examples/arkanoid/thumbnail.webp
diff --git a/demos/arkanoid/tsconfig.json b/examples/arkanoid/tsconfig.json
similarity index 100%
rename from demos/arkanoid/tsconfig.json
rename to examples/arkanoid/tsconfig.json
diff --git a/demos/arkanoid/tsconfig.node.json b/examples/arkanoid/tsconfig.node.json
similarity index 100%
rename from demos/arkanoid/tsconfig.node.json
rename to examples/arkanoid/tsconfig.node.json
diff --git a/demos/arkanoid/vite.config.ts b/examples/arkanoid/vite.config.ts
similarity index 100%
rename from demos/arkanoid/vite.config.ts
rename to examples/arkanoid/vite.config.ts
diff --git a/demos/audio-analyser/.codesandbox/workspace.json b/examples/audio-analyser/.codesandbox/workspace.json
similarity index 100%
rename from demos/audio-analyser/.codesandbox/workspace.json
rename to examples/audio-analyser/.codesandbox/workspace.json
diff --git a/demos/audio-analyser/.prettierrc b/examples/audio-analyser/.prettierrc
similarity index 100%
rename from demos/audio-analyser/.prettierrc
rename to examples/audio-analyser/.prettierrc
diff --git a/examples/audio-analyser/README.md b/examples/audio-analyser/README.md
new file mode 100644
index 00000000..9815ef79
--- /dev/null
+++ b/examples/audio-analyser/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/audio-analyser)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/audio-analyser)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/audio-analyser)
+
+```sh
+$ npx degit pmndrs/examples/examples/audio-analyser
+```
+
+![](thumbnail.webp)
diff --git a/demos/audio-analyser/index.html b/examples/audio-analyser/index.html
similarity index 100%
rename from demos/audio-analyser/index.html
rename to examples/audio-analyser/index.html
diff --git a/demos/audio-analyser/package.json b/examples/audio-analyser/package.json
similarity index 87%
rename from demos/audio-analyser/package.json
rename to examples/audio-analyser/package.json
index 31d75658..41844905 100644
--- a/demos/audio-analyser/package.json
+++ b/examples/audio-analyser/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/audio-analyser",
+  "name": "@example/audio-analyser",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/audio-analyser"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/audio-analyser"
   }
 }
diff --git a/demos/audio-analyser/pmndrs.json b/examples/audio-analyser/pmndrs.json
similarity index 100%
rename from demos/audio-analyser/pmndrs.json
rename to examples/audio-analyser/pmndrs.json
diff --git a/demos/audio-analyser/public/vite.svg b/examples/audio-analyser/public/vite.svg
similarity index 100%
rename from demos/audio-analyser/public/vite.svg
rename to examples/audio-analyser/public/vite.svg
diff --git a/demos/audio-analyser/sandbox.config.json b/examples/audio-analyser/sandbox.config.json
similarity index 100%
rename from demos/audio-analyser/sandbox.config.json
rename to examples/audio-analyser/sandbox.config.json
diff --git a/demos/audio-analyser/src/App.jsx b/examples/audio-analyser/src/App.jsx
similarity index 100%
rename from demos/audio-analyser/src/App.jsx
rename to examples/audio-analyser/src/App.jsx
diff --git a/demos/audio-analyser/src/SurfaceImperfections003_1K_Normal.jpg b/examples/audio-analyser/src/SurfaceImperfections003_1K_Normal.jpg
similarity index 100%
rename from demos/audio-analyser/src/SurfaceImperfections003_1K_Normal.jpg
rename to examples/audio-analyser/src/SurfaceImperfections003_1K_Normal.jpg
diff --git a/demos/audio-analyser/src/SurfaceImperfections003_1K_var1.jpg b/examples/audio-analyser/src/SurfaceImperfections003_1K_var1.jpg
similarity index 100%
rename from demos/audio-analyser/src/SurfaceImperfections003_1K_var1.jpg
rename to examples/audio-analyser/src/SurfaceImperfections003_1K_var1.jpg
diff --git a/demos/audio-analyser/src/bust.glb b/examples/audio-analyser/src/bust.glb
similarity index 100%
rename from demos/audio-analyser/src/bust.glb
rename to examples/audio-analyser/src/bust.glb
diff --git a/demos/audio-analyser/src/drums.mp3 b/examples/audio-analyser/src/drums.mp3
similarity index 100%
rename from demos/audio-analyser/src/drums.mp3
rename to examples/audio-analyser/src/drums.mp3
diff --git a/demos/audio-analyser/src/explosion.glb b/examples/audio-analyser/src/explosion.glb
similarity index 100%
rename from demos/audio-analyser/src/explosion.glb
rename to examples/audio-analyser/src/explosion.glb
diff --git a/demos/audio-analyser/src/index.jsx b/examples/audio-analyser/src/index.jsx
similarity index 100%
rename from demos/audio-analyser/src/index.jsx
rename to examples/audio-analyser/src/index.jsx
diff --git a/demos/audio-analyser/src/snare.mp3 b/examples/audio-analyser/src/snare.mp3
similarity index 100%
rename from demos/audio-analyser/src/snare.mp3
rename to examples/audio-analyser/src/snare.mp3
diff --git a/demos/audio-analyser/src/store.js b/examples/audio-analyser/src/store.js
similarity index 100%
rename from demos/audio-analyser/src/store.js
rename to examples/audio-analyser/src/store.js
diff --git a/demos/audio-analyser/src/styles.css b/examples/audio-analyser/src/styles.css
similarity index 100%
rename from demos/audio-analyser/src/styles.css
rename to examples/audio-analyser/src/styles.css
diff --git a/demos/audio-analyser/src/synth.mp3 b/examples/audio-analyser/src/synth.mp3
similarity index 100%
rename from demos/audio-analyser/src/synth.mp3
rename to examples/audio-analyser/src/synth.mp3
diff --git a/demos/audio-analyser/src/vite-env.d.ts b/examples/audio-analyser/src/vite-env.d.ts
similarity index 100%
rename from demos/audio-analyser/src/vite-env.d.ts
rename to examples/audio-analyser/src/vite-env.d.ts
diff --git a/demos/audio-analyser/thumbnail.webp b/examples/audio-analyser/thumbnail.webp
similarity index 100%
rename from demos/audio-analyser/thumbnail.webp
rename to examples/audio-analyser/thumbnail.webp
diff --git a/demos/audio-analyser/tsconfig.json b/examples/audio-analyser/tsconfig.json
similarity index 100%
rename from demos/audio-analyser/tsconfig.json
rename to examples/audio-analyser/tsconfig.json
diff --git a/demos/audio-analyser/tsconfig.node.json b/examples/audio-analyser/tsconfig.node.json
similarity index 100%
rename from demos/audio-analyser/tsconfig.node.json
rename to examples/audio-analyser/tsconfig.node.json
diff --git a/demos/audio-analyser/vite.config.ts b/examples/audio-analyser/vite.config.ts
similarity index 100%
rename from demos/audio-analyser/vite.config.ts
rename to examples/audio-analyser/vite.config.ts
diff --git a/demos/backdrop-and-cables/.prettierrc b/examples/backdrop-and-cables/.prettierrc
similarity index 100%
rename from demos/backdrop-and-cables/.prettierrc
rename to examples/backdrop-and-cables/.prettierrc
diff --git a/examples/backdrop-and-cables/README.md b/examples/backdrop-and-cables/README.md
new file mode 100644
index 00000000..c5d244b8
--- /dev/null
+++ b/examples/backdrop-and-cables/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/backdrop-and-cables)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/backdrop-and-cables)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/backdrop-and-cables)
+
+```sh
+$ npx degit pmndrs/examples/examples/backdrop-and-cables
+```
+
+![](thumbnail.webp)
diff --git a/demos/backdrop-and-cables/index.html b/examples/backdrop-and-cables/index.html
similarity index 100%
rename from demos/backdrop-and-cables/index.html
rename to examples/backdrop-and-cables/index.html
diff --git a/demos/baking-soft-shadows/package.json b/examples/backdrop-and-cables/package.json
similarity index 86%
rename from demos/baking-soft-shadows/package.json
rename to examples/backdrop-and-cables/package.json
index 0791f1ec..091c8cba 100644
--- a/demos/baking-soft-shadows/package.json
+++ b/examples/backdrop-and-cables/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/baking-soft-shadows",
+  "name": "@example/backdrop-and-cables",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/baking-soft-shadows"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/backdrop-and-cables"
   }
 }
diff --git a/demos/backdrop-and-cables/pmndrs.json b/examples/backdrop-and-cables/pmndrs.json
similarity index 100%
rename from demos/backdrop-and-cables/pmndrs.json
rename to examples/backdrop-and-cables/pmndrs.json
diff --git a/demos/backdrop-and-cables/public/vite.svg b/examples/backdrop-and-cables/public/vite.svg
similarity index 100%
rename from demos/backdrop-and-cables/public/vite.svg
rename to examples/backdrop-and-cables/public/vite.svg
diff --git a/demos/backdrop-and-cables/src/App.jsx b/examples/backdrop-and-cables/src/App.jsx
similarity index 100%
rename from demos/backdrop-and-cables/src/App.jsx
rename to examples/backdrop-and-cables/src/App.jsx
diff --git a/demos/backdrop-and-cables/src/assets/Astronaut-transformed.glb b/examples/backdrop-and-cables/src/assets/Astronaut-transformed.glb
similarity index 100%
rename from demos/backdrop-and-cables/src/assets/Astronaut-transformed.glb
rename to examples/backdrop-and-cables/src/assets/Astronaut-transformed.glb
diff --git a/demos/backdrop-and-cables/src/assets/Low-Poly-Spaceship.gltf b/examples/backdrop-and-cables/src/assets/Low-Poly-Spaceship.gltf
similarity index 100%
rename from demos/backdrop-and-cables/src/assets/Low-Poly-Spaceship.gltf
rename to examples/backdrop-and-cables/src/assets/Low-Poly-Spaceship.gltf
diff --git a/demos/backdrop-and-cables/src/index.jsx b/examples/backdrop-and-cables/src/index.jsx
similarity index 100%
rename from demos/backdrop-and-cables/src/index.jsx
rename to examples/backdrop-and-cables/src/index.jsx
diff --git a/demos/backdrop-and-cables/src/styles.css b/examples/backdrop-and-cables/src/styles.css
similarity index 100%
rename from demos/backdrop-and-cables/src/styles.css
rename to examples/backdrop-and-cables/src/styles.css
diff --git a/demos/backdrop-and-cables/src/vite-env.d.ts b/examples/backdrop-and-cables/src/vite-env.d.ts
similarity index 100%
rename from demos/backdrop-and-cables/src/vite-env.d.ts
rename to examples/backdrop-and-cables/src/vite-env.d.ts
diff --git a/demos/backdrop-and-cables/thumbnail.webp b/examples/backdrop-and-cables/thumbnail.webp
similarity index 100%
rename from demos/backdrop-and-cables/thumbnail.webp
rename to examples/backdrop-and-cables/thumbnail.webp
diff --git a/demos/backdrop-and-cables/tsconfig.json b/examples/backdrop-and-cables/tsconfig.json
similarity index 100%
rename from demos/backdrop-and-cables/tsconfig.json
rename to examples/backdrop-and-cables/tsconfig.json
diff --git a/demos/backdrop-and-cables/tsconfig.node.json b/examples/backdrop-and-cables/tsconfig.node.json
similarity index 100%
rename from demos/backdrop-and-cables/tsconfig.node.json
rename to examples/backdrop-and-cables/tsconfig.node.json
diff --git a/demos/backdrop-and-cables/vite.config.ts b/examples/backdrop-and-cables/vite.config.ts
similarity index 100%
rename from demos/backdrop-and-cables/vite.config.ts
rename to examples/backdrop-and-cables/vite.config.ts
diff --git a/demos/baking-soft-shadows/.prettierrc b/examples/baking-soft-shadows/.prettierrc
similarity index 100%
rename from demos/baking-soft-shadows/.prettierrc
rename to examples/baking-soft-shadows/.prettierrc
diff --git a/examples/baking-soft-shadows/README.md b/examples/baking-soft-shadows/README.md
new file mode 100644
index 00000000..afa74b56
--- /dev/null
+++ b/examples/baking-soft-shadows/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/baking-soft-shadows)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/baking-soft-shadows)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/baking-soft-shadows)
+
+```sh
+$ npx degit pmndrs/examples/examples/baking-soft-shadows
+```
+
+![](thumbnail.webp)
diff --git a/demos/baking-soft-shadows/index.html b/examples/baking-soft-shadows/index.html
similarity index 100%
rename from demos/baking-soft-shadows/index.html
rename to examples/baking-soft-shadows/index.html
diff --git a/demos/backdrop-and-cables/package.json b/examples/baking-soft-shadows/package.json
similarity index 86%
rename from demos/backdrop-and-cables/package.json
rename to examples/baking-soft-shadows/package.json
index 3f1f2eee..94506d0b 100644
--- a/demos/backdrop-and-cables/package.json
+++ b/examples/baking-soft-shadows/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/backdrop-and-cables",
+  "name": "@example/baking-soft-shadows",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/backdrop-and-cables"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/baking-soft-shadows"
   }
 }
diff --git a/demos/baking-soft-shadows/pmndrs.json b/examples/baking-soft-shadows/pmndrs.json
similarity index 100%
rename from demos/baking-soft-shadows/pmndrs.json
rename to examples/baking-soft-shadows/pmndrs.json
diff --git a/demos/baking-soft-shadows/public/vite.svg b/examples/baking-soft-shadows/public/vite.svg
similarity index 100%
rename from demos/baking-soft-shadows/public/vite.svg
rename to examples/baking-soft-shadows/public/vite.svg
diff --git a/demos/baking-soft-shadows/src/App.jsx b/examples/baking-soft-shadows/src/App.jsx
similarity index 100%
rename from demos/baking-soft-shadows/src/App.jsx
rename to examples/baking-soft-shadows/src/App.jsx
diff --git a/demos/baking-soft-shadows/src/index.jsx b/examples/baking-soft-shadows/src/index.jsx
similarity index 100%
rename from demos/baking-soft-shadows/src/index.jsx
rename to examples/baking-soft-shadows/src/index.jsx
diff --git a/demos/baking-soft-shadows/src/styles.css b/examples/baking-soft-shadows/src/styles.css
similarity index 100%
rename from demos/baking-soft-shadows/src/styles.css
rename to examples/baking-soft-shadows/src/styles.css
diff --git a/demos/baking-soft-shadows/src/suzi-model.gltf b/examples/baking-soft-shadows/src/suzi-model.gltf
similarity index 100%
rename from demos/baking-soft-shadows/src/suzi-model.gltf
rename to examples/baking-soft-shadows/src/suzi-model.gltf
diff --git a/demos/baking-soft-shadows/src/vite-env.d.ts b/examples/baking-soft-shadows/src/vite-env.d.ts
similarity index 100%
rename from demos/baking-soft-shadows/src/vite-env.d.ts
rename to examples/baking-soft-shadows/src/vite-env.d.ts
diff --git a/demos/baking-soft-shadows/thumbnail.webp b/examples/baking-soft-shadows/thumbnail.webp
similarity index 100%
rename from demos/baking-soft-shadows/thumbnail.webp
rename to examples/baking-soft-shadows/thumbnail.webp
diff --git a/demos/baking-soft-shadows/tsconfig.json b/examples/baking-soft-shadows/tsconfig.json
similarity index 100%
rename from demos/baking-soft-shadows/tsconfig.json
rename to examples/baking-soft-shadows/tsconfig.json
diff --git a/demos/baking-soft-shadows/tsconfig.node.json b/examples/baking-soft-shadows/tsconfig.node.json
similarity index 100%
rename from demos/baking-soft-shadows/tsconfig.node.json
rename to examples/baking-soft-shadows/tsconfig.node.json
diff --git a/demos/baking-soft-shadows/vite.config.ts b/examples/baking-soft-shadows/vite.config.ts
similarity index 100%
rename from demos/baking-soft-shadows/vite.config.ts
rename to examples/baking-soft-shadows/vite.config.ts
diff --git a/demos/basic-ballpit/.prettierrc b/examples/basic-ballpit/.prettierrc
similarity index 100%
rename from demos/basic-ballpit/.prettierrc
rename to examples/basic-ballpit/.prettierrc
diff --git a/examples/basic-ballpit/README.md b/examples/basic-ballpit/README.md
new file mode 100644
index 00000000..5c15c8dc
--- /dev/null
+++ b/examples/basic-ballpit/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/basic-ballpit)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/basic-ballpit)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/basic-ballpit)
+
+```sh
+$ npx degit pmndrs/examples/examples/basic-ballpit
+```
+
+![](thumbnail.webp)
diff --git a/demos/basic-ballpit/index.html b/examples/basic-ballpit/index.html
similarity index 100%
rename from demos/basic-ballpit/index.html
rename to examples/basic-ballpit/index.html
diff --git a/demos/basic-ballpit/package.json b/examples/basic-ballpit/package.json
similarity index 87%
rename from demos/basic-ballpit/package.json
rename to examples/basic-ballpit/package.json
index 787448f9..938874fb 100644
--- a/demos/basic-ballpit/package.json
+++ b/examples/basic-ballpit/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/basic-ballpit",
+  "name": "@example/basic-ballpit",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/basic-ballpit"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/basic-ballpit"
   }
 }
diff --git a/demos/basic-ballpit/pmndrs.json b/examples/basic-ballpit/pmndrs.json
similarity index 100%
rename from demos/basic-ballpit/pmndrs.json
rename to examples/basic-ballpit/pmndrs.json
diff --git a/demos/basic-ballpit/public/vite.svg b/examples/basic-ballpit/public/vite.svg
similarity index 100%
rename from demos/basic-ballpit/public/vite.svg
rename to examples/basic-ballpit/public/vite.svg
diff --git a/demos/basic-ballpit/src/App.jsx b/examples/basic-ballpit/src/App.jsx
similarity index 100%
rename from demos/basic-ballpit/src/App.jsx
rename to examples/basic-ballpit/src/App.jsx
diff --git a/demos/basic-ballpit/src/index.jsx b/examples/basic-ballpit/src/index.jsx
similarity index 100%
rename from demos/basic-ballpit/src/index.jsx
rename to examples/basic-ballpit/src/index.jsx
diff --git a/demos/basic-ballpit/src/styles.css b/examples/basic-ballpit/src/styles.css
similarity index 100%
rename from demos/basic-ballpit/src/styles.css
rename to examples/basic-ballpit/src/styles.css
diff --git a/demos/basic-ballpit/src/vite-env.d.ts b/examples/basic-ballpit/src/vite-env.d.ts
similarity index 100%
rename from demos/basic-ballpit/src/vite-env.d.ts
rename to examples/basic-ballpit/src/vite-env.d.ts
diff --git a/demos/basic-ballpit/thumbnail.webp b/examples/basic-ballpit/thumbnail.webp
similarity index 100%
rename from demos/basic-ballpit/thumbnail.webp
rename to examples/basic-ballpit/thumbnail.webp
diff --git a/demos/basic-ballpit/tsconfig.json b/examples/basic-ballpit/tsconfig.json
similarity index 100%
rename from demos/basic-ballpit/tsconfig.json
rename to examples/basic-ballpit/tsconfig.json
diff --git a/demos/basic-ballpit/tsconfig.node.json b/examples/basic-ballpit/tsconfig.node.json
similarity index 100%
rename from demos/basic-ballpit/tsconfig.node.json
rename to examples/basic-ballpit/tsconfig.node.json
diff --git a/demos/basic-ballpit/vite.config.ts b/examples/basic-ballpit/vite.config.ts
similarity index 100%
rename from demos/basic-ballpit/vite.config.ts
rename to examples/basic-ballpit/vite.config.ts
diff --git a/demos/basic-demo/.prettierrc b/examples/basic-example/.prettierrc
similarity index 100%
rename from demos/basic-demo/.prettierrc
rename to examples/basic-example/.prettierrc
diff --git a/examples/basic-example/README.md b/examples/basic-example/README.md
new file mode 100644
index 00000000..e6a9c944
--- /dev/null
+++ b/examples/basic-example/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/basic-example)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/basic-example)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/basic-example)
+
+```sh
+$ npx degit pmndrs/examples/examples/basic-example
+```
+
+![](thumbnail.webp)
diff --git a/demos/basic-demo/index.html b/examples/basic-example/index.html
similarity index 100%
rename from demos/basic-demo/index.html
rename to examples/basic-example/index.html
diff --git a/demos/basic-demo/package.json b/examples/basic-example/package.json
similarity index 86%
rename from demos/basic-demo/package.json
rename to examples/basic-example/package.json
index 0e828969..23145129 100644
--- a/demos/basic-demo/package.json
+++ b/examples/basic-example/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/basic-demo",
+  "name": "@example/basic-example",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/basic-demo"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/basic-example"
   }
 }
diff --git a/demos/basic-demo/pmndrs.json b/examples/basic-example/pmndrs.json
similarity index 93%
rename from demos/basic-demo/pmndrs.json
rename to examples/basic-example/pmndrs.json
index 63ef3a19..25942258 100644
--- a/demos/basic-demo/pmndrs.json
+++ b/examples/basic-example/pmndrs.json
@@ -1,6 +1,6 @@
 {
   "$schema": "../../schemas/pmndrs.schema.json",
-  "title": "Basic Demo",
+  "title": "Basic Example",
   "description": "Shows how to form self-contained components with their own state and user interaction.",
   "tags": ["interaction", "pointer-events"],
   "authors": ["Paul Henschel"],
diff --git a/demos/basic-demo/public/vite.svg b/examples/basic-example/public/vite.svg
similarity index 100%
rename from demos/basic-demo/public/vite.svg
rename to examples/basic-example/public/vite.svg
diff --git a/demos/basic-demo/src/App.jsx b/examples/basic-example/src/App.jsx
similarity index 100%
rename from demos/basic-demo/src/App.jsx
rename to examples/basic-example/src/App.jsx
diff --git a/demos/basic-demo/src/index.jsx b/examples/basic-example/src/index.jsx
similarity index 100%
rename from demos/basic-demo/src/index.jsx
rename to examples/basic-example/src/index.jsx
diff --git a/demos/basic-demo/src/styles.css b/examples/basic-example/src/styles.css
similarity index 100%
rename from demos/basic-demo/src/styles.css
rename to examples/basic-example/src/styles.css
diff --git a/demos/basic-demo/src/vite-env.d.ts b/examples/basic-example/src/vite-env.d.ts
similarity index 100%
rename from demos/basic-demo/src/vite-env.d.ts
rename to examples/basic-example/src/vite-env.d.ts
diff --git a/demos/basic-demo/thumbnail.webp b/examples/basic-example/thumbnail.webp
similarity index 100%
rename from demos/basic-demo/thumbnail.webp
rename to examples/basic-example/thumbnail.webp
diff --git a/demos/basic-demo/tsconfig.json b/examples/basic-example/tsconfig.json
similarity index 100%
rename from demos/basic-demo/tsconfig.json
rename to examples/basic-example/tsconfig.json
diff --git a/demos/basic-demo/tsconfig.node.json b/examples/basic-example/tsconfig.node.json
similarity index 100%
rename from demos/basic-demo/tsconfig.node.json
rename to examples/basic-example/tsconfig.node.json
diff --git a/demos/basic-demo/vite.config.ts b/examples/basic-example/vite.config.ts
similarity index 100%
rename from demos/basic-demo/vite.config.ts
rename to examples/basic-example/vite.config.ts
diff --git a/demos/bestservedbold-christmas-baubles/.prettierrc b/examples/bestservedbold-christmas-baubles/.prettierrc
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/.prettierrc
rename to examples/bestservedbold-christmas-baubles/.prettierrc
diff --git a/examples/bestservedbold-christmas-baubles/README.md b/examples/bestservedbold-christmas-baubles/README.md
new file mode 100644
index 00000000..5728b5bb
--- /dev/null
+++ b/examples/bestservedbold-christmas-baubles/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bestservedbold-christmas-baubles)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bestservedbold-christmas-baubles)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bestservedbold-christmas-baubles)
+
+```sh
+$ npx degit pmndrs/examples/examples/bestservedbold-christmas-baubles
+```
+
+![](thumbnail.webp)
diff --git a/demos/bestservedbold-christmas-baubles/index.html b/examples/bestservedbold-christmas-baubles/index.html
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/index.html
rename to examples/bestservedbold-christmas-baubles/index.html
diff --git a/demos/bestservedbold-christmas-baubles/package.json b/examples/bestservedbold-christmas-baubles/package.json
similarity index 84%
rename from demos/bestservedbold-christmas-baubles/package.json
rename to examples/bestservedbold-christmas-baubles/package.json
index 82de857f..5518de03 100644
--- a/demos/bestservedbold-christmas-baubles/package.json
+++ b/examples/bestservedbold-christmas-baubles/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bestservedbold-christmas-baubles",
+  "name": "@example/bestservedbold-christmas-baubles",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bestservedbold-christmas-baubles"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bestservedbold-christmas-baubles"
   }
 }
diff --git a/demos/bestservedbold-christmas-baubles/pmndrs.json b/examples/bestservedbold-christmas-baubles/pmndrs.json
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/pmndrs.json
rename to examples/bestservedbold-christmas-baubles/pmndrs.json
diff --git a/demos/bestservedbold-christmas-baubles/public/vite.svg b/examples/bestservedbold-christmas-baubles/public/vite.svg
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/public/vite.svg
rename to examples/bestservedbold-christmas-baubles/public/vite.svg
diff --git a/demos/bestservedbold-christmas-baubles/sandbox.config.json b/examples/bestservedbold-christmas-baubles/sandbox.config.json
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/sandbox.config.json
rename to examples/bestservedbold-christmas-baubles/sandbox.config.json
diff --git a/demos/bestservedbold-christmas-baubles/src/App.jsx b/examples/bestservedbold-christmas-baubles/src/App.jsx
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/App.jsx
rename to examples/bestservedbold-christmas-baubles/src/App.jsx
diff --git a/demos/bestservedbold-christmas-baubles/src/DirtyFigmaExport.jsx b/examples/bestservedbold-christmas-baubles/src/DirtyFigmaExport.jsx
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/DirtyFigmaExport.jsx
rename to examples/bestservedbold-christmas-baubles/src/DirtyFigmaExport.jsx
diff --git a/demos/bestservedbold-christmas-baubles/src/adamsbridge.hdr b/examples/bestservedbold-christmas-baubles/src/adamsbridge.hdr
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/adamsbridge.hdr
rename to examples/bestservedbold-christmas-baubles/src/adamsbridge.hdr
diff --git a/demos/bestservedbold-christmas-baubles/src/cap.glb b/examples/bestservedbold-christmas-baubles/src/cap.glb
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/cap.glb
rename to examples/bestservedbold-christmas-baubles/src/cap.glb
diff --git a/demos/bestservedbold-christmas-baubles/src/index.jsx b/examples/bestservedbold-christmas-baubles/src/index.jsx
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/index.jsx
rename to examples/bestservedbold-christmas-baubles/src/index.jsx
diff --git a/demos/bestservedbold-christmas-baubles/src/styles.css b/examples/bestservedbold-christmas-baubles/src/styles.css
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/styles.css
rename to examples/bestservedbold-christmas-baubles/src/styles.css
diff --git a/demos/bestservedbold-christmas-baubles/src/vite-env.d.ts b/examples/bestservedbold-christmas-baubles/src/vite-env.d.ts
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/src/vite-env.d.ts
rename to examples/bestservedbold-christmas-baubles/src/vite-env.d.ts
diff --git a/demos/bestservedbold-christmas-baubles/thumbnail.webp b/examples/bestservedbold-christmas-baubles/thumbnail.webp
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/thumbnail.webp
rename to examples/bestservedbold-christmas-baubles/thumbnail.webp
diff --git a/demos/bestservedbold-christmas-baubles/tsconfig.json b/examples/bestservedbold-christmas-baubles/tsconfig.json
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/tsconfig.json
rename to examples/bestservedbold-christmas-baubles/tsconfig.json
diff --git a/demos/bestservedbold-christmas-baubles/tsconfig.node.json b/examples/bestservedbold-christmas-baubles/tsconfig.node.json
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/tsconfig.node.json
rename to examples/bestservedbold-christmas-baubles/tsconfig.node.json
diff --git a/demos/bestservedbold-christmas-baubles/vite.config.ts b/examples/bestservedbold-christmas-baubles/vite.config.ts
similarity index 100%
rename from demos/bestservedbold-christmas-baubles/vite.config.ts
rename to examples/bestservedbold-christmas-baubles/vite.config.ts
diff --git a/demos/bezier-curves-and-nodes/.prettierrc b/examples/bezier-curves-and-nodes/.prettierrc
similarity index 100%
rename from demos/bezier-curves-and-nodes/.prettierrc
rename to examples/bezier-curves-and-nodes/.prettierrc
diff --git a/examples/bezier-curves-and-nodes/README.md b/examples/bezier-curves-and-nodes/README.md
new file mode 100644
index 00000000..a5bafb63
--- /dev/null
+++ b/examples/bezier-curves-and-nodes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bezier-curves-and-nodes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bezier-curves-and-nodes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bezier-curves-and-nodes)
+
+```sh
+$ npx degit pmndrs/examples/examples/bezier-curves-and-nodes
+```
+
+![](thumbnail.webp)
diff --git a/demos/bezier-curves-and-nodes/index.html b/examples/bezier-curves-and-nodes/index.html
similarity index 100%
rename from demos/bezier-curves-and-nodes/index.html
rename to examples/bezier-curves-and-nodes/index.html
diff --git a/demos/bezier-curves-and-nodes/package.json b/examples/bezier-curves-and-nodes/package.json
similarity index 85%
rename from demos/bezier-curves-and-nodes/package.json
rename to examples/bezier-curves-and-nodes/package.json
index 3c635779..9fba4cbb 100644
--- a/demos/bezier-curves-and-nodes/package.json
+++ b/examples/bezier-curves-and-nodes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bezier-curves-and-nodes",
+  "name": "@example/bezier-curves-and-nodes",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bezier-curves-and-nodes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bezier-curves-and-nodes"
   }
 }
diff --git a/demos/bezier-curves-and-nodes/pmndrs.json b/examples/bezier-curves-and-nodes/pmndrs.json
similarity index 100%
rename from demos/bezier-curves-and-nodes/pmndrs.json
rename to examples/bezier-curves-and-nodes/pmndrs.json
diff --git a/demos/bezier-curves-and-nodes/public/Inter-Regular.woff b/examples/bezier-curves-and-nodes/public/Inter-Regular.woff
similarity index 100%
rename from demos/bezier-curves-and-nodes/public/Inter-Regular.woff
rename to examples/bezier-curves-and-nodes/public/Inter-Regular.woff
diff --git a/demos/bezier-curves-and-nodes/public/vite.svg b/examples/bezier-curves-and-nodes/public/vite.svg
similarity index 100%
rename from demos/bezier-curves-and-nodes/public/vite.svg
rename to examples/bezier-curves-and-nodes/public/vite.svg
diff --git a/demos/bezier-curves-and-nodes/src/App.jsx b/examples/bezier-curves-and-nodes/src/App.jsx
similarity index 100%
rename from demos/bezier-curves-and-nodes/src/App.jsx
rename to examples/bezier-curves-and-nodes/src/App.jsx
diff --git a/demos/bezier-curves-and-nodes/src/Nodes.jsx b/examples/bezier-curves-and-nodes/src/Nodes.jsx
similarity index 100%
rename from demos/bezier-curves-and-nodes/src/Nodes.jsx
rename to examples/bezier-curves-and-nodes/src/Nodes.jsx
diff --git a/demos/bezier-curves-and-nodes/src/index.jsx b/examples/bezier-curves-and-nodes/src/index.jsx
similarity index 100%
rename from demos/bezier-curves-and-nodes/src/index.jsx
rename to examples/bezier-curves-and-nodes/src/index.jsx
diff --git a/demos/bezier-curves-and-nodes/src/styles.css b/examples/bezier-curves-and-nodes/src/styles.css
similarity index 100%
rename from demos/bezier-curves-and-nodes/src/styles.css
rename to examples/bezier-curves-and-nodes/src/styles.css
diff --git a/demos/bezier-curves-and-nodes/src/vite-env.d.ts b/examples/bezier-curves-and-nodes/src/vite-env.d.ts
similarity index 100%
rename from demos/bezier-curves-and-nodes/src/vite-env.d.ts
rename to examples/bezier-curves-and-nodes/src/vite-env.d.ts
diff --git a/demos/bezier-curves-and-nodes/thumbnail.webp b/examples/bezier-curves-and-nodes/thumbnail.webp
similarity index 100%
rename from demos/bezier-curves-and-nodes/thumbnail.webp
rename to examples/bezier-curves-and-nodes/thumbnail.webp
diff --git a/demos/bezier-curves-and-nodes/tsconfig.json b/examples/bezier-curves-and-nodes/tsconfig.json
similarity index 100%
rename from demos/bezier-curves-and-nodes/tsconfig.json
rename to examples/bezier-curves-and-nodes/tsconfig.json
diff --git a/demos/bezier-curves-and-nodes/tsconfig.node.json b/examples/bezier-curves-and-nodes/tsconfig.node.json
similarity index 100%
rename from demos/bezier-curves-and-nodes/tsconfig.node.json
rename to examples/bezier-curves-and-nodes/tsconfig.node.json
diff --git a/demos/bezier-curves-and-nodes/vite.config.ts b/examples/bezier-curves-and-nodes/vite.config.ts
similarity index 100%
rename from demos/bezier-curves-and-nodes/vite.config.ts
rename to examples/bezier-curves-and-nodes/vite.config.ts
diff --git a/demos/bloom-hdr-workflow-gltf/.prettierrc b/examples/bloom-hdr-workflow-gltf/.prettierrc
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/.prettierrc
rename to examples/bloom-hdr-workflow-gltf/.prettierrc
diff --git a/examples/bloom-hdr-workflow-gltf/README.md b/examples/bloom-hdr-workflow-gltf/README.md
new file mode 100644
index 00000000..64e8928a
--- /dev/null
+++ b/examples/bloom-hdr-workflow-gltf/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bloom-hdr-workflow-gltf)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bloom-hdr-workflow-gltf)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bloom-hdr-workflow-gltf)
+
+```sh
+$ npx degit pmndrs/examples/examples/bloom-hdr-workflow-gltf
+```
+
+![](thumbnail.webp)
diff --git a/demos/bloom-hdr-workflow-gltf/index.html b/examples/bloom-hdr-workflow-gltf/index.html
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/index.html
rename to examples/bloom-hdr-workflow-gltf/index.html
diff --git a/examples/bloom-hdr-workflow-gltf/package.json b/examples/bloom-hdr-workflow-gltf/package.json
new file mode 100644
index 00000000..661b9d26
--- /dev/null
+++ b/examples/bloom-hdr-workflow-gltf/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/bloom-hdr-workflow-gltf",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bloom-hdr-workflow-gltf"
+  }
+}
diff --git a/demos/bloom-hdr-workflow-gltf/pmndrs.json b/examples/bloom-hdr-workflow-gltf/pmndrs.json
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/pmndrs.json
rename to examples/bloom-hdr-workflow-gltf/pmndrs.json
diff --git a/demos/bloom-hdr-workflow-gltf/public/vite.svg b/examples/bloom-hdr-workflow-gltf/public/vite.svg
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/public/vite.svg
rename to examples/bloom-hdr-workflow-gltf/public/vite.svg
diff --git a/demos/bloom-hdr-workflow-gltf/src/123-transformed.glb b/examples/bloom-hdr-workflow-gltf/src/123-transformed.glb
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/src/123-transformed.glb
rename to examples/bloom-hdr-workflow-gltf/src/123-transformed.glb
diff --git a/demos/bloom-hdr-workflow-gltf/src/App.jsx b/examples/bloom-hdr-workflow-gltf/src/App.jsx
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/src/App.jsx
rename to examples/bloom-hdr-workflow-gltf/src/App.jsx
diff --git a/demos/bloom-hdr-workflow-gltf/src/Tower.jsx b/examples/bloom-hdr-workflow-gltf/src/Tower.jsx
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/src/Tower.jsx
rename to examples/bloom-hdr-workflow-gltf/src/Tower.jsx
diff --git a/demos/bloom-hdr-workflow-gltf/src/index.jsx b/examples/bloom-hdr-workflow-gltf/src/index.jsx
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/src/index.jsx
rename to examples/bloom-hdr-workflow-gltf/src/index.jsx
diff --git a/demos/bloom-hdr-workflow-gltf/src/styles.css b/examples/bloom-hdr-workflow-gltf/src/styles.css
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/src/styles.css
rename to examples/bloom-hdr-workflow-gltf/src/styles.css
diff --git a/demos/bloom-hdr-workflow-gltf/src/vite-env.d.ts b/examples/bloom-hdr-workflow-gltf/src/vite-env.d.ts
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/src/vite-env.d.ts
rename to examples/bloom-hdr-workflow-gltf/src/vite-env.d.ts
diff --git a/demos/bloom-hdr-workflow-gltf/thumbnail.webp b/examples/bloom-hdr-workflow-gltf/thumbnail.webp
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/thumbnail.webp
rename to examples/bloom-hdr-workflow-gltf/thumbnail.webp
diff --git a/demos/bloom-hdr-workflow-gltf/tsconfig.json b/examples/bloom-hdr-workflow-gltf/tsconfig.json
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/tsconfig.json
rename to examples/bloom-hdr-workflow-gltf/tsconfig.json
diff --git a/demos/bloom-hdr-workflow-gltf/tsconfig.node.json b/examples/bloom-hdr-workflow-gltf/tsconfig.node.json
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/tsconfig.node.json
rename to examples/bloom-hdr-workflow-gltf/tsconfig.node.json
diff --git a/demos/bloom-hdr-workflow-gltf/vite.config.ts b/examples/bloom-hdr-workflow-gltf/vite.config.ts
similarity index 100%
rename from demos/bloom-hdr-workflow-gltf/vite.config.ts
rename to examples/bloom-hdr-workflow-gltf/vite.config.ts
diff --git a/demos/bouncy-watch/.prettierrc b/examples/bouncy-watch/.prettierrc
similarity index 100%
rename from demos/bouncy-watch/.prettierrc
rename to examples/bouncy-watch/.prettierrc
diff --git a/examples/bouncy-watch/README.md b/examples/bouncy-watch/README.md
new file mode 100644
index 00000000..c6b7a0b2
--- /dev/null
+++ b/examples/bouncy-watch/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bouncy-watch)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bouncy-watch)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bouncy-watch)
+
+```sh
+$ npx degit pmndrs/examples/examples/bouncy-watch
+```
+
+![](thumbnail.webp)
diff --git a/demos/bouncy-watch/index.html b/examples/bouncy-watch/index.html
similarity index 100%
rename from demos/bouncy-watch/index.html
rename to examples/bouncy-watch/index.html
diff --git a/demos/caustics/package.json b/examples/bouncy-watch/package.json
similarity index 86%
rename from demos/caustics/package.json
rename to examples/bouncy-watch/package.json
index 9590f7ce..517b965d 100644
--- a/demos/caustics/package.json
+++ b/examples/bouncy-watch/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/caustics",
+  "name": "@example/bouncy-watch",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -8,6 +8,14 @@
     "react-dom": "19.2.8",
     "three": "0.165.0"
   },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
   "scripts": {
     "dev": "vite --host",
     "dev3": "e2e-dev $npm_package_name",
@@ -22,16 +30,8 @@
     "not op_mini all"
   ],
   "type": "module",
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/caustics"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bouncy-watch"
   }
 }
diff --git a/demos/bouncy-watch/pmndrs.json b/examples/bouncy-watch/pmndrs.json
similarity index 100%
rename from demos/bouncy-watch/pmndrs.json
rename to examples/bouncy-watch/pmndrs.json
diff --git a/demos/bouncy-watch/public/vite.svg b/examples/bouncy-watch/public/vite.svg
similarity index 100%
rename from demos/bouncy-watch/public/vite.svg
rename to examples/bouncy-watch/public/vite.svg
diff --git a/demos/bouncy-watch/src/App.jsx b/examples/bouncy-watch/src/App.jsx
similarity index 100%
rename from demos/bouncy-watch/src/App.jsx
rename to examples/bouncy-watch/src/App.jsx
diff --git a/demos/bouncy-watch/src/index.jsx b/examples/bouncy-watch/src/index.jsx
similarity index 100%
rename from demos/bouncy-watch/src/index.jsx
rename to examples/bouncy-watch/src/index.jsx
diff --git a/demos/bouncy-watch/src/styles.css b/examples/bouncy-watch/src/styles.css
similarity index 100%
rename from demos/bouncy-watch/src/styles.css
rename to examples/bouncy-watch/src/styles.css
diff --git a/demos/bouncy-watch/src/vite-env.d.ts b/examples/bouncy-watch/src/vite-env.d.ts
similarity index 100%
rename from demos/bouncy-watch/src/vite-env.d.ts
rename to examples/bouncy-watch/src/vite-env.d.ts
diff --git a/demos/bouncy-watch/src/watch-v1.glb b/examples/bouncy-watch/src/watch-v1.glb
similarity index 100%
rename from demos/bouncy-watch/src/watch-v1.glb
rename to examples/bouncy-watch/src/watch-v1.glb
diff --git a/demos/bouncy-watch/thumbnail.webp b/examples/bouncy-watch/thumbnail.webp
similarity index 100%
rename from demos/bouncy-watch/thumbnail.webp
rename to examples/bouncy-watch/thumbnail.webp
diff --git a/demos/bouncy-watch/tsconfig.json b/examples/bouncy-watch/tsconfig.json
similarity index 100%
rename from demos/bouncy-watch/tsconfig.json
rename to examples/bouncy-watch/tsconfig.json
diff --git a/demos/bouncy-watch/tsconfig.node.json b/examples/bouncy-watch/tsconfig.node.json
similarity index 100%
rename from demos/bouncy-watch/tsconfig.node.json
rename to examples/bouncy-watch/tsconfig.node.json
diff --git a/demos/bouncy-watch/vite.config.ts b/examples/bouncy-watch/vite.config.ts
similarity index 100%
rename from demos/bouncy-watch/vite.config.ts
rename to examples/bouncy-watch/vite.config.ts
diff --git a/demos/bounds-and-makedefault/.prettierrc b/examples/bounds-and-makedefault/.prettierrc
similarity index 100%
rename from demos/bounds-and-makedefault/.prettierrc
rename to examples/bounds-and-makedefault/.prettierrc
diff --git a/examples/bounds-and-makedefault/README.md b/examples/bounds-and-makedefault/README.md
new file mode 100644
index 00000000..6ad0f053
--- /dev/null
+++ b/examples/bounds-and-makedefault/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bounds-and-makedefault)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bounds-and-makedefault)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bounds-and-makedefault)
+
+```sh
+$ npx degit pmndrs/examples/examples/bounds-and-makedefault
+```
+
+![](thumbnail.webp)
diff --git a/demos/bounds-and-makedefault/index.html b/examples/bounds-and-makedefault/index.html
similarity index 100%
rename from demos/bounds-and-makedefault/index.html
rename to examples/bounds-and-makedefault/index.html
diff --git a/examples/bounds-and-makedefault/package.json b/examples/bounds-and-makedefault/package.json
new file mode 100644
index 00000000..81b7aa88
--- /dev/null
+++ b/examples/bounds-and-makedefault/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/bounds-and-makedefault",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bounds-and-makedefault"
+  }
+}
diff --git a/demos/bounds-and-makedefault/pmndrs.json b/examples/bounds-and-makedefault/pmndrs.json
similarity index 100%
rename from demos/bounds-and-makedefault/pmndrs.json
rename to examples/bounds-and-makedefault/pmndrs.json
diff --git a/demos/bounds-and-makedefault/public/draco/draco_decoder.js b/examples/bounds-and-makedefault/public/draco/draco_decoder.js
similarity index 100%
rename from demos/bounds-and-makedefault/public/draco/draco_decoder.js
rename to examples/bounds-and-makedefault/public/draco/draco_decoder.js
diff --git a/demos/bounds-and-makedefault/public/draco/draco_decoder.wasm b/examples/bounds-and-makedefault/public/draco/draco_decoder.wasm
similarity index 100%
rename from demos/bounds-and-makedefault/public/draco/draco_decoder.wasm
rename to examples/bounds-and-makedefault/public/draco/draco_decoder.wasm
diff --git a/demos/bounds-and-makedefault/public/draco/draco_encoder.js b/examples/bounds-and-makedefault/public/draco/draco_encoder.js
similarity index 100%
rename from demos/bounds-and-makedefault/public/draco/draco_encoder.js
rename to examples/bounds-and-makedefault/public/draco/draco_encoder.js
diff --git a/demos/bounds-and-makedefault/public/draco/draco_wasm_wrapper.js b/examples/bounds-and-makedefault/public/draco/draco_wasm_wrapper.js
similarity index 100%
rename from demos/bounds-and-makedefault/public/draco/draco_wasm_wrapper.js
rename to examples/bounds-and-makedefault/public/draco/draco_wasm_wrapper.js
diff --git a/demos/bounds-and-makedefault/public/vite.svg b/examples/bounds-and-makedefault/public/vite.svg
similarity index 100%
rename from demos/bounds-and-makedefault/public/vite.svg
rename to examples/bounds-and-makedefault/public/vite.svg
diff --git a/demos/bounds-and-makedefault/src/App.jsx b/examples/bounds-and-makedefault/src/App.jsx
similarity index 100%
rename from demos/bounds-and-makedefault/src/App.jsx
rename to examples/bounds-and-makedefault/src/App.jsx
diff --git a/demos/bounds-and-makedefault/src/compressed.glb b/examples/bounds-and-makedefault/src/compressed.glb
similarity index 100%
rename from demos/bounds-and-makedefault/src/compressed.glb
rename to examples/bounds-and-makedefault/src/compressed.glb
diff --git a/demos/bounds-and-makedefault/src/index.jsx b/examples/bounds-and-makedefault/src/index.jsx
similarity index 100%
rename from demos/bounds-and-makedefault/src/index.jsx
rename to examples/bounds-and-makedefault/src/index.jsx
diff --git a/demos/bounds-and-makedefault/src/styles.css b/examples/bounds-and-makedefault/src/styles.css
similarity index 100%
rename from demos/bounds-and-makedefault/src/styles.css
rename to examples/bounds-and-makedefault/src/styles.css
diff --git a/demos/bounds-and-makedefault/src/vite-env.d.ts b/examples/bounds-and-makedefault/src/vite-env.d.ts
similarity index 100%
rename from demos/bounds-and-makedefault/src/vite-env.d.ts
rename to examples/bounds-and-makedefault/src/vite-env.d.ts
diff --git a/demos/bounds-and-makedefault/thumbnail.webp b/examples/bounds-and-makedefault/thumbnail.webp
similarity index 100%
rename from demos/bounds-and-makedefault/thumbnail.webp
rename to examples/bounds-and-makedefault/thumbnail.webp
diff --git a/demos/bounds-and-makedefault/tsconfig.json b/examples/bounds-and-makedefault/tsconfig.json
similarity index 100%
rename from demos/bounds-and-makedefault/tsconfig.json
rename to examples/bounds-and-makedefault/tsconfig.json
diff --git a/demos/bounds-and-makedefault/tsconfig.node.json b/examples/bounds-and-makedefault/tsconfig.node.json
similarity index 100%
rename from demos/bounds-and-makedefault/tsconfig.node.json
rename to examples/bounds-and-makedefault/tsconfig.node.json
diff --git a/demos/bounds-and-makedefault/vite.config.ts b/examples/bounds-and-makedefault/vite.config.ts
similarity index 100%
rename from demos/bounds-and-makedefault/vite.config.ts
rename to examples/bounds-and-makedefault/vite.config.ts
diff --git a/demos/bruno-simons-20k-challenge/.prettierrc b/examples/bruno-simons-20k-challenge/.prettierrc
similarity index 100%
rename from demos/bruno-simons-20k-challenge/.prettierrc
rename to examples/bruno-simons-20k-challenge/.prettierrc
diff --git a/examples/bruno-simons-20k-challenge/README.md b/examples/bruno-simons-20k-challenge/README.md
new file mode 100644
index 00000000..c3b810ab
--- /dev/null
+++ b/examples/bruno-simons-20k-challenge/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bruno-simons-20k-challenge)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bruno-simons-20k-challenge)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bruno-simons-20k-challenge)
+
+```sh
+$ npx degit pmndrs/examples/examples/bruno-simons-20k-challenge
+```
+
+![](thumbnail.webp)
diff --git a/demos/bruno-simons-20k-challenge/index.html b/examples/bruno-simons-20k-challenge/index.html
similarity index 100%
rename from demos/bruno-simons-20k-challenge/index.html
rename to examples/bruno-simons-20k-challenge/index.html
diff --git a/demos/bruno-simons-20k-challenge/package.json b/examples/bruno-simons-20k-challenge/package.json
similarity index 86%
rename from demos/bruno-simons-20k-challenge/package.json
rename to examples/bruno-simons-20k-challenge/package.json
index 382eb9ab..2488681c 100644
--- a/demos/bruno-simons-20k-challenge/package.json
+++ b/examples/bruno-simons-20k-challenge/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bruno-simons-20k-challenge",
+  "name": "@example/bruno-simons-20k-challenge",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/csg": "^4.0.0",
@@ -34,7 +34,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bruno-simons-20k-challenge"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bruno-simons-20k-challenge"
   },
   "type": "module"
 }
diff --git a/demos/bruno-simons-20k-challenge/pmndrs.json b/examples/bruno-simons-20k-challenge/pmndrs.json
similarity index 100%
rename from demos/bruno-simons-20k-challenge/pmndrs.json
rename to examples/bruno-simons-20k-challenge/pmndrs.json
diff --git a/demos/bruno-simons-20k-challenge/public/vite.svg b/examples/bruno-simons-20k-challenge/public/vite.svg
similarity index 100%
rename from demos/bruno-simons-20k-challenge/public/vite.svg
rename to examples/bruno-simons-20k-challenge/public/vite.svg
diff --git a/demos/bruno-simons-20k-challenge/src/App.jsx b/examples/bruno-simons-20k-challenge/src/App.jsx
similarity index 100%
rename from demos/bruno-simons-20k-challenge/src/App.jsx
rename to examples/bruno-simons-20k-challenge/src/App.jsx
diff --git a/demos/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-hat-transformed.glb b/examples/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-hat-transformed.glb
similarity index 100%
rename from demos/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-hat-transformed.glb
rename to examples/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-hat-transformed.glb
diff --git a/demos/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-transformed.glb b/examples/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-transformed.glb
similarity index 100%
rename from demos/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-transformed.glb
rename to examples/bruno-simons-20k-challenge/src/blender-threejs-journey-20k-transformed.glb
diff --git a/demos/bruno-simons-20k-challenge/src/index.jsx b/examples/bruno-simons-20k-challenge/src/index.jsx
similarity index 100%
rename from demos/bruno-simons-20k-challenge/src/index.jsx
rename to examples/bruno-simons-20k-challenge/src/index.jsx
diff --git a/demos/bruno-simons-20k-challenge/src/styles.css b/examples/bruno-simons-20k-challenge/src/styles.css
similarity index 100%
rename from demos/bruno-simons-20k-challenge/src/styles.css
rename to examples/bruno-simons-20k-challenge/src/styles.css
diff --git a/demos/bruno-simons-20k-challenge/src/vite-env.d.ts b/examples/bruno-simons-20k-challenge/src/vite-env.d.ts
similarity index 100%
rename from demos/bruno-simons-20k-challenge/src/vite-env.d.ts
rename to examples/bruno-simons-20k-challenge/src/vite-env.d.ts
diff --git a/demos/bruno-simons-20k-challenge/thumbnail.webp b/examples/bruno-simons-20k-challenge/thumbnail.webp
similarity index 100%
rename from demos/bruno-simons-20k-challenge/thumbnail.webp
rename to examples/bruno-simons-20k-challenge/thumbnail.webp
diff --git a/demos/bruno-simons-20k-challenge/tsconfig.json b/examples/bruno-simons-20k-challenge/tsconfig.json
similarity index 100%
rename from demos/bruno-simons-20k-challenge/tsconfig.json
rename to examples/bruno-simons-20k-challenge/tsconfig.json
diff --git a/demos/bruno-simons-20k-challenge/tsconfig.node.json b/examples/bruno-simons-20k-challenge/tsconfig.node.json
similarity index 100%
rename from demos/bruno-simons-20k-challenge/tsconfig.node.json
rename to examples/bruno-simons-20k-challenge/tsconfig.node.json
diff --git a/demos/bruno-simons-20k-challenge/vite.config.ts b/examples/bruno-simons-20k-challenge/vite.config.ts
similarity index 100%
rename from demos/bruno-simons-20k-challenge/vite.config.ts
rename to examples/bruno-simons-20k-challenge/vite.config.ts
diff --git a/demos/building-dynamic-envmaps/.prettierrc b/examples/building-dynamic-envmaps/.prettierrc
similarity index 100%
rename from demos/building-dynamic-envmaps/.prettierrc
rename to examples/building-dynamic-envmaps/.prettierrc
diff --git a/examples/building-dynamic-envmaps/README.md b/examples/building-dynamic-envmaps/README.md
new file mode 100644
index 00000000..e8261dd9
--- /dev/null
+++ b/examples/building-dynamic-envmaps/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/building-dynamic-envmaps)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/building-dynamic-envmaps)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/building-dynamic-envmaps)
+
+```sh
+$ npx degit pmndrs/examples/examples/building-dynamic-envmaps
+```
+
+![](thumbnail.webp)
diff --git a/demos/building-dynamic-envmaps/index.html b/examples/building-dynamic-envmaps/index.html
similarity index 100%
rename from demos/building-dynamic-envmaps/index.html
rename to examples/building-dynamic-envmaps/index.html
diff --git a/demos/building-dynamic-envmaps/package.json b/examples/building-dynamic-envmaps/package.json
similarity index 85%
rename from demos/building-dynamic-envmaps/package.json
rename to examples/building-dynamic-envmaps/package.json
index 4afb4b10..c97c81c2 100644
--- a/demos/building-dynamic-envmaps/package.json
+++ b/examples/building-dynamic-envmaps/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/building-dynamic-envmaps",
+  "name": "@example/building-dynamic-envmaps",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/building-dynamic-envmaps"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/building-dynamic-envmaps"
   }
 }
diff --git a/demos/building-dynamic-envmaps/pmndrs.json b/examples/building-dynamic-envmaps/pmndrs.json
similarity index 100%
rename from demos/building-dynamic-envmaps/pmndrs.json
rename to examples/building-dynamic-envmaps/pmndrs.json
diff --git a/demos/building-dynamic-envmaps/public/vite.svg b/examples/building-dynamic-envmaps/public/vite.svg
similarity index 100%
rename from demos/building-dynamic-envmaps/public/vite.svg
rename to examples/building-dynamic-envmaps/public/vite.svg
diff --git a/demos/building-dynamic-envmaps/src/App.jsx b/examples/building-dynamic-envmaps/src/App.jsx
similarity index 100%
rename from demos/building-dynamic-envmaps/src/App.jsx
rename to examples/building-dynamic-envmaps/src/App.jsx
diff --git a/demos/building-dynamic-envmaps/src/Effects.jsx b/examples/building-dynamic-envmaps/src/Effects.jsx
similarity index 100%
rename from demos/building-dynamic-envmaps/src/Effects.jsx
rename to examples/building-dynamic-envmaps/src/Effects.jsx
diff --git a/demos/building-dynamic-envmaps/src/F-6800-STD.cube b/examples/building-dynamic-envmaps/src/F-6800-STD.cube
similarity index 100%
rename from demos/building-dynamic-envmaps/src/F-6800-STD.cube
rename to examples/building-dynamic-envmaps/src/F-6800-STD.cube
diff --git a/demos/building-dynamic-envmaps/src/Lamborghini.jsx b/examples/building-dynamic-envmaps/src/Lamborghini.jsx
similarity index 100%
rename from demos/building-dynamic-envmaps/src/Lamborghini.jsx
rename to examples/building-dynamic-envmaps/src/Lamborghini.jsx
diff --git a/demos/building-dynamic-envmaps/src/index.jsx b/examples/building-dynamic-envmaps/src/index.jsx
similarity index 100%
rename from demos/building-dynamic-envmaps/src/index.jsx
rename to examples/building-dynamic-envmaps/src/index.jsx
diff --git a/demos/building-dynamic-envmaps/src/lambo.glb b/examples/building-dynamic-envmaps/src/lambo.glb
similarity index 100%
rename from demos/building-dynamic-envmaps/src/lambo.glb
rename to examples/building-dynamic-envmaps/src/lambo.glb
diff --git a/demos/building-dynamic-envmaps/src/styles.css b/examples/building-dynamic-envmaps/src/styles.css
similarity index 100%
rename from demos/building-dynamic-envmaps/src/styles.css
rename to examples/building-dynamic-envmaps/src/styles.css
diff --git a/demos/building-dynamic-envmaps/src/vite-env.d.ts b/examples/building-dynamic-envmaps/src/vite-env.d.ts
similarity index 100%
rename from demos/building-dynamic-envmaps/src/vite-env.d.ts
rename to examples/building-dynamic-envmaps/src/vite-env.d.ts
diff --git a/demos/building-dynamic-envmaps/thumbnail.webp b/examples/building-dynamic-envmaps/thumbnail.webp
similarity index 100%
rename from demos/building-dynamic-envmaps/thumbnail.webp
rename to examples/building-dynamic-envmaps/thumbnail.webp
diff --git a/demos/building-dynamic-envmaps/tsconfig.json b/examples/building-dynamic-envmaps/tsconfig.json
similarity index 100%
rename from demos/building-dynamic-envmaps/tsconfig.json
rename to examples/building-dynamic-envmaps/tsconfig.json
diff --git a/demos/building-dynamic-envmaps/tsconfig.node.json b/examples/building-dynamic-envmaps/tsconfig.node.json
similarity index 100%
rename from demos/building-dynamic-envmaps/tsconfig.node.json
rename to examples/building-dynamic-envmaps/tsconfig.node.json
diff --git a/demos/building-dynamic-envmaps/vite.config.ts b/examples/building-dynamic-envmaps/vite.config.ts
similarity index 100%
rename from demos/building-dynamic-envmaps/vite.config.ts
rename to examples/building-dynamic-envmaps/vite.config.ts
diff --git a/demos/building-live-envmaps/.prettierrc b/examples/building-live-envmaps/.prettierrc
similarity index 100%
rename from demos/building-live-envmaps/.prettierrc
rename to examples/building-live-envmaps/.prettierrc
diff --git a/examples/building-live-envmaps/README.md b/examples/building-live-envmaps/README.md
new file mode 100644
index 00000000..d9d82f39
--- /dev/null
+++ b/examples/building-live-envmaps/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/building-live-envmaps)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/building-live-envmaps)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/building-live-envmaps)
+
+```sh
+$ npx degit pmndrs/examples/examples/building-live-envmaps
+```
+
+![](thumbnail.webp)
diff --git a/demos/building-live-envmaps/index.html b/examples/building-live-envmaps/index.html
similarity index 100%
rename from demos/building-live-envmaps/index.html
rename to examples/building-live-envmaps/index.html
diff --git a/demos/building-live-envmaps/package.json b/examples/building-live-envmaps/package.json
similarity index 86%
rename from demos/building-live-envmaps/package.json
rename to examples/building-live-envmaps/package.json
index 0fbd85f5..babb3edd 100644
--- a/demos/building-live-envmaps/package.json
+++ b/examples/building-live-envmaps/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/building-live-envmaps",
+  "name": "@example/building-live-envmaps",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,7 +33,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/building-live-envmaps"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/building-live-envmaps"
   },
   "type": "module"
 }
diff --git a/demos/building-live-envmaps/pmndrs.json b/examples/building-live-envmaps/pmndrs.json
similarity index 100%
rename from demos/building-live-envmaps/pmndrs.json
rename to examples/building-live-envmaps/pmndrs.json
diff --git a/demos/building-live-envmaps/public/vite.svg b/examples/building-live-envmaps/public/vite.svg
similarity index 100%
rename from demos/building-live-envmaps/public/vite.svg
rename to examples/building-live-envmaps/public/vite.svg
diff --git a/demos/building-live-envmaps/src/911-transformed.glb b/examples/building-live-envmaps/src/911-transformed.glb
similarity index 100%
rename from demos/building-live-envmaps/src/911-transformed.glb
rename to examples/building-live-envmaps/src/911-transformed.glb
diff --git a/demos/building-live-envmaps/src/App.jsx b/examples/building-live-envmaps/src/App.jsx
similarity index 100%
rename from demos/building-live-envmaps/src/App.jsx
rename to examples/building-live-envmaps/src/App.jsx
diff --git a/demos/building-live-envmaps/src/index.jsx b/examples/building-live-envmaps/src/index.jsx
similarity index 100%
rename from demos/building-live-envmaps/src/index.jsx
rename to examples/building-live-envmaps/src/index.jsx
diff --git a/demos/building-live-envmaps/src/styles.css b/examples/building-live-envmaps/src/styles.css
similarity index 100%
rename from demos/building-live-envmaps/src/styles.css
rename to examples/building-live-envmaps/src/styles.css
diff --git a/demos/building-live-envmaps/src/vite-env.d.ts b/examples/building-live-envmaps/src/vite-env.d.ts
similarity index 100%
rename from demos/building-live-envmaps/src/vite-env.d.ts
rename to examples/building-live-envmaps/src/vite-env.d.ts
diff --git a/demos/building-live-envmaps/thumbnail.webp b/examples/building-live-envmaps/thumbnail.webp
similarity index 100%
rename from demos/building-live-envmaps/thumbnail.webp
rename to examples/building-live-envmaps/thumbnail.webp
diff --git a/demos/building-live-envmaps/tsconfig.json b/examples/building-live-envmaps/tsconfig.json
similarity index 100%
rename from demos/building-live-envmaps/tsconfig.json
rename to examples/building-live-envmaps/tsconfig.json
diff --git a/demos/building-live-envmaps/tsconfig.node.json b/examples/building-live-envmaps/tsconfig.node.json
similarity index 100%
rename from demos/building-live-envmaps/tsconfig.node.json
rename to examples/building-live-envmaps/tsconfig.node.json
diff --git a/demos/building-live-envmaps/vite.config.ts b/examples/building-live-envmaps/vite.config.ts
similarity index 100%
rename from demos/building-live-envmaps/vite.config.ts
rename to examples/building-live-envmaps/vite.config.ts
diff --git a/demos/bvh/.prettierrc b/examples/bvh/.prettierrc
similarity index 100%
rename from demos/bvh/.prettierrc
rename to examples/bvh/.prettierrc
diff --git a/demos/moksha/README.md b/examples/bvh/README.md
similarity index 53%
rename from demos/moksha/README.md
rename to examples/bvh/README.md
index e343a8a3..7ab9277f 100644
--- a/demos/moksha/README.md
+++ b/examples/bvh/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/moksha)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/moksha)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/moksha)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bvh)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/bvh)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/bvh)
 
 ```sh
-$ npx degit pmndrs/examples/demos/moksha
+$ npx degit pmndrs/examples/examples/bvh
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/bvh/index.html b/examples/bvh/index.html
similarity index 100%
rename from demos/bvh/index.html
rename to examples/bvh/index.html
diff --git a/demos/bvh/package.json b/examples/bvh/package.json
similarity index 89%
rename from demos/bvh/package.json
rename to examples/bvh/package.json
index d2ab7a1b..b2b5ac51 100644
--- a/demos/bvh/package.json
+++ b/examples/bvh/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bvh",
+  "name": "@example/bvh",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,7 +34,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bvh"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/bvh"
   },
   "type": "module"
 }
diff --git a/demos/bvh/pmndrs.json b/examples/bvh/pmndrs.json
similarity index 100%
rename from demos/bvh/pmndrs.json
rename to examples/bvh/pmndrs.json
diff --git a/demos/bvh/public/vite.svg b/examples/bvh/public/vite.svg
similarity index 100%
rename from demos/bvh/public/vite.svg
rename to examples/bvh/public/vite.svg
diff --git a/demos/bvh/src/App.jsx b/examples/bvh/src/App.jsx
similarity index 100%
rename from demos/bvh/src/App.jsx
rename to examples/bvh/src/App.jsx
diff --git a/demos/bvh/src/Rays.jsx b/examples/bvh/src/Rays.jsx
similarity index 100%
rename from demos/bvh/src/Rays.jsx
rename to examples/bvh/src/Rays.jsx
diff --git a/demos/bvh/src/index.jsx b/examples/bvh/src/index.jsx
similarity index 100%
rename from demos/bvh/src/index.jsx
rename to examples/bvh/src/index.jsx
diff --git a/demos/bvh/src/styles.css b/examples/bvh/src/styles.css
similarity index 100%
rename from demos/bvh/src/styles.css
rename to examples/bvh/src/styles.css
diff --git a/demos/bvh/src/vite-env.d.ts b/examples/bvh/src/vite-env.d.ts
similarity index 100%
rename from demos/bvh/src/vite-env.d.ts
rename to examples/bvh/src/vite-env.d.ts
diff --git a/demos/bvh/thumbnail.webp b/examples/bvh/thumbnail.webp
similarity index 100%
rename from demos/bvh/thumbnail.webp
rename to examples/bvh/thumbnail.webp
diff --git a/demos/bvh/tsconfig.json b/examples/bvh/tsconfig.json
similarity index 100%
rename from demos/bvh/tsconfig.json
rename to examples/bvh/tsconfig.json
diff --git a/demos/bvh/tsconfig.node.json b/examples/bvh/tsconfig.node.json
similarity index 100%
rename from demos/bvh/tsconfig.node.json
rename to examples/bvh/tsconfig.node.json
diff --git a/demos/bvh/vite.config.ts b/examples/bvh/vite.config.ts
similarity index 100%
rename from demos/bvh/vite.config.ts
rename to examples/bvh/vite.config.ts
diff --git a/demos/camera-scroll/.prettierrc b/examples/camera-scroll/.prettierrc
similarity index 100%
rename from demos/camera-scroll/.prettierrc
rename to examples/camera-scroll/.prettierrc
diff --git a/examples/camera-scroll/README.md b/examples/camera-scroll/README.md
new file mode 100644
index 00000000..a40b8972
--- /dev/null
+++ b/examples/camera-scroll/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/camera-scroll)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/camera-scroll)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/camera-scroll)
+
+```sh
+$ npx degit pmndrs/examples/examples/camera-scroll
+```
+
+![](thumbnail.webp)
diff --git a/demos/camera-scroll/index.html b/examples/camera-scroll/index.html
similarity index 100%
rename from demos/camera-scroll/index.html
rename to examples/camera-scroll/index.html
diff --git a/examples/camera-scroll/package.json b/examples/camera-scroll/package.json
new file mode 100644
index 00000000..0751f3ce
--- /dev/null
+++ b/examples/camera-scroll/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/camera-scroll",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/camera-scroll"
+  }
+}
diff --git a/demos/camera-scroll/pmndrs.json b/examples/camera-scroll/pmndrs.json
similarity index 100%
rename from demos/camera-scroll/pmndrs.json
rename to examples/camera-scroll/pmndrs.json
diff --git a/demos/camera-scroll/public/vite.svg b/examples/camera-scroll/public/vite.svg
similarity index 100%
rename from demos/camera-scroll/public/vite.svg
rename to examples/camera-scroll/public/vite.svg
diff --git a/demos/camera-scroll/src/App.jsx b/examples/camera-scroll/src/App.jsx
similarity index 100%
rename from demos/camera-scroll/src/App.jsx
rename to examples/camera-scroll/src/App.jsx
diff --git a/demos/camera-scroll/src/Model.jsx b/examples/camera-scroll/src/Model.jsx
similarity index 100%
rename from demos/camera-scroll/src/Model.jsx
rename to examples/camera-scroll/src/Model.jsx
diff --git a/demos/camera-scroll/src/Overlay.jsx b/examples/camera-scroll/src/Overlay.jsx
similarity index 100%
rename from demos/camera-scroll/src/Overlay.jsx
rename to examples/camera-scroll/src/Overlay.jsx
diff --git a/demos/camera-scroll/src/index.jsx b/examples/camera-scroll/src/index.jsx
similarity index 100%
rename from demos/camera-scroll/src/index.jsx
rename to examples/camera-scroll/src/index.jsx
diff --git a/demos/camera-scroll/src/model.glb b/examples/camera-scroll/src/model.glb
similarity index 100%
rename from demos/camera-scroll/src/model.glb
rename to examples/camera-scroll/src/model.glb
diff --git a/demos/camera-scroll/src/styles.css b/examples/camera-scroll/src/styles.css
similarity index 100%
rename from demos/camera-scroll/src/styles.css
rename to examples/camera-scroll/src/styles.css
diff --git a/demos/camera-scroll/src/vite-env.d.ts b/examples/camera-scroll/src/vite-env.d.ts
similarity index 100%
rename from demos/camera-scroll/src/vite-env.d.ts
rename to examples/camera-scroll/src/vite-env.d.ts
diff --git a/demos/camera-scroll/thumbnail.webp b/examples/camera-scroll/thumbnail.webp
similarity index 100%
rename from demos/camera-scroll/thumbnail.webp
rename to examples/camera-scroll/thumbnail.webp
diff --git a/demos/camera-scroll/tsconfig.json b/examples/camera-scroll/tsconfig.json
similarity index 100%
rename from demos/camera-scroll/tsconfig.json
rename to examples/camera-scroll/tsconfig.json
diff --git a/demos/camera-scroll/tsconfig.node.json b/examples/camera-scroll/tsconfig.node.json
similarity index 100%
rename from demos/camera-scroll/tsconfig.node.json
rename to examples/camera-scroll/tsconfig.node.json
diff --git a/demos/camera-scroll/vite.config.ts b/examples/camera-scroll/vite.config.ts
similarity index 100%
rename from demos/camera-scroll/vite.config.ts
rename to examples/camera-scroll/vite.config.ts
diff --git a/demos/camera-shake/.codesandbox/workspace.json b/examples/camera-shake/.codesandbox/workspace.json
similarity index 100%
rename from demos/camera-shake/.codesandbox/workspace.json
rename to examples/camera-shake/.codesandbox/workspace.json
diff --git a/demos/camera-shake/.prettierrc b/examples/camera-shake/.prettierrc
similarity index 100%
rename from demos/camera-shake/.prettierrc
rename to examples/camera-shake/.prettierrc
diff --git a/examples/camera-shake/README.md b/examples/camera-shake/README.md
new file mode 100644
index 00000000..4116c1c6
--- /dev/null
+++ b/examples/camera-shake/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/camera-shake)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/camera-shake)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/camera-shake)
+
+```sh
+$ npx degit pmndrs/examples/examples/camera-shake
+```
+
+![](thumbnail.webp)
diff --git a/demos/camera-shake/index.html b/examples/camera-shake/index.html
similarity index 100%
rename from demos/camera-shake/index.html
rename to examples/camera-shake/index.html
diff --git a/demos/camera-shake/package.json b/examples/camera-shake/package.json
similarity index 86%
rename from demos/camera-shake/package.json
rename to examples/camera-shake/package.json
index 4ebdb9ce..5c788e8c 100644
--- a/demos/camera-shake/package.json
+++ b/examples/camera-shake/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/camera-shake",
+  "name": "@example/camera-shake",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/camera-shake"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/camera-shake"
   }
 }
diff --git a/demos/camera-shake/pmndrs.json b/examples/camera-shake/pmndrs.json
similarity index 100%
rename from demos/camera-shake/pmndrs.json
rename to examples/camera-shake/pmndrs.json
diff --git a/demos/camera-shake/public/view.svg b/examples/camera-shake/public/view.svg
similarity index 100%
rename from demos/camera-shake/public/view.svg
rename to examples/camera-shake/public/view.svg
diff --git a/demos/camera-shake/public/vite.svg b/examples/camera-shake/public/vite.svg
similarity index 100%
rename from demos/camera-shake/public/vite.svg
rename to examples/camera-shake/public/vite.svg
diff --git a/demos/camera-shake/src/App.jsx b/examples/camera-shake/src/App.jsx
similarity index 100%
rename from demos/camera-shake/src/App.jsx
rename to examples/camera-shake/src/App.jsx
diff --git a/demos/camera-shake/src/Model.jsx b/examples/camera-shake/src/Model.jsx
similarity index 100%
rename from demos/camera-shake/src/Model.jsx
rename to examples/camera-shake/src/Model.jsx
diff --git a/demos/camera-shake/src/index.jsx b/examples/camera-shake/src/index.jsx
similarity index 100%
rename from demos/camera-shake/src/index.jsx
rename to examples/camera-shake/src/index.jsx
diff --git a/demos/camera-shake/src/pink-d.glb b/examples/camera-shake/src/pink-d.glb
similarity index 100%
rename from demos/camera-shake/src/pink-d.glb
rename to examples/camera-shake/src/pink-d.glb
diff --git a/demos/camera-shake/src/styles.css b/examples/camera-shake/src/styles.css
similarity index 100%
rename from demos/camera-shake/src/styles.css
rename to examples/camera-shake/src/styles.css
diff --git a/demos/camera-shake/src/vite-env.d.ts b/examples/camera-shake/src/vite-env.d.ts
similarity index 100%
rename from demos/camera-shake/src/vite-env.d.ts
rename to examples/camera-shake/src/vite-env.d.ts
diff --git a/demos/camera-shake/thumbnail.webp b/examples/camera-shake/thumbnail.webp
similarity index 100%
rename from demos/camera-shake/thumbnail.webp
rename to examples/camera-shake/thumbnail.webp
diff --git a/demos/camera-shake/tsconfig.json b/examples/camera-shake/tsconfig.json
similarity index 100%
rename from demos/camera-shake/tsconfig.json
rename to examples/camera-shake/tsconfig.json
diff --git a/demos/camera-shake/tsconfig.node.json b/examples/camera-shake/tsconfig.node.json
similarity index 100%
rename from demos/camera-shake/tsconfig.node.json
rename to examples/camera-shake/tsconfig.node.json
diff --git a/demos/camera-shake/vite.config.ts b/examples/camera-shake/vite.config.ts
similarity index 100%
rename from demos/camera-shake/vite.config.ts
rename to examples/camera-shake/vite.config.ts
diff --git a/demos/canvas-text/.prettierrc b/examples/canvas-text/.prettierrc
similarity index 100%
rename from demos/canvas-text/.prettierrc
rename to examples/canvas-text/.prettierrc
diff --git a/demos/audio-analyser/README.md b/examples/canvas-text/README.md
similarity index 50%
rename from demos/audio-analyser/README.md
rename to examples/canvas-text/README.md
index ad3b687e..35249b8f 100644
--- a/demos/audio-analyser/README.md
+++ b/examples/canvas-text/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/audio-analyser)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/audio-analyser)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/audio-analyser)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/canvas-text)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/canvas-text)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/canvas-text)
 
 ```sh
-$ npx degit pmndrs/examples/demos/audio-analyser
+$ npx degit pmndrs/examples/examples/canvas-text
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/canvas-text/index.html b/examples/canvas-text/index.html
similarity index 100%
rename from demos/canvas-text/index.html
rename to examples/canvas-text/index.html
diff --git a/demos/canvas-text/package.json b/examples/canvas-text/package.json
similarity index 86%
rename from demos/canvas-text/package.json
rename to examples/canvas-text/package.json
index 5b58c915..db8229f0 100644
--- a/demos/canvas-text/package.json
+++ b/examples/canvas-text/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/canvas-text",
+  "name": "@example/canvas-text",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -31,6 +31,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/canvas-text"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/canvas-text"
   }
 }
diff --git a/demos/canvas-text/pmndrs.json b/examples/canvas-text/pmndrs.json
similarity index 100%
rename from demos/canvas-text/pmndrs.json
rename to examples/canvas-text/pmndrs.json
diff --git a/demos/canvas-text/public/vite.svg b/examples/canvas-text/public/vite.svg
similarity index 100%
rename from demos/canvas-text/public/vite.svg
rename to examples/canvas-text/public/vite.svg
diff --git a/demos/canvas-text/src/App.jsx b/examples/canvas-text/src/App.jsx
similarity index 100%
rename from demos/canvas-text/src/App.jsx
rename to examples/canvas-text/src/App.jsx
diff --git a/demos/canvas-text/src/index.jsx b/examples/canvas-text/src/index.jsx
similarity index 100%
rename from demos/canvas-text/src/index.jsx
rename to examples/canvas-text/src/index.jsx
diff --git a/demos/canvas-text/src/styles.css b/examples/canvas-text/src/styles.css
similarity index 100%
rename from demos/canvas-text/src/styles.css
rename to examples/canvas-text/src/styles.css
diff --git a/demos/canvas-text/src/vite-env.d.ts b/examples/canvas-text/src/vite-env.d.ts
similarity index 100%
rename from demos/canvas-text/src/vite-env.d.ts
rename to examples/canvas-text/src/vite-env.d.ts
diff --git a/demos/canvas-text/thumbnail.webp b/examples/canvas-text/thumbnail.webp
similarity index 100%
rename from demos/canvas-text/thumbnail.webp
rename to examples/canvas-text/thumbnail.webp
diff --git a/demos/canvas-text/tsconfig.json b/examples/canvas-text/tsconfig.json
similarity index 100%
rename from demos/canvas-text/tsconfig.json
rename to examples/canvas-text/tsconfig.json
diff --git a/demos/canvas-text/tsconfig.node.json b/examples/canvas-text/tsconfig.node.json
similarity index 100%
rename from demos/canvas-text/tsconfig.node.json
rename to examples/canvas-text/tsconfig.node.json
diff --git a/demos/canvas-text/vite.config.ts b/examples/canvas-text/vite.config.ts
similarity index 100%
rename from demos/canvas-text/vite.config.ts
rename to examples/canvas-text/vite.config.ts
diff --git a/demos/cards-with-border-radius/.prettierrc b/examples/cards-with-border-radius/.prettierrc
similarity index 100%
rename from demos/cards-with-border-radius/.prettierrc
rename to examples/cards-with-border-radius/.prettierrc
diff --git a/examples/cards-with-border-radius/README.md b/examples/cards-with-border-radius/README.md
new file mode 100644
index 00000000..19d50bb5
--- /dev/null
+++ b/examples/cards-with-border-radius/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/cards-with-border-radius)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/cards-with-border-radius)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/cards-with-border-radius)
+
+```sh
+$ npx degit pmndrs/examples/examples/cards-with-border-radius
+```
+
+![](thumbnail.webp)
diff --git a/demos/cards-with-border-radius/index.html b/examples/cards-with-border-radius/index.html
similarity index 100%
rename from demos/cards-with-border-radius/index.html
rename to examples/cards-with-border-radius/index.html
diff --git a/demos/cards-with-border-radius/package.json b/examples/cards-with-border-radius/package.json
similarity index 85%
rename from demos/cards-with-border-radius/package.json
rename to examples/cards-with-border-radius/package.json
index 5baa1749..103d51f0 100644
--- a/demos/cards-with-border-radius/package.json
+++ b/examples/cards-with-border-radius/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/cards-with-border-radius",
+  "name": "@example/cards-with-border-radius",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,6 +33,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/cards-with-border-radius"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/cards-with-border-radius"
   }
 }
diff --git a/demos/cards-with-border-radius/pmndrs.json b/examples/cards-with-border-radius/pmndrs.json
similarity index 100%
rename from demos/cards-with-border-radius/pmndrs.json
rename to examples/cards-with-border-radius/pmndrs.json
diff --git a/demos/cards-with-border-radius/public/img10_.jpg b/examples/cards-with-border-radius/public/img10_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img10_.jpg
rename to examples/cards-with-border-radius/public/img10_.jpg
diff --git a/demos/cards-with-border-radius/public/img1_.jpg b/examples/cards-with-border-radius/public/img1_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img1_.jpg
rename to examples/cards-with-border-radius/public/img1_.jpg
diff --git a/demos/cards-with-border-radius/public/img2_.jpg b/examples/cards-with-border-radius/public/img2_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img2_.jpg
rename to examples/cards-with-border-radius/public/img2_.jpg
diff --git a/demos/cards-with-border-radius/public/img3_.jpg b/examples/cards-with-border-radius/public/img3_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img3_.jpg
rename to examples/cards-with-border-radius/public/img3_.jpg
diff --git a/demos/cards-with-border-radius/public/img4_.jpg b/examples/cards-with-border-radius/public/img4_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img4_.jpg
rename to examples/cards-with-border-radius/public/img4_.jpg
diff --git a/demos/cards-with-border-radius/public/img5_.jpg b/examples/cards-with-border-radius/public/img5_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img5_.jpg
rename to examples/cards-with-border-radius/public/img5_.jpg
diff --git a/demos/cards-with-border-radius/public/img6_.jpg b/examples/cards-with-border-radius/public/img6_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img6_.jpg
rename to examples/cards-with-border-radius/public/img6_.jpg
diff --git a/demos/cards-with-border-radius/public/img7_.jpg b/examples/cards-with-border-radius/public/img7_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img7_.jpg
rename to examples/cards-with-border-radius/public/img7_.jpg
diff --git a/demos/cards-with-border-radius/public/img8_.jpg b/examples/cards-with-border-radius/public/img8_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img8_.jpg
rename to examples/cards-with-border-radius/public/img8_.jpg
diff --git a/demos/cards-with-border-radius/public/img9_.jpg b/examples/cards-with-border-radius/public/img9_.jpg
similarity index 100%
rename from demos/cards-with-border-radius/public/img9_.jpg
rename to examples/cards-with-border-radius/public/img9_.jpg
diff --git a/demos/cards-with-border-radius/public/vite.svg b/examples/cards-with-border-radius/public/vite.svg
similarity index 100%
rename from demos/cards-with-border-radius/public/vite.svg
rename to examples/cards-with-border-radius/public/vite.svg
diff --git a/demos/cards-with-border-radius/public/work_.png b/examples/cards-with-border-radius/public/work_.png
similarity index 100%
rename from demos/cards-with-border-radius/public/work_.png
rename to examples/cards-with-border-radius/public/work_.png
diff --git a/demos/cards-with-border-radius/src/App.jsx b/examples/cards-with-border-radius/src/App.jsx
similarity index 100%
rename from demos/cards-with-border-radius/src/App.jsx
rename to examples/cards-with-border-radius/src/App.jsx
diff --git a/demos/cards-with-border-radius/src/index.jsx b/examples/cards-with-border-radius/src/index.jsx
similarity index 100%
rename from demos/cards-with-border-radius/src/index.jsx
rename to examples/cards-with-border-radius/src/index.jsx
diff --git a/demos/cards-with-border-radius/src/styles.css b/examples/cards-with-border-radius/src/styles.css
similarity index 100%
rename from demos/cards-with-border-radius/src/styles.css
rename to examples/cards-with-border-radius/src/styles.css
diff --git a/demos/cards-with-border-radius/src/util.js b/examples/cards-with-border-radius/src/util.js
similarity index 100%
rename from demos/cards-with-border-radius/src/util.js
rename to examples/cards-with-border-radius/src/util.js
diff --git a/demos/cards-with-border-radius/src/vite-env.d.ts b/examples/cards-with-border-radius/src/vite-env.d.ts
similarity index 100%
rename from demos/cards-with-border-radius/src/vite-env.d.ts
rename to examples/cards-with-border-radius/src/vite-env.d.ts
diff --git a/demos/cards-with-border-radius/thumbnail.webp b/examples/cards-with-border-radius/thumbnail.webp
similarity index 100%
rename from demos/cards-with-border-radius/thumbnail.webp
rename to examples/cards-with-border-radius/thumbnail.webp
diff --git a/demos/cards-with-border-radius/tsconfig.json b/examples/cards-with-border-radius/tsconfig.json
similarity index 100%
rename from demos/cards-with-border-radius/tsconfig.json
rename to examples/cards-with-border-radius/tsconfig.json
diff --git a/demos/cards-with-border-radius/tsconfig.node.json b/examples/cards-with-border-radius/tsconfig.node.json
similarity index 100%
rename from demos/cards-with-border-radius/tsconfig.node.json
rename to examples/cards-with-border-radius/tsconfig.node.json
diff --git a/demos/cards-with-border-radius/vite.config.ts b/examples/cards-with-border-radius/vite.config.ts
similarity index 100%
rename from demos/cards-with-border-radius/vite.config.ts
rename to examples/cards-with-border-radius/vite.config.ts
diff --git a/demos/cards/.prettierrc b/examples/cards/.prettierrc
similarity index 100%
rename from demos/cards/.prettierrc
rename to examples/cards/.prettierrc
diff --git a/demos/bvh/README.md b/examples/cards/README.md
similarity index 52%
rename from demos/bvh/README.md
rename to examples/cards/README.md
index f3c49b53..167dbb75 100644
--- a/demos/bvh/README.md
+++ b/examples/cards/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bvh)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bvh)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bvh)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/cards)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/cards)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/cards)
 
 ```sh
-$ npx degit pmndrs/examples/demos/bvh
+$ npx degit pmndrs/examples/examples/cards
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/cards/index.html b/examples/cards/index.html
similarity index 100%
rename from demos/cards/index.html
rename to examples/cards/index.html
diff --git a/demos/cards/package.json b/examples/cards/package.json
similarity index 89%
rename from demos/cards/package.json
rename to examples/cards/package.json
index f50ae96b..a4d0abc8 100644
--- a/demos/cards/package.json
+++ b/examples/cards/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/cards",
+  "name": "@example/cards",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -36,6 +36,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/cards"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/cards"
   }
 }
diff --git a/demos/cards/pmndrs.json b/examples/cards/pmndrs.json
similarity index 100%
rename from demos/cards/pmndrs.json
rename to examples/cards/pmndrs.json
diff --git a/demos/cards/public/vite.svg b/examples/cards/public/vite.svg
similarity index 100%
rename from demos/cards/public/vite.svg
rename to examples/cards/public/vite.svg
diff --git a/demos/cards/src/App.jsx b/examples/cards/src/App.jsx
similarity index 100%
rename from demos/cards/src/App.jsx
rename to examples/cards/src/App.jsx
diff --git a/demos/cards/src/img1.jpg b/examples/cards/src/img1.jpg
similarity index 100%
rename from demos/cards/src/img1.jpg
rename to examples/cards/src/img1.jpg
diff --git a/demos/cards/src/img10.jpg b/examples/cards/src/img10.jpg
similarity index 100%
rename from demos/cards/src/img10.jpg
rename to examples/cards/src/img10.jpg
diff --git a/demos/cards/src/img2.jpg b/examples/cards/src/img2.jpg
similarity index 100%
rename from demos/cards/src/img2.jpg
rename to examples/cards/src/img2.jpg
diff --git a/demos/cards/src/img3.jpg b/examples/cards/src/img3.jpg
similarity index 100%
rename from demos/cards/src/img3.jpg
rename to examples/cards/src/img3.jpg
diff --git a/demos/cards/src/img4.jpg b/examples/cards/src/img4.jpg
similarity index 100%
rename from demos/cards/src/img4.jpg
rename to examples/cards/src/img4.jpg
diff --git a/demos/cards/src/img5.jpg b/examples/cards/src/img5.jpg
similarity index 100%
rename from demos/cards/src/img5.jpg
rename to examples/cards/src/img5.jpg
diff --git a/demos/cards/src/img6.jpg b/examples/cards/src/img6.jpg
similarity index 100%
rename from demos/cards/src/img6.jpg
rename to examples/cards/src/img6.jpg
diff --git a/demos/cards/src/img7.jpg b/examples/cards/src/img7.jpg
similarity index 100%
rename from demos/cards/src/img7.jpg
rename to examples/cards/src/img7.jpg
diff --git a/demos/cards/src/img8.jpg b/examples/cards/src/img8.jpg
similarity index 100%
rename from demos/cards/src/img8.jpg
rename to examples/cards/src/img8.jpg
diff --git a/demos/cards/src/img9.jpg b/examples/cards/src/img9.jpg
similarity index 100%
rename from demos/cards/src/img9.jpg
rename to examples/cards/src/img9.jpg
diff --git a/demos/cards/src/index.jsx b/examples/cards/src/index.jsx
similarity index 100%
rename from demos/cards/src/index.jsx
rename to examples/cards/src/index.jsx
diff --git a/demos/cards/src/styles.css b/examples/cards/src/styles.css
similarity index 100%
rename from demos/cards/src/styles.css
rename to examples/cards/src/styles.css
diff --git a/demos/cards/src/vite-env.d.ts b/examples/cards/src/vite-env.d.ts
similarity index 100%
rename from demos/cards/src/vite-env.d.ts
rename to examples/cards/src/vite-env.d.ts
diff --git a/demos/cards/thumbnail.webp b/examples/cards/thumbnail.webp
similarity index 100%
rename from demos/cards/thumbnail.webp
rename to examples/cards/thumbnail.webp
diff --git a/demos/cards/tsconfig.json b/examples/cards/tsconfig.json
similarity index 100%
rename from demos/cards/tsconfig.json
rename to examples/cards/tsconfig.json
diff --git a/demos/cards/tsconfig.node.json b/examples/cards/tsconfig.node.json
similarity index 100%
rename from demos/cards/tsconfig.node.json
rename to examples/cards/tsconfig.node.json
diff --git a/demos/cards/vite.config.ts b/examples/cards/vite.config.ts
similarity index 100%
rename from demos/cards/vite.config.ts
rename to examples/cards/vite.config.ts
diff --git a/demos/caustics/.prettierrc b/examples/caustics/.prettierrc
similarity index 100%
rename from demos/caustics/.prettierrc
rename to examples/caustics/.prettierrc
diff --git a/examples/caustics/README.md b/examples/caustics/README.md
new file mode 100644
index 00000000..ba9a4ade
--- /dev/null
+++ b/examples/caustics/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/caustics)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/caustics)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/caustics)
+
+```sh
+$ npx degit pmndrs/examples/examples/caustics
+```
+
+![](thumbnail.webp)
diff --git a/demos/caustics/index.html b/examples/caustics/index.html
similarity index 100%
rename from demos/caustics/index.html
rename to examples/caustics/index.html
diff --git a/demos/shader-hmr/package.json b/examples/caustics/package.json
similarity index 87%
rename from demos/shader-hmr/package.json
rename to examples/caustics/package.json
index fa7d07fb..12aa0dd7 100644
--- a/demos/shader-hmr/package.json
+++ b/examples/caustics/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/shader-hmr",
+  "name": "@example/caustics",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -8,14 +8,6 @@
     "react-dom": "19.2.8",
     "three": "0.165.0"
   },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
   "scripts": {
     "dev": "vite --host",
     "dev3": "e2e-dev $npm_package_name",
@@ -30,8 +22,16 @@
     "not op_mini all"
   ],
   "type": "module",
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/shader-hmr"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/caustics"
   }
 }
diff --git a/demos/caustics/pmndrs.json b/examples/caustics/pmndrs.json
similarity index 100%
rename from demos/caustics/pmndrs.json
rename to examples/caustics/pmndrs.json
diff --git a/demos/caustics/public/vite.svg b/examples/caustics/public/vite.svg
similarity index 100%
rename from demos/caustics/public/vite.svg
rename to examples/caustics/public/vite.svg
diff --git a/demos/caustics/sandbox.config.json b/examples/caustics/sandbox.config.json
similarity index 100%
rename from demos/caustics/sandbox.config.json
rename to examples/caustics/sandbox.config.json
diff --git a/demos/caustics/src/App.jsx b/examples/caustics/src/App.jsx
similarity index 100%
rename from demos/caustics/src/App.jsx
rename to examples/caustics/src/App.jsx
diff --git a/demos/caustics/src/Overlay.jsx b/examples/caustics/src/Overlay.jsx
similarity index 100%
rename from demos/caustics/src/Overlay.jsx
rename to examples/caustics/src/Overlay.jsx
diff --git a/demos/caustics/src/glass-transformed.glb b/examples/caustics/src/glass-transformed.glb
similarity index 100%
rename from demos/caustics/src/glass-transformed.glb
rename to examples/caustics/src/glass-transformed.glb
diff --git a/demos/caustics/src/index.jsx b/examples/caustics/src/index.jsx
similarity index 100%
rename from demos/caustics/src/index.jsx
rename to examples/caustics/src/index.jsx
diff --git a/demos/caustics/src/styles.css b/examples/caustics/src/styles.css
similarity index 100%
rename from demos/caustics/src/styles.css
rename to examples/caustics/src/styles.css
diff --git a/demos/caustics/src/vite-env.d.ts b/examples/caustics/src/vite-env.d.ts
similarity index 100%
rename from demos/caustics/src/vite-env.d.ts
rename to examples/caustics/src/vite-env.d.ts
diff --git a/demos/caustics/thumbnail.webp b/examples/caustics/thumbnail.webp
similarity index 100%
rename from demos/caustics/thumbnail.webp
rename to examples/caustics/thumbnail.webp
diff --git a/demos/caustics/tsconfig.json b/examples/caustics/tsconfig.json
similarity index 100%
rename from demos/caustics/tsconfig.json
rename to examples/caustics/tsconfig.json
diff --git a/demos/caustics/tsconfig.node.json b/examples/caustics/tsconfig.node.json
similarity index 100%
rename from demos/caustics/tsconfig.node.json
rename to examples/caustics/tsconfig.node.json
diff --git a/demos/caustics/vite.config.ts b/examples/caustics/vite.config.ts
similarity index 100%
rename from demos/caustics/vite.config.ts
rename to examples/caustics/vite.config.ts
diff --git a/demos/cell-fracture/.prettierrc b/examples/cell-fracture/.prettierrc
similarity index 100%
rename from demos/cell-fracture/.prettierrc
rename to examples/cell-fracture/.prettierrc
diff --git a/examples/cell-fracture/README.md b/examples/cell-fracture/README.md
new file mode 100644
index 00000000..899c454d
--- /dev/null
+++ b/examples/cell-fracture/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/cell-fracture)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/cell-fracture)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/cell-fracture)
+
+```sh
+$ npx degit pmndrs/examples/examples/cell-fracture
+```
+
+![](thumbnail.webp)
diff --git a/demos/cell-fracture/index.html b/examples/cell-fracture/index.html
similarity index 100%
rename from demos/cell-fracture/index.html
rename to examples/cell-fracture/index.html
diff --git a/examples/cell-fracture/package.json b/examples/cell-fracture/package.json
new file mode 100644
index 00000000..93cdf945
--- /dev/null
+++ b/examples/cell-fracture/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/cell-fracture",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/cell-fracture"
+  }
+}
diff --git a/demos/cell-fracture/pmndrs.json b/examples/cell-fracture/pmndrs.json
similarity index 100%
rename from demos/cell-fracture/pmndrs.json
rename to examples/cell-fracture/pmndrs.json
diff --git a/demos/cell-fracture/public/vite.svg b/examples/cell-fracture/public/vite.svg
similarity index 100%
rename from demos/cell-fracture/public/vite.svg
rename to examples/cell-fracture/public/vite.svg
diff --git a/demos/cell-fracture/resources/hello.blend.zip b/examples/cell-fracture/resources/hello.blend.zip
similarity index 100%
rename from demos/cell-fracture/resources/hello.blend.zip
rename to examples/cell-fracture/resources/hello.blend.zip
diff --git a/demos/cell-fracture/sandbox.config.json b/examples/cell-fracture/sandbox.config.json
similarity index 100%
rename from demos/cell-fracture/sandbox.config.json
rename to examples/cell-fracture/sandbox.config.json
diff --git a/demos/cell-fracture/src/App.jsx b/examples/cell-fracture/src/App.jsx
similarity index 100%
rename from demos/cell-fracture/src/App.jsx
rename to examples/cell-fracture/src/App.jsx
diff --git a/demos/cell-fracture/src/Text.jsx b/examples/cell-fracture/src/Text.jsx
similarity index 100%
rename from demos/cell-fracture/src/Text.jsx
rename to examples/cell-fracture/src/Text.jsx
diff --git a/demos/cell-fracture/src/hello-fragments.glb b/examples/cell-fracture/src/hello-fragments.glb
similarity index 100%
rename from demos/cell-fracture/src/hello-fragments.glb
rename to examples/cell-fracture/src/hello-fragments.glb
diff --git a/demos/cell-fracture/src/hello-text.glb b/examples/cell-fracture/src/hello-text.glb
similarity index 100%
rename from demos/cell-fracture/src/hello-text.glb
rename to examples/cell-fracture/src/hello-text.glb
diff --git a/demos/cell-fracture/src/index.jsx b/examples/cell-fracture/src/index.jsx
similarity index 100%
rename from demos/cell-fracture/src/index.jsx
rename to examples/cell-fracture/src/index.jsx
diff --git a/demos/cell-fracture/src/styles.css b/examples/cell-fracture/src/styles.css
similarity index 100%
rename from demos/cell-fracture/src/styles.css
rename to examples/cell-fracture/src/styles.css
diff --git a/demos/cell-fracture/src/vite-env.d.ts b/examples/cell-fracture/src/vite-env.d.ts
similarity index 100%
rename from demos/cell-fracture/src/vite-env.d.ts
rename to examples/cell-fracture/src/vite-env.d.ts
diff --git a/demos/cell-fracture/thumbnail.webp b/examples/cell-fracture/thumbnail.webp
similarity index 100%
rename from demos/cell-fracture/thumbnail.webp
rename to examples/cell-fracture/thumbnail.webp
diff --git a/demos/cell-fracture/tsconfig.json b/examples/cell-fracture/tsconfig.json
similarity index 100%
rename from demos/cell-fracture/tsconfig.json
rename to examples/cell-fracture/tsconfig.json
diff --git a/demos/cell-fracture/tsconfig.node.json b/examples/cell-fracture/tsconfig.node.json
similarity index 100%
rename from demos/cell-fracture/tsconfig.node.json
rename to examples/cell-fracture/tsconfig.node.json
diff --git a/demos/cell-fracture/vite.config.ts b/examples/cell-fracture/vite.config.ts
similarity index 100%
rename from demos/cell-fracture/vite.config.ts
rename to examples/cell-fracture/vite.config.ts
diff --git a/demos/clones/.prettierrc b/examples/clones/.prettierrc
similarity index 100%
rename from demos/clones/.prettierrc
rename to examples/clones/.prettierrc
diff --git a/demos/arkanoid/README.md b/examples/clones/README.md
similarity index 52%
rename from demos/arkanoid/README.md
rename to examples/clones/README.md
index 6f1f216e..69c8ae66 100644
--- a/demos/arkanoid/README.md
+++ b/examples/clones/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/arkanoid)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/arkanoid)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/arkanoid)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/clones)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/clones)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/clones)
 
 ```sh
-$ npx degit pmndrs/examples/demos/arkanoid
+$ npx degit pmndrs/examples/examples/clones
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/clones/index.html b/examples/clones/index.html
similarity index 100%
rename from demos/clones/index.html
rename to examples/clones/index.html
diff --git a/demos/clones/package.json b/examples/clones/package.json
similarity index 88%
rename from demos/clones/package.json
rename to examples/clones/package.json
index 06888d30..0e5e8197 100644
--- a/demos/clones/package.json
+++ b/examples/clones/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/clones",
+  "name": "@example/clones",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/clones"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/clones"
   }
 }
diff --git a/demos/clones/pmndrs.json b/examples/clones/pmndrs.json
similarity index 100%
rename from demos/clones/pmndrs.json
rename to examples/clones/pmndrs.json
diff --git a/demos/clones/public/vite.svg b/examples/clones/public/vite.svg
similarity index 100%
rename from demos/clones/public/vite.svg
rename to examples/clones/public/vite.svg
diff --git a/demos/clones/src/App.jsx b/examples/clones/src/App.jsx
similarity index 100%
rename from demos/clones/src/App.jsx
rename to examples/clones/src/App.jsx
diff --git a/demos/clones/src/Room.jsx b/examples/clones/src/Room.jsx
similarity index 100%
rename from demos/clones/src/Room.jsx
rename to examples/clones/src/Room.jsx
diff --git a/demos/clones/src/index.jsx b/examples/clones/src/index.jsx
similarity index 100%
rename from demos/clones/src/index.jsx
rename to examples/clones/src/index.jsx
diff --git a/demos/clones/src/scene-transformed.glb b/examples/clones/src/scene-transformed.glb
similarity index 100%
rename from demos/clones/src/scene-transformed.glb
rename to examples/clones/src/scene-transformed.glb
diff --git a/demos/clones/src/styles.css b/examples/clones/src/styles.css
similarity index 100%
rename from demos/clones/src/styles.css
rename to examples/clones/src/styles.css
diff --git a/demos/clones/src/vite-env.d.ts b/examples/clones/src/vite-env.d.ts
similarity index 100%
rename from demos/clones/src/vite-env.d.ts
rename to examples/clones/src/vite-env.d.ts
diff --git a/demos/clones/thumbnail.webp b/examples/clones/thumbnail.webp
similarity index 100%
rename from demos/clones/thumbnail.webp
rename to examples/clones/thumbnail.webp
diff --git a/demos/clones/tsconfig.json b/examples/clones/tsconfig.json
similarity index 100%
rename from demos/clones/tsconfig.json
rename to examples/clones/tsconfig.json
diff --git a/demos/clones/tsconfig.node.json b/examples/clones/tsconfig.node.json
similarity index 100%
rename from demos/clones/tsconfig.node.json
rename to examples/clones/tsconfig.node.json
diff --git a/demos/clones/vite.config.ts b/examples/clones/vite.config.ts
similarity index 100%
rename from demos/clones/vite.config.ts
rename to examples/clones/vite.config.ts
diff --git a/demos/clouds/.prettierrc b/examples/clouds/.prettierrc
similarity index 100%
rename from demos/clouds/.prettierrc
rename to examples/clouds/.prettierrc
diff --git a/demos/aquarium/README.md b/examples/clouds/README.md
similarity index 52%
rename from demos/aquarium/README.md
rename to examples/clouds/README.md
index 4449d1ca..d7912819 100644
--- a/demos/aquarium/README.md
+++ b/examples/clouds/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/aquarium)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/aquarium)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/aquarium)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/clouds)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/clouds)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/clouds)
 
 ```sh
-$ npx degit pmndrs/examples/demos/aquarium
+$ npx degit pmndrs/examples/examples/clouds
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/clouds/index.html b/examples/clouds/index.html
similarity index 100%
rename from demos/clouds/index.html
rename to examples/clouds/index.html
diff --git a/demos/clouds/package.json b/examples/clouds/package.json
similarity index 90%
rename from demos/clouds/package.json
rename to examples/clouds/package.json
index b28172a3..dcfd6c90 100644
--- a/demos/clouds/package.json
+++ b/examples/clouds/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/clouds",
+  "name": "@example/clouds",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -46,6 +46,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/clouds"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/clouds"
   }
 }
diff --git a/demos/clouds/pmndrs.json b/examples/clouds/pmndrs.json
similarity index 100%
rename from demos/clouds/pmndrs.json
rename to examples/clouds/pmndrs.json
diff --git a/demos/clouds/public/cloud.png b/examples/clouds/public/cloud.png
similarity index 100%
rename from demos/clouds/public/cloud.png
rename to examples/clouds/public/cloud.png
diff --git a/demos/clouds/public/favicon.ico b/examples/clouds/public/favicon.ico
similarity index 100%
rename from demos/clouds/public/favicon.ico
rename to examples/clouds/public/favicon.ico
diff --git a/demos/clouds/public/logo192.png b/examples/clouds/public/logo192.png
similarity index 100%
rename from demos/clouds/public/logo192.png
rename to examples/clouds/public/logo192.png
diff --git a/demos/clouds/public/logo512.png b/examples/clouds/public/logo512.png
similarity index 100%
rename from demos/clouds/public/logo512.png
rename to examples/clouds/public/logo512.png
diff --git a/demos/clouds/public/manifest.json b/examples/clouds/public/manifest.json
similarity index 100%
rename from demos/clouds/public/manifest.json
rename to examples/clouds/public/manifest.json
diff --git a/demos/clouds/public/robots.txt b/examples/clouds/public/robots.txt
similarity index 100%
rename from demos/clouds/public/robots.txt
rename to examples/clouds/public/robots.txt
diff --git a/demos/clouds/public/vite.svg b/examples/clouds/public/vite.svg
similarity index 100%
rename from demos/clouds/public/vite.svg
rename to examples/clouds/public/vite.svg
diff --git a/demos/clouds/sandbox.config.json b/examples/clouds/sandbox.config.json
similarity index 100%
rename from demos/clouds/sandbox.config.json
rename to examples/clouds/sandbox.config.json
diff --git a/demos/clouds/src/App.jsx b/examples/clouds/src/App.jsx
similarity index 100%
rename from demos/clouds/src/App.jsx
rename to examples/clouds/src/App.jsx
diff --git a/demos/clouds/src/Clouds.tsx b/examples/clouds/src/Clouds.tsx
similarity index 100%
rename from demos/clouds/src/Clouds.tsx
rename to examples/clouds/src/Clouds.tsx
diff --git a/demos/clouds/src/index.jsx b/examples/clouds/src/index.jsx
similarity index 100%
rename from demos/clouds/src/index.jsx
rename to examples/clouds/src/index.jsx
diff --git a/demos/clouds/src/styles.css b/examples/clouds/src/styles.css
similarity index 100%
rename from demos/clouds/src/styles.css
rename to examples/clouds/src/styles.css
diff --git a/demos/clouds/src/vite-env.d.ts b/examples/clouds/src/vite-env.d.ts
similarity index 100%
rename from demos/clouds/src/vite-env.d.ts
rename to examples/clouds/src/vite-env.d.ts
diff --git a/demos/clouds/thumbnail.webp b/examples/clouds/thumbnail.webp
similarity index 100%
rename from demos/clouds/thumbnail.webp
rename to examples/clouds/thumbnail.webp
diff --git a/demos/clouds/tsconfig.json b/examples/clouds/tsconfig.json
similarity index 100%
rename from demos/clouds/tsconfig.json
rename to examples/clouds/tsconfig.json
diff --git a/demos/clouds/tsconfig.node.json b/examples/clouds/tsconfig.node.json
similarity index 100%
rename from demos/clouds/tsconfig.node.json
rename to examples/clouds/tsconfig.node.json
diff --git a/demos/clouds/vite.config.ts b/examples/clouds/vite.config.ts
similarity index 100%
rename from demos/clouds/vite.config.ts
rename to examples/clouds/vite.config.ts
diff --git a/demos/color-grading/.prettierrc b/examples/color-grading/.prettierrc
similarity index 100%
rename from demos/color-grading/.prettierrc
rename to examples/color-grading/.prettierrc
diff --git a/examples/color-grading/README.md b/examples/color-grading/README.md
new file mode 100644
index 00000000..4ff7db77
--- /dev/null
+++ b/examples/color-grading/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/color-grading)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/color-grading)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/color-grading)
+
+```sh
+$ npx degit pmndrs/examples/examples/color-grading
+```
+
+![](thumbnail.webp)
diff --git a/demos/color-grading/index.html b/examples/color-grading/index.html
similarity index 100%
rename from demos/color-grading/index.html
rename to examples/color-grading/index.html
diff --git a/examples/color-grading/package.json b/examples/color-grading/package.json
new file mode 100644
index 00000000..f2e58ed1
--- /dev/null
+++ b/examples/color-grading/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/color-grading",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/color-grading"
+  }
+}
diff --git a/demos/color-grading/pmndrs.json b/examples/color-grading/pmndrs.json
similarity index 100%
rename from demos/color-grading/pmndrs.json
rename to examples/color-grading/pmndrs.json
diff --git a/demos/color-grading/public/vite.svg b/examples/color-grading/public/vite.svg
similarity index 100%
rename from demos/color-grading/public/vite.svg
rename to examples/color-grading/public/vite.svg
diff --git a/demos/color-grading/src/App.jsx b/examples/color-grading/src/App.jsx
similarity index 100%
rename from demos/color-grading/src/App.jsx
rename to examples/color-grading/src/App.jsx
diff --git a/demos/color-grading/src/cubicle-99.cube b/examples/color-grading/src/cubicle-99.cube
similarity index 100%
rename from demos/color-grading/src/cubicle-99.cube
rename to examples/color-grading/src/cubicle-99.cube
diff --git a/demos/color-grading/src/index.jsx b/examples/color-grading/src/index.jsx
similarity index 100%
rename from demos/color-grading/src/index.jsx
rename to examples/color-grading/src/index.jsx
diff --git a/demos/color-grading/src/styles.css b/examples/color-grading/src/styles.css
similarity index 100%
rename from demos/color-grading/src/styles.css
rename to examples/color-grading/src/styles.css
diff --git a/demos/color-grading/src/terrazo.png b/examples/color-grading/src/terrazo.png
similarity index 100%
rename from demos/color-grading/src/terrazo.png
rename to examples/color-grading/src/terrazo.png
diff --git a/demos/color-grading/src/vite-env.d.ts b/examples/color-grading/src/vite-env.d.ts
similarity index 100%
rename from demos/color-grading/src/vite-env.d.ts
rename to examples/color-grading/src/vite-env.d.ts
diff --git a/demos/color-grading/thumbnail.webp b/examples/color-grading/thumbnail.webp
similarity index 100%
rename from demos/color-grading/thumbnail.webp
rename to examples/color-grading/thumbnail.webp
diff --git a/demos/color-grading/tsconfig.json b/examples/color-grading/tsconfig.json
similarity index 100%
rename from demos/color-grading/tsconfig.json
rename to examples/color-grading/tsconfig.json
diff --git a/demos/color-grading/tsconfig.node.json b/examples/color-grading/tsconfig.node.json
similarity index 100%
rename from demos/color-grading/tsconfig.node.json
rename to examples/color-grading/tsconfig.node.json
diff --git a/demos/color-grading/vite.config.ts b/examples/color-grading/vite.config.ts
similarity index 100%
rename from demos/color-grading/vite.config.ts
rename to examples/color-grading/vite.config.ts
diff --git a/demos/confetti/.prettierrc b/examples/confetti/.prettierrc
similarity index 100%
rename from demos/confetti/.prettierrc
rename to examples/confetti/.prettierrc
diff --git a/examples/confetti/README.md b/examples/confetti/README.md
new file mode 100644
index 00000000..20825135
--- /dev/null
+++ b/examples/confetti/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/confetti)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/confetti)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/confetti)
+
+```sh
+$ npx degit pmndrs/examples/examples/confetti
+```
+
+![](thumbnail.webp)
diff --git a/demos/confetti/index.html b/examples/confetti/index.html
similarity index 100%
rename from demos/confetti/index.html
rename to examples/confetti/index.html
diff --git a/demos/confetti/package.json b/examples/confetti/package.json
similarity index 88%
rename from demos/confetti/package.json
rename to examples/confetti/package.json
index 67622bd2..8b239acf 100644
--- a/demos/confetti/package.json
+++ b/examples/confetti/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/confetti",
+  "name": "@example/confetti",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/confetti"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/confetti"
   }
 }
diff --git a/demos/confetti/pmndrs.json b/examples/confetti/pmndrs.json
similarity index 100%
rename from demos/confetti/pmndrs.json
rename to examples/confetti/pmndrs.json
diff --git a/demos/confetti/public/Earth.gltf b/examples/confetti/public/Earth.gltf
similarity index 100%
rename from demos/confetti/public/Earth.gltf
rename to examples/confetti/public/Earth.gltf
diff --git a/demos/confetti/public/Flamingo.glb b/examples/confetti/public/Flamingo.glb
similarity index 100%
rename from demos/confetti/public/Flamingo.glb
rename to examples/confetti/public/Flamingo.glb
diff --git a/demos/confetti/public/Island.gltf b/examples/confetti/public/Island.gltf
similarity index 100%
rename from demos/confetti/public/Island.gltf
rename to examples/confetti/public/Island.gltf
diff --git a/demos/confetti/public/Parrot.glb b/examples/confetti/public/Parrot.glb
similarity index 100%
rename from demos/confetti/public/Parrot.glb
rename to examples/confetti/public/Parrot.glb
diff --git a/demos/confetti/public/Stork.glb b/examples/confetti/public/Stork.glb
similarity index 100%
rename from demos/confetti/public/Stork.glb
rename to examples/confetti/public/Stork.glb
diff --git a/demos/confetti/public/vite.svg b/examples/confetti/public/vite.svg
similarity index 100%
rename from demos/confetti/public/vite.svg
rename to examples/confetti/public/vite.svg
diff --git a/demos/confetti/sandbox.config.json b/examples/confetti/sandbox.config.json
similarity index 100%
rename from demos/confetti/sandbox.config.json
rename to examples/confetti/sandbox.config.json
diff --git a/demos/confetti/src/App.jsx b/examples/confetti/src/App.jsx
similarity index 100%
rename from demos/confetti/src/App.jsx
rename to examples/confetti/src/App.jsx
diff --git a/demos/confetti/src/index.jsx b/examples/confetti/src/index.jsx
similarity index 100%
rename from demos/confetti/src/index.jsx
rename to examples/confetti/src/index.jsx
diff --git a/demos/confetti/src/styles.css b/examples/confetti/src/styles.css
similarity index 100%
rename from demos/confetti/src/styles.css
rename to examples/confetti/src/styles.css
diff --git a/demos/confetti/src/vite-env.d.ts b/examples/confetti/src/vite-env.d.ts
similarity index 100%
rename from demos/confetti/src/vite-env.d.ts
rename to examples/confetti/src/vite-env.d.ts
diff --git a/demos/confetti/thumbnail.webp b/examples/confetti/thumbnail.webp
similarity index 100%
rename from demos/confetti/thumbnail.webp
rename to examples/confetti/thumbnail.webp
diff --git a/demos/confetti/tsconfig.json b/examples/confetti/tsconfig.json
similarity index 100%
rename from demos/confetti/tsconfig.json
rename to examples/confetti/tsconfig.json
diff --git a/demos/confetti/tsconfig.node.json b/examples/confetti/tsconfig.node.json
similarity index 100%
rename from demos/confetti/tsconfig.node.json
rename to examples/confetti/tsconfig.node.json
diff --git a/demos/confetti/vite.config.ts b/examples/confetti/vite.config.ts
similarity index 100%
rename from demos/confetti/vite.config.ts
rename to examples/confetti/vite.config.ts
diff --git a/demos/csg-bunny-usegroups/.codesandbox/workspace.json b/examples/csg-bunny-usegroups/.codesandbox/workspace.json
similarity index 100%
rename from demos/csg-bunny-usegroups/.codesandbox/workspace.json
rename to examples/csg-bunny-usegroups/.codesandbox/workspace.json
diff --git a/demos/csg-bunny-usegroups/.prettierrc b/examples/csg-bunny-usegroups/.prettierrc
similarity index 100%
rename from demos/csg-bunny-usegroups/.prettierrc
rename to examples/csg-bunny-usegroups/.prettierrc
diff --git a/examples/csg-bunny-usegroups/README.md b/examples/csg-bunny-usegroups/README.md
new file mode 100644
index 00000000..b0998147
--- /dev/null
+++ b/examples/csg-bunny-usegroups/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/csg-bunny-usegroups)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/csg-bunny-usegroups)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/csg-bunny-usegroups)
+
+```sh
+$ npx degit pmndrs/examples/examples/csg-bunny-usegroups
+```
+
+![](thumbnail.webp)
diff --git a/demos/csg-bunny-usegroups/index.html b/examples/csg-bunny-usegroups/index.html
similarity index 100%
rename from demos/csg-bunny-usegroups/index.html
rename to examples/csg-bunny-usegroups/index.html
diff --git a/demos/csg-bunny-usegroups/package.json b/examples/csg-bunny-usegroups/package.json
similarity index 86%
rename from demos/csg-bunny-usegroups/package.json
rename to examples/csg-bunny-usegroups/package.json
index 4491893f..4f38622f 100644
--- a/demos/csg-bunny-usegroups/package.json
+++ b/examples/csg-bunny-usegroups/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/csg-bunny-usegroups",
+  "name": "@example/csg-bunny-usegroups",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/csg": "^4.0.0",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/csg-bunny-usegroups"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/csg-bunny-usegroups"
   },
   "type": "module"
 }
diff --git a/demos/csg-bunny-usegroups/pmndrs.json b/examples/csg-bunny-usegroups/pmndrs.json
similarity index 100%
rename from demos/csg-bunny-usegroups/pmndrs.json
rename to examples/csg-bunny-usegroups/pmndrs.json
diff --git a/demos/csg-bunny-usegroups/public/vite.svg b/examples/csg-bunny-usegroups/public/vite.svg
similarity index 100%
rename from demos/csg-bunny-usegroups/public/vite.svg
rename to examples/csg-bunny-usegroups/public/vite.svg
diff --git a/demos/csg-bunny-usegroups/sandbox.config.json b/examples/csg-bunny-usegroups/sandbox.config.json
similarity index 100%
rename from demos/csg-bunny-usegroups/sandbox.config.json
rename to examples/csg-bunny-usegroups/sandbox.config.json
diff --git a/demos/csg-bunny-usegroups/src/App.jsx b/examples/csg-bunny-usegroups/src/App.jsx
similarity index 100%
rename from demos/csg-bunny-usegroups/src/App.jsx
rename to examples/csg-bunny-usegroups/src/App.jsx
diff --git a/demos/csg-bunny-usegroups/src/bunny-transformed.glb b/examples/csg-bunny-usegroups/src/bunny-transformed.glb
similarity index 100%
rename from demos/csg-bunny-usegroups/src/bunny-transformed.glb
rename to examples/csg-bunny-usegroups/src/bunny-transformed.glb
diff --git a/demos/csg-bunny-usegroups/src/index.jsx b/examples/csg-bunny-usegroups/src/index.jsx
similarity index 100%
rename from demos/csg-bunny-usegroups/src/index.jsx
rename to examples/csg-bunny-usegroups/src/index.jsx
diff --git a/demos/csg-bunny-usegroups/src/styles.css b/examples/csg-bunny-usegroups/src/styles.css
similarity index 100%
rename from demos/csg-bunny-usegroups/src/styles.css
rename to examples/csg-bunny-usegroups/src/styles.css
diff --git a/demos/csg-bunny-usegroups/src/vite-env.d.ts b/examples/csg-bunny-usegroups/src/vite-env.d.ts
similarity index 100%
rename from demos/csg-bunny-usegroups/src/vite-env.d.ts
rename to examples/csg-bunny-usegroups/src/vite-env.d.ts
diff --git a/demos/csg-bunny-usegroups/thumbnail.webp b/examples/csg-bunny-usegroups/thumbnail.webp
similarity index 100%
rename from demos/csg-bunny-usegroups/thumbnail.webp
rename to examples/csg-bunny-usegroups/thumbnail.webp
diff --git a/demos/csg-bunny-usegroups/tsconfig.json b/examples/csg-bunny-usegroups/tsconfig.json
similarity index 100%
rename from demos/csg-bunny-usegroups/tsconfig.json
rename to examples/csg-bunny-usegroups/tsconfig.json
diff --git a/demos/csg-bunny-usegroups/tsconfig.node.json b/examples/csg-bunny-usegroups/tsconfig.node.json
similarity index 100%
rename from demos/csg-bunny-usegroups/tsconfig.node.json
rename to examples/csg-bunny-usegroups/tsconfig.node.json
diff --git a/demos/csg-bunny-usegroups/vite.config.ts b/examples/csg-bunny-usegroups/vite.config.ts
similarity index 100%
rename from demos/csg-bunny-usegroups/vite.config.ts
rename to examples/csg-bunny-usegroups/vite.config.ts
diff --git a/demos/csg-house/.codesandbox/workspace.json b/examples/csg-house/.codesandbox/workspace.json
similarity index 100%
rename from demos/csg-house/.codesandbox/workspace.json
rename to examples/csg-house/.codesandbox/workspace.json
diff --git a/demos/csg-house/.prettierrc b/examples/csg-house/.prettierrc
similarity index 100%
rename from demos/csg-house/.prettierrc
rename to examples/csg-house/.prettierrc
diff --git a/demos/bouncy-watch/README.md b/examples/csg-house/README.md
similarity index 51%
rename from demos/bouncy-watch/README.md
rename to examples/csg-house/README.md
index f87f8d3b..88adc85f 100644
--- a/demos/bouncy-watch/README.md
+++ b/examples/csg-house/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/bouncy-watch)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/bouncy-watch)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/bouncy-watch)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/csg-house)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/csg-house)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/csg-house)
 
 ```sh
-$ npx degit pmndrs/examples/demos/bouncy-watch
+$ npx degit pmndrs/examples/examples/csg-house
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/csg-house/index.html b/examples/csg-house/index.html
similarity index 100%
rename from demos/csg-house/index.html
rename to examples/csg-house/index.html
diff --git a/demos/csg-house/package.json b/examples/csg-house/package.json
similarity index 88%
rename from demos/csg-house/package.json
rename to examples/csg-house/package.json
index a9ea81b5..fda30f16 100644
--- a/demos/csg-house/package.json
+++ b/examples/csg-house/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/csg-house",
+  "name": "@example/csg-house",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/csg": "^4.0.0",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/csg-house"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/csg-house"
   },
   "type": "module"
 }
diff --git a/demos/csg-house/pmndrs.json b/examples/csg-house/pmndrs.json
similarity index 100%
rename from demos/csg-house/pmndrs.json
rename to examples/csg-house/pmndrs.json
diff --git a/demos/csg-house/public/bunny-transformed.glb b/examples/csg-house/public/bunny-transformed.glb
similarity index 100%
rename from demos/csg-house/public/bunny-transformed.glb
rename to examples/csg-house/public/bunny-transformed.glb
diff --git a/demos/csg-house/public/vite.svg b/examples/csg-house/public/vite.svg
similarity index 100%
rename from demos/csg-house/public/vite.svg
rename to examples/csg-house/public/vite.svg
diff --git a/demos/csg-house/sandbox.config.json b/examples/csg-house/sandbox.config.json
similarity index 100%
rename from demos/csg-house/sandbox.config.json
rename to examples/csg-house/sandbox.config.json
diff --git a/demos/csg-house/src/App.jsx b/examples/csg-house/src/App.jsx
similarity index 100%
rename from demos/csg-house/src/App.jsx
rename to examples/csg-house/src/App.jsx
diff --git a/demos/csg-house/src/Environment.jsx b/examples/csg-house/src/Environment.jsx
similarity index 100%
rename from demos/csg-house/src/Environment.jsx
rename to examples/csg-house/src/Environment.jsx
diff --git a/demos/csg-house/src/index.jsx b/examples/csg-house/src/index.jsx
similarity index 100%
rename from demos/csg-house/src/index.jsx
rename to examples/csg-house/src/index.jsx
diff --git a/demos/csg-house/src/styles.css b/examples/csg-house/src/styles.css
similarity index 100%
rename from demos/csg-house/src/styles.css
rename to examples/csg-house/src/styles.css
diff --git a/demos/csg-house/src/vite-env.d.ts b/examples/csg-house/src/vite-env.d.ts
similarity index 100%
rename from demos/csg-house/src/vite-env.d.ts
rename to examples/csg-house/src/vite-env.d.ts
diff --git a/demos/csg-house/thumbnail.webp b/examples/csg-house/thumbnail.webp
similarity index 100%
rename from demos/csg-house/thumbnail.webp
rename to examples/csg-house/thumbnail.webp
diff --git a/demos/csg-house/tsconfig.json b/examples/csg-house/tsconfig.json
similarity index 100%
rename from demos/csg-house/tsconfig.json
rename to examples/csg-house/tsconfig.json
diff --git a/demos/csg-house/tsconfig.node.json b/examples/csg-house/tsconfig.node.json
similarity index 100%
rename from demos/csg-house/tsconfig.node.json
rename to examples/csg-house/tsconfig.node.json
diff --git a/demos/csg-house/vite.config.ts b/examples/csg-house/vite.config.ts
similarity index 100%
rename from demos/csg-house/vite.config.ts
rename to examples/csg-house/vite.config.ts
diff --git a/demos/csg-operations-rapier-physics/.codesandbox/workspace.json b/examples/csg-operations-rapier-physics/.codesandbox/workspace.json
similarity index 100%
rename from demos/csg-operations-rapier-physics/.codesandbox/workspace.json
rename to examples/csg-operations-rapier-physics/.codesandbox/workspace.json
diff --git a/demos/csg-operations-rapier-physics/.prettierrc b/examples/csg-operations-rapier-physics/.prettierrc
similarity index 100%
rename from demos/csg-operations-rapier-physics/.prettierrc
rename to examples/csg-operations-rapier-physics/.prettierrc
diff --git a/examples/csg-operations-rapier-physics/README.md b/examples/csg-operations-rapier-physics/README.md
new file mode 100644
index 00000000..ee79c623
--- /dev/null
+++ b/examples/csg-operations-rapier-physics/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/csg-operations-rapier-physics)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/csg-operations-rapier-physics)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/csg-operations-rapier-physics)
+
+```sh
+$ npx degit pmndrs/examples/examples/csg-operations-rapier-physics
+```
+
+![](thumbnail.webp)
diff --git a/demos/csg-operations-rapier-physics/index.html b/examples/csg-operations-rapier-physics/index.html
similarity index 100%
rename from demos/csg-operations-rapier-physics/index.html
rename to examples/csg-operations-rapier-physics/index.html
diff --git a/demos/csg-operations-rapier-physics/package.json b/examples/csg-operations-rapier-physics/package.json
similarity index 85%
rename from demos/csg-operations-rapier-physics/package.json
rename to examples/csg-operations-rapier-physics/package.json
index 5136adfe..ba013881 100644
--- a/demos/csg-operations-rapier-physics/package.json
+++ b/examples/csg-operations-rapier-physics/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/csg-operations-rapier-physics",
+  "name": "@example/csg-operations-rapier-physics",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/csg": "^4.0.0",
@@ -35,7 +35,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/csg-operations-rapier-physics"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/csg-operations-rapier-physics"
   },
   "type": "module"
 }
diff --git a/demos/csg-operations-rapier-physics/pmndrs.json b/examples/csg-operations-rapier-physics/pmndrs.json
similarity index 100%
rename from demos/csg-operations-rapier-physics/pmndrs.json
rename to examples/csg-operations-rapier-physics/pmndrs.json
diff --git a/demos/csg-operations-rapier-physics/public/bunny-transformed.glb b/examples/csg-operations-rapier-physics/public/bunny-transformed.glb
similarity index 100%
rename from demos/csg-operations-rapier-physics/public/bunny-transformed.glb
rename to examples/csg-operations-rapier-physics/public/bunny-transformed.glb
diff --git a/demos/csg-operations-rapier-physics/public/vite.svg b/examples/csg-operations-rapier-physics/public/vite.svg
similarity index 100%
rename from demos/csg-operations-rapier-physics/public/vite.svg
rename to examples/csg-operations-rapier-physics/public/vite.svg
diff --git a/demos/csg-operations-rapier-physics/sandbox.config.json b/examples/csg-operations-rapier-physics/sandbox.config.json
similarity index 100%
rename from demos/csg-operations-rapier-physics/sandbox.config.json
rename to examples/csg-operations-rapier-physics/sandbox.config.json
diff --git a/demos/csg-operations-rapier-physics/src/App.jsx b/examples/csg-operations-rapier-physics/src/App.jsx
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/App.jsx
rename to examples/csg-operations-rapier-physics/src/App.jsx
diff --git a/demos/csg-operations-rapier-physics/src/geometries/BoxBlendGeometry.jsx b/examples/csg-operations-rapier-physics/src/geometries/BoxBlendGeometry.jsx
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/geometries/BoxBlendGeometry.jsx
rename to examples/csg-operations-rapier-physics/src/geometries/BoxBlendGeometry.jsx
diff --git a/demos/csg-operations-rapier-physics/src/geometries/HeartGeometry.jsx b/examples/csg-operations-rapier-physics/src/geometries/HeartGeometry.jsx
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/geometries/HeartGeometry.jsx
rename to examples/csg-operations-rapier-physics/src/geometries/HeartGeometry.jsx
diff --git a/demos/csg-operations-rapier-physics/src/geometries/index.js b/examples/csg-operations-rapier-physics/src/geometries/index.js
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/geometries/index.js
rename to examples/csg-operations-rapier-physics/src/geometries/index.js
diff --git a/demos/csg-operations-rapier-physics/src/index.jsx b/examples/csg-operations-rapier-physics/src/index.jsx
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/index.jsx
rename to examples/csg-operations-rapier-physics/src/index.jsx
diff --git a/demos/csg-operations-rapier-physics/src/styles.css b/examples/csg-operations-rapier-physics/src/styles.css
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/styles.css
rename to examples/csg-operations-rapier-physics/src/styles.css
diff --git a/demos/csg-operations-rapier-physics/src/vite-env.d.ts b/examples/csg-operations-rapier-physics/src/vite-env.d.ts
similarity index 100%
rename from demos/csg-operations-rapier-physics/src/vite-env.d.ts
rename to examples/csg-operations-rapier-physics/src/vite-env.d.ts
diff --git a/demos/csg-operations-rapier-physics/thumbnail.webp b/examples/csg-operations-rapier-physics/thumbnail.webp
similarity index 100%
rename from demos/csg-operations-rapier-physics/thumbnail.webp
rename to examples/csg-operations-rapier-physics/thumbnail.webp
diff --git a/demos/csg-operations-rapier-physics/tsconfig.json b/examples/csg-operations-rapier-physics/tsconfig.json
similarity index 100%
rename from demos/csg-operations-rapier-physics/tsconfig.json
rename to examples/csg-operations-rapier-physics/tsconfig.json
diff --git a/demos/csg-operations-rapier-physics/tsconfig.node.json b/examples/csg-operations-rapier-physics/tsconfig.node.json
similarity index 100%
rename from demos/csg-operations-rapier-physics/tsconfig.node.json
rename to examples/csg-operations-rapier-physics/tsconfig.node.json
diff --git a/demos/csg-operations-rapier-physics/vite.config.ts b/examples/csg-operations-rapier-physics/vite.config.ts
similarity index 100%
rename from demos/csg-operations-rapier-physics/vite.config.ts
rename to examples/csg-operations-rapier-physics/vite.config.ts
diff --git a/demos/dbismut-furniture/.prettierrc b/examples/dbismut-furniture/.prettierrc
similarity index 100%
rename from demos/dbismut-furniture/.prettierrc
rename to examples/dbismut-furniture/.prettierrc
diff --git a/examples/dbismut-furniture/README.md b/examples/dbismut-furniture/README.md
new file mode 100644
index 00000000..a586bf1f
--- /dev/null
+++ b/examples/dbismut-furniture/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/dbismut-furniture)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/dbismut-furniture)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/dbismut-furniture)
+
+```sh
+$ npx degit pmndrs/examples/examples/dbismut-furniture
+```
+
+![](thumbnail.webp)
diff --git a/demos/dbismut-furniture/index.html b/examples/dbismut-furniture/index.html
similarity index 100%
rename from demos/dbismut-furniture/index.html
rename to examples/dbismut-furniture/index.html
diff --git a/demos/wobbling-sphere/package.json b/examples/dbismut-furniture/package.json
similarity index 86%
rename from demos/wobbling-sphere/package.json
rename to examples/dbismut-furniture/package.json
index 1cc52d6e..579431fb 100644
--- a/demos/wobbling-sphere/package.json
+++ b/examples/dbismut-furniture/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/wobbling-sphere",
+  "name": "@example/dbismut-furniture",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/wobbling-sphere"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/dbismut-furniture"
   }
 }
diff --git a/demos/dbismut-furniture/pmndrs.json b/examples/dbismut-furniture/pmndrs.json
similarity index 100%
rename from demos/dbismut-furniture/pmndrs.json
rename to examples/dbismut-furniture/pmndrs.json
diff --git a/demos/dbismut-furniture/public/vite.svg b/examples/dbismut-furniture/public/vite.svg
similarity index 100%
rename from demos/dbismut-furniture/public/vite.svg
rename to examples/dbismut-furniture/public/vite.svg
diff --git a/demos/dbismut-furniture/src/App.jsx b/examples/dbismut-furniture/src/App.jsx
similarity index 100%
rename from demos/dbismut-furniture/src/App.jsx
rename to examples/dbismut-furniture/src/App.jsx
diff --git a/demos/dbismut-furniture/src/Scene.jsx b/examples/dbismut-furniture/src/Scene.jsx
similarity index 100%
rename from demos/dbismut-furniture/src/Scene.jsx
rename to examples/dbismut-furniture/src/Scene.jsx
diff --git a/demos/dbismut-furniture/src/XFadeMaterial.jsx b/examples/dbismut-furniture/src/XFadeMaterial.jsx
similarity index 100%
rename from demos/dbismut-furniture/src/XFadeMaterial.jsx
rename to examples/dbismut-furniture/src/XFadeMaterial.jsx
diff --git a/demos/dbismut-furniture/src/bench.glb b/examples/dbismut-furniture/src/bench.glb
similarity index 100%
rename from demos/dbismut-furniture/src/bench.glb
rename to examples/dbismut-furniture/src/bench.glb
diff --git a/demos/dbismut-furniture/src/index.jsx b/examples/dbismut-furniture/src/index.jsx
similarity index 100%
rename from demos/dbismut-furniture/src/index.jsx
rename to examples/dbismut-furniture/src/index.jsx
diff --git a/demos/dbismut-furniture/src/stool.glb b/examples/dbismut-furniture/src/stool.glb
similarity index 100%
rename from demos/dbismut-furniture/src/stool.glb
rename to examples/dbismut-furniture/src/stool.glb
diff --git a/demos/dbismut-furniture/src/styles.css b/examples/dbismut-furniture/src/styles.css
similarity index 100%
rename from demos/dbismut-furniture/src/styles.css
rename to examples/dbismut-furniture/src/styles.css
diff --git a/demos/dbismut-furniture/src/table.glb b/examples/dbismut-furniture/src/table.glb
similarity index 100%
rename from demos/dbismut-furniture/src/table.glb
rename to examples/dbismut-furniture/src/table.glb
diff --git a/demos/dbismut-furniture/src/vite-env.d.ts b/examples/dbismut-furniture/src/vite-env.d.ts
similarity index 100%
rename from demos/dbismut-furniture/src/vite-env.d.ts
rename to examples/dbismut-furniture/src/vite-env.d.ts
diff --git a/demos/dbismut-furniture/thumbnail.webp b/examples/dbismut-furniture/thumbnail.webp
similarity index 100%
rename from demos/dbismut-furniture/thumbnail.webp
rename to examples/dbismut-furniture/thumbnail.webp
diff --git a/demos/dbismut-furniture/tsconfig.json b/examples/dbismut-furniture/tsconfig.json
similarity index 100%
rename from demos/dbismut-furniture/tsconfig.json
rename to examples/dbismut-furniture/tsconfig.json
diff --git a/demos/dbismut-furniture/tsconfig.node.json b/examples/dbismut-furniture/tsconfig.node.json
similarity index 100%
rename from demos/dbismut-furniture/tsconfig.node.json
rename to examples/dbismut-furniture/tsconfig.node.json
diff --git a/demos/dbismut-furniture/vite.config.ts b/examples/dbismut-furniture/vite.config.ts
similarity index 100%
rename from demos/dbismut-furniture/vite.config.ts
rename to examples/dbismut-furniture/vite.config.ts
diff --git a/demos/diamond-refraction/.prettierrc b/examples/diamond-refraction/.prettierrc
similarity index 100%
rename from demos/diamond-refraction/.prettierrc
rename to examples/diamond-refraction/.prettierrc
diff --git a/examples/diamond-refraction/README.md b/examples/diamond-refraction/README.md
new file mode 100644
index 00000000..4cbbd6dd
--- /dev/null
+++ b/examples/diamond-refraction/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/diamond-refraction)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/diamond-refraction)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/diamond-refraction)
+
+```sh
+$ npx degit pmndrs/examples/examples/diamond-refraction
+```
+
+![](thumbnail.webp)
diff --git a/demos/diamond-refraction/index.html b/examples/diamond-refraction/index.html
similarity index 100%
rename from demos/diamond-refraction/index.html
rename to examples/diamond-refraction/index.html
diff --git a/demos/react-pp-outlines/package.json b/examples/diamond-refraction/package.json
similarity index 86%
rename from demos/react-pp-outlines/package.json
rename to examples/diamond-refraction/package.json
index 4553ca23..e0e7974b 100644
--- a/demos/react-pp-outlines/package.json
+++ b/examples/diamond-refraction/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/react-pp-outlines",
+  "name": "@example/diamond-refraction",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/react-pp-outlines"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/diamond-refraction"
   }
 }
diff --git a/demos/diamond-refraction/pmndrs.json b/examples/diamond-refraction/pmndrs.json
similarity index 100%
rename from demos/diamond-refraction/pmndrs.json
rename to examples/diamond-refraction/pmndrs.json
diff --git a/demos/diamond-refraction/public/vite.svg b/examples/diamond-refraction/public/vite.svg
similarity index 100%
rename from demos/diamond-refraction/public/vite.svg
rename to examples/diamond-refraction/public/vite.svg
diff --git a/demos/diamond-refraction/src/App.jsx b/examples/diamond-refraction/src/App.jsx
similarity index 100%
rename from demos/diamond-refraction/src/App.jsx
rename to examples/diamond-refraction/src/App.jsx
diff --git a/demos/diamond-refraction/src/aerodynamics_workshop_1k.hdr b/examples/diamond-refraction/src/aerodynamics_workshop_1k.hdr
similarity index 100%
rename from demos/diamond-refraction/src/aerodynamics_workshop_1k.hdr
rename to examples/diamond-refraction/src/aerodynamics_workshop_1k.hdr
diff --git a/demos/diamond-refraction/src/dflat.glb b/examples/diamond-refraction/src/dflat.glb
similarity index 100%
rename from demos/diamond-refraction/src/dflat.glb
rename to examples/diamond-refraction/src/dflat.glb
diff --git a/demos/diamond-refraction/src/index.jsx b/examples/diamond-refraction/src/index.jsx
similarity index 100%
rename from demos/diamond-refraction/src/index.jsx
rename to examples/diamond-refraction/src/index.jsx
diff --git a/demos/diamond-refraction/src/styles.css b/examples/diamond-refraction/src/styles.css
similarity index 100%
rename from demos/diamond-refraction/src/styles.css
rename to examples/diamond-refraction/src/styles.css
diff --git a/demos/diamond-refraction/src/vite-env.d.ts b/examples/diamond-refraction/src/vite-env.d.ts
similarity index 100%
rename from demos/diamond-refraction/src/vite-env.d.ts
rename to examples/diamond-refraction/src/vite-env.d.ts
diff --git a/demos/diamond-refraction/thumbnail.webp b/examples/diamond-refraction/thumbnail.webp
similarity index 100%
rename from demos/diamond-refraction/thumbnail.webp
rename to examples/diamond-refraction/thumbnail.webp
diff --git a/demos/diamond-refraction/tsconfig.json b/examples/diamond-refraction/tsconfig.json
similarity index 100%
rename from demos/diamond-refraction/tsconfig.json
rename to examples/diamond-refraction/tsconfig.json
diff --git a/demos/diamond-refraction/tsconfig.node.json b/examples/diamond-refraction/tsconfig.node.json
similarity index 100%
rename from demos/diamond-refraction/tsconfig.node.json
rename to examples/diamond-refraction/tsconfig.node.json
diff --git a/demos/diamond-refraction/vite.config.ts b/examples/diamond-refraction/vite.config.ts
similarity index 100%
rename from demos/diamond-refraction/vite.config.ts
rename to examples/diamond-refraction/vite.config.ts
diff --git a/demos/diamond-ring/.prettierrc b/examples/diamond-ring/.prettierrc
similarity index 100%
rename from demos/diamond-ring/.prettierrc
rename to examples/diamond-ring/.prettierrc
diff --git a/examples/diamond-ring/README.md b/examples/diamond-ring/README.md
new file mode 100644
index 00000000..9034e813
--- /dev/null
+++ b/examples/diamond-ring/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/diamond-ring)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/diamond-ring)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/diamond-ring)
+
+```sh
+$ npx degit pmndrs/examples/examples/diamond-ring
+```
+
+![](thumbnail.webp)
diff --git a/demos/diamond-ring/index.html b/examples/diamond-ring/index.html
similarity index 100%
rename from demos/diamond-ring/index.html
rename to examples/diamond-ring/index.html
diff --git a/demos/diamond-ring/package.json b/examples/diamond-ring/package.json
similarity index 87%
rename from demos/diamond-ring/package.json
rename to examples/diamond-ring/package.json
index 9023a7d9..62b8ced3 100644
--- a/demos/diamond-ring/package.json
+++ b/examples/diamond-ring/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/diamond-ring",
+  "name": "@example/diamond-ring",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/diamond-ring"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/diamond-ring"
   }
 }
diff --git a/demos/diamond-ring/pmndrs.json b/examples/diamond-ring/pmndrs.json
similarity index 100%
rename from demos/diamond-ring/pmndrs.json
rename to examples/diamond-ring/pmndrs.json
diff --git a/demos/diamond-ring/public/vite.svg b/examples/diamond-ring/public/vite.svg
similarity index 100%
rename from demos/diamond-ring/public/vite.svg
rename to examples/diamond-ring/public/vite.svg
diff --git a/demos/diamond-ring/src/App.jsx b/examples/diamond-ring/src/App.jsx
similarity index 100%
rename from demos/diamond-ring/src/App.jsx
rename to examples/diamond-ring/src/App.jsx
diff --git a/demos/diamond-ring/src/index.jsx b/examples/diamond-ring/src/index.jsx
similarity index 100%
rename from demos/diamond-ring/src/index.jsx
rename to examples/diamond-ring/src/index.jsx
diff --git a/demos/diamond-ring/src/ring-transformed.glb b/examples/diamond-ring/src/ring-transformed.glb
similarity index 100%
rename from demos/diamond-ring/src/ring-transformed.glb
rename to examples/diamond-ring/src/ring-transformed.glb
diff --git a/demos/diamond-ring/src/styles.css b/examples/diamond-ring/src/styles.css
similarity index 100%
rename from demos/diamond-ring/src/styles.css
rename to examples/diamond-ring/src/styles.css
diff --git a/demos/diamond-ring/src/vite-env.d.ts b/examples/diamond-ring/src/vite-env.d.ts
similarity index 100%
rename from demos/diamond-ring/src/vite-env.d.ts
rename to examples/diamond-ring/src/vite-env.d.ts
diff --git a/demos/diamond-ring/thumbnail.webp b/examples/diamond-ring/thumbnail.webp
similarity index 100%
rename from demos/diamond-ring/thumbnail.webp
rename to examples/diamond-ring/thumbnail.webp
diff --git a/demos/diamond-ring/tsconfig.json b/examples/diamond-ring/tsconfig.json
similarity index 100%
rename from demos/diamond-ring/tsconfig.json
rename to examples/diamond-ring/tsconfig.json
diff --git a/demos/diamond-ring/tsconfig.node.json b/examples/diamond-ring/tsconfig.node.json
similarity index 100%
rename from demos/diamond-ring/tsconfig.node.json
rename to examples/diamond-ring/tsconfig.node.json
diff --git a/demos/diamond-ring/vite.config.ts b/examples/diamond-ring/vite.config.ts
similarity index 100%
rename from demos/diamond-ring/vite.config.ts
rename to examples/diamond-ring/vite.config.ts
diff --git a/demos/drei-rendertexture/.prettierrc b/examples/drei-rendertexture/.prettierrc
similarity index 100%
rename from demos/drei-rendertexture/.prettierrc
rename to examples/drei-rendertexture/.prettierrc
diff --git a/examples/drei-rendertexture/README.md b/examples/drei-rendertexture/README.md
new file mode 100644
index 00000000..0759b516
--- /dev/null
+++ b/examples/drei-rendertexture/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/drei-rendertexture)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/drei-rendertexture)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/drei-rendertexture)
+
+```sh
+$ npx degit pmndrs/examples/examples/drei-rendertexture
+```
+
+![](thumbnail.webp)
diff --git a/demos/drei-rendertexture/index.html b/examples/drei-rendertexture/index.html
similarity index 100%
rename from demos/drei-rendertexture/index.html
rename to examples/drei-rendertexture/index.html
diff --git a/demos/drei-rendertexture/package.json b/examples/drei-rendertexture/package.json
similarity index 86%
rename from demos/drei-rendertexture/package.json
rename to examples/drei-rendertexture/package.json
index 41d7bd22..22bb03d0 100644
--- a/demos/drei-rendertexture/package.json
+++ b/examples/drei-rendertexture/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/drei-rendertexture",
+  "name": "@example/drei-rendertexture",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/drei-rendertexture"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/drei-rendertexture"
   }
 }
diff --git a/demos/drei-rendertexture/pmndrs.json b/examples/drei-rendertexture/pmndrs.json
similarity index 100%
rename from demos/drei-rendertexture/pmndrs.json
rename to examples/drei-rendertexture/pmndrs.json
diff --git a/demos/drei-rendertexture/public/vite.svg b/examples/drei-rendertexture/public/vite.svg
similarity index 100%
rename from demos/drei-rendertexture/public/vite.svg
rename to examples/drei-rendertexture/public/vite.svg
diff --git a/demos/drei-rendertexture/src/App.jsx b/examples/drei-rendertexture/src/App.jsx
similarity index 100%
rename from demos/drei-rendertexture/src/App.jsx
rename to examples/drei-rendertexture/src/App.jsx
diff --git a/demos/drei-rendertexture/src/index.jsx b/examples/drei-rendertexture/src/index.jsx
similarity index 100%
rename from demos/drei-rendertexture/src/index.jsx
rename to examples/drei-rendertexture/src/index.jsx
diff --git a/demos/drei-rendertexture/src/styles.css b/examples/drei-rendertexture/src/styles.css
similarity index 100%
rename from demos/drei-rendertexture/src/styles.css
rename to examples/drei-rendertexture/src/styles.css
diff --git a/demos/drei-rendertexture/src/vite-env.d.ts b/examples/drei-rendertexture/src/vite-env.d.ts
similarity index 100%
rename from demos/drei-rendertexture/src/vite-env.d.ts
rename to examples/drei-rendertexture/src/vite-env.d.ts
diff --git a/demos/drei-rendertexture/thumbnail.webp b/examples/drei-rendertexture/thumbnail.webp
similarity index 100%
rename from demos/drei-rendertexture/thumbnail.webp
rename to examples/drei-rendertexture/thumbnail.webp
diff --git a/demos/drei-rendertexture/tsconfig.json b/examples/drei-rendertexture/tsconfig.json
similarity index 100%
rename from demos/drei-rendertexture/tsconfig.json
rename to examples/drei-rendertexture/tsconfig.json
diff --git a/demos/drei-rendertexture/tsconfig.node.json b/examples/drei-rendertexture/tsconfig.node.json
similarity index 100%
rename from demos/drei-rendertexture/tsconfig.node.json
rename to examples/drei-rendertexture/tsconfig.node.json
diff --git a/demos/drei-rendertexture/vite.config.ts b/examples/drei-rendertexture/vite.config.ts
similarity index 100%
rename from demos/drei-rendertexture/vite.config.ts
rename to examples/drei-rendertexture/vite.config.ts
diff --git a/demos/ecctrl-fisheye/.prettierrc b/examples/ecctrl-fisheye/.prettierrc
similarity index 100%
rename from demos/ecctrl-fisheye/.prettierrc
rename to examples/ecctrl-fisheye/.prettierrc
diff --git a/examples/ecctrl-fisheye/README.md b/examples/ecctrl-fisheye/README.md
new file mode 100644
index 00000000..84ae88fd
--- /dev/null
+++ b/examples/ecctrl-fisheye/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ecctrl-fisheye)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/ecctrl-fisheye)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/ecctrl-fisheye)
+
+```sh
+$ npx degit pmndrs/examples/examples/ecctrl-fisheye
+```
+
+![](thumbnail.webp)
diff --git a/demos/ecctrl-fisheye/index.html b/examples/ecctrl-fisheye/index.html
similarity index 100%
rename from demos/ecctrl-fisheye/index.html
rename to examples/ecctrl-fisheye/index.html
diff --git a/demos/ecctrl-fisheye/package.json b/examples/ecctrl-fisheye/package.json
similarity index 87%
rename from demos/ecctrl-fisheye/package.json
rename to examples/ecctrl-fisheye/package.json
index d78ab765..2fe0c605 100644
--- a/demos/ecctrl-fisheye/package.json
+++ b/examples/ecctrl-fisheye/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/ecctrl-fisheye",
+  "name": "@example/ecctrl-fisheye",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/ecctrl-fisheye"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/ecctrl-fisheye"
   }
 }
diff --git a/demos/ecctrl-fisheye/pmndrs.json b/examples/ecctrl-fisheye/pmndrs.json
similarity index 100%
rename from demos/ecctrl-fisheye/pmndrs.json
rename to examples/ecctrl-fisheye/pmndrs.json
diff --git a/demos/ecctrl-fisheye/public/vite.svg b/examples/ecctrl-fisheye/public/vite.svg
similarity index 100%
rename from demos/ecctrl-fisheye/public/vite.svg
rename to examples/ecctrl-fisheye/public/vite.svg
diff --git a/demos/ecctrl-fisheye/sandbox.config.json b/examples/ecctrl-fisheye/sandbox.config.json
similarity index 100%
rename from demos/ecctrl-fisheye/sandbox.config.json
rename to examples/ecctrl-fisheye/sandbox.config.json
diff --git a/demos/ecctrl-fisheye/src/App.jsx b/examples/ecctrl-fisheye/src/App.jsx
similarity index 100%
rename from demos/ecctrl-fisheye/src/App.jsx
rename to examples/ecctrl-fisheye/src/App.jsx
diff --git a/demos/ecctrl-fisheye/src/controls.png b/examples/ecctrl-fisheye/src/controls.png
similarity index 100%
rename from demos/ecctrl-fisheye/src/controls.png
rename to examples/ecctrl-fisheye/src/controls.png
diff --git a/demos/ecctrl-fisheye/src/fantasy_game_inn2-transformed.glb b/examples/ecctrl-fisheye/src/fantasy_game_inn2-transformed.glb
similarity index 100%
rename from demos/ecctrl-fisheye/src/fantasy_game_inn2-transformed.glb
rename to examples/ecctrl-fisheye/src/fantasy_game_inn2-transformed.glb
diff --git a/demos/ecctrl-fisheye/src/ghost_w_tophat-transformed.glb b/examples/ecctrl-fisheye/src/ghost_w_tophat-transformed.glb
similarity index 100%
rename from demos/ecctrl-fisheye/src/ghost_w_tophat-transformed.glb
rename to examples/ecctrl-fisheye/src/ghost_w_tophat-transformed.glb
diff --git a/demos/ecctrl-fisheye/src/index.jsx b/examples/ecctrl-fisheye/src/index.jsx
similarity index 100%
rename from demos/ecctrl-fisheye/src/index.jsx
rename to examples/ecctrl-fisheye/src/index.jsx
diff --git a/demos/ecctrl-fisheye/src/night.hdr b/examples/ecctrl-fisheye/src/night.hdr
similarity index 100%
rename from demos/ecctrl-fisheye/src/night.hdr
rename to examples/ecctrl-fisheye/src/night.hdr
diff --git a/demos/ecctrl-fisheye/src/styles.css b/examples/ecctrl-fisheye/src/styles.css
similarity index 100%
rename from demos/ecctrl-fisheye/src/styles.css
rename to examples/ecctrl-fisheye/src/styles.css
diff --git a/demos/ecctrl-fisheye/src/vite-env.d.ts b/examples/ecctrl-fisheye/src/vite-env.d.ts
similarity index 100%
rename from demos/ecctrl-fisheye/src/vite-env.d.ts
rename to examples/ecctrl-fisheye/src/vite-env.d.ts
diff --git a/demos/ecctrl-fisheye/thumbnail.webp b/examples/ecctrl-fisheye/thumbnail.webp
similarity index 100%
rename from demos/ecctrl-fisheye/thumbnail.webp
rename to examples/ecctrl-fisheye/thumbnail.webp
diff --git a/demos/ecctrl-fisheye/tsconfig.json b/examples/ecctrl-fisheye/tsconfig.json
similarity index 100%
rename from demos/ecctrl-fisheye/tsconfig.json
rename to examples/ecctrl-fisheye/tsconfig.json
diff --git a/demos/ecctrl-fisheye/tsconfig.node.json b/examples/ecctrl-fisheye/tsconfig.node.json
similarity index 100%
rename from demos/ecctrl-fisheye/tsconfig.node.json
rename to examples/ecctrl-fisheye/tsconfig.node.json
diff --git a/demos/ecctrl-fisheye/vite.config.ts b/examples/ecctrl-fisheye/vite.config.ts
similarity index 100%
rename from demos/ecctrl-fisheye/vite.config.ts
rename to examples/ecctrl-fisheye/vite.config.ts
diff --git a/demos/edgesgeometry/.prettierrc b/examples/edgesgeometry/.prettierrc
similarity index 100%
rename from demos/edgesgeometry/.prettierrc
rename to examples/edgesgeometry/.prettierrc
diff --git a/examples/edgesgeometry/README.md b/examples/edgesgeometry/README.md
new file mode 100644
index 00000000..18f40fca
--- /dev/null
+++ b/examples/edgesgeometry/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/edgesgeometry)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/edgesgeometry)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/edgesgeometry)
+
+```sh
+$ npx degit pmndrs/examples/examples/edgesgeometry
+```
+
+![](thumbnail.webp)
diff --git a/demos/edgesgeometry/index.html b/examples/edgesgeometry/index.html
similarity index 100%
rename from demos/edgesgeometry/index.html
rename to examples/edgesgeometry/index.html
diff --git a/examples/edgesgeometry/package.json b/examples/edgesgeometry/package.json
new file mode 100644
index 00000000..a1d37c51
--- /dev/null
+++ b/examples/edgesgeometry/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/edgesgeometry",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/edgesgeometry"
+  }
+}
diff --git a/demos/edgesgeometry/pmndrs.json b/examples/edgesgeometry/pmndrs.json
similarity index 100%
rename from demos/edgesgeometry/pmndrs.json
rename to examples/edgesgeometry/pmndrs.json
diff --git a/demos/edgesgeometry/public/vite.svg b/examples/edgesgeometry/public/vite.svg
similarity index 100%
rename from demos/edgesgeometry/public/vite.svg
rename to examples/edgesgeometry/public/vite.svg
diff --git a/demos/edgesgeometry/src/App.jsx b/examples/edgesgeometry/src/App.jsx
similarity index 100%
rename from demos/edgesgeometry/src/App.jsx
rename to examples/edgesgeometry/src/App.jsx
diff --git a/demos/edgesgeometry/src/day58_aluminium_bracket-transformed.glb b/examples/edgesgeometry/src/day58_aluminium_bracket-transformed.glb
similarity index 100%
rename from demos/edgesgeometry/src/day58_aluminium_bracket-transformed.glb
rename to examples/edgesgeometry/src/day58_aluminium_bracket-transformed.glb
diff --git a/demos/edgesgeometry/src/index.jsx b/examples/edgesgeometry/src/index.jsx
similarity index 100%
rename from demos/edgesgeometry/src/index.jsx
rename to examples/edgesgeometry/src/index.jsx
diff --git a/demos/edgesgeometry/src/styles.css b/examples/edgesgeometry/src/styles.css
similarity index 100%
rename from demos/edgesgeometry/src/styles.css
rename to examples/edgesgeometry/src/styles.css
diff --git a/demos/edgesgeometry/src/vite-env.d.ts b/examples/edgesgeometry/src/vite-env.d.ts
similarity index 100%
rename from demos/edgesgeometry/src/vite-env.d.ts
rename to examples/edgesgeometry/src/vite-env.d.ts
diff --git a/demos/edgesgeometry/thumbnail.webp b/examples/edgesgeometry/thumbnail.webp
similarity index 100%
rename from demos/edgesgeometry/thumbnail.webp
rename to examples/edgesgeometry/thumbnail.webp
diff --git a/demos/edgesgeometry/tsconfig.json b/examples/edgesgeometry/tsconfig.json
similarity index 100%
rename from demos/edgesgeometry/tsconfig.json
rename to examples/edgesgeometry/tsconfig.json
diff --git a/demos/edgesgeometry/tsconfig.node.json b/examples/edgesgeometry/tsconfig.node.json
similarity index 100%
rename from demos/edgesgeometry/tsconfig.node.json
rename to examples/edgesgeometry/tsconfig.node.json
diff --git a/demos/edgesgeometry/vite.config.ts b/examples/edgesgeometry/vite.config.ts
similarity index 100%
rename from demos/edgesgeometry/vite.config.ts
rename to examples/edgesgeometry/vite.config.ts
diff --git a/demos/enter-portals/.prettierrc b/examples/enter-portals/.prettierrc
similarity index 100%
rename from demos/enter-portals/.prettierrc
rename to examples/enter-portals/.prettierrc
diff --git a/examples/enter-portals/README.md b/examples/enter-portals/README.md
new file mode 100644
index 00000000..33406b4b
--- /dev/null
+++ b/examples/enter-portals/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/enter-portals)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/enter-portals)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/enter-portals)
+
+```sh
+$ npx degit pmndrs/examples/examples/enter-portals
+```
+
+![](thumbnail.webp)
diff --git a/demos/enter-portals/index.html b/examples/enter-portals/index.html
similarity index 100%
rename from demos/enter-portals/index.html
rename to examples/enter-portals/index.html
diff --git a/demos/enter-portals/package.json b/examples/enter-portals/package.json
similarity index 88%
rename from demos/enter-portals/package.json
rename to examples/enter-portals/package.json
index 0908561c..8a1c3ba7 100644
--- a/demos/enter-portals/package.json
+++ b/examples/enter-portals/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/enter-portals",
+  "name": "@example/enter-portals",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -36,6 +36,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/enter-portals"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/enter-portals"
   }
 }
diff --git a/demos/enter-portals/pmndrs.json b/examples/enter-portals/pmndrs.json
similarity index 100%
rename from demos/enter-portals/pmndrs.json
rename to examples/enter-portals/pmndrs.json
diff --git a/demos/enter-portals/public/vite.svg b/examples/enter-portals/public/vite.svg
similarity index 100%
rename from demos/enter-portals/public/vite.svg
rename to examples/enter-portals/public/vite.svg
diff --git a/demos/enter-portals/sandbox.config.json b/examples/enter-portals/sandbox.config.json
similarity index 100%
rename from demos/enter-portals/sandbox.config.json
rename to examples/enter-portals/sandbox.config.json
diff --git a/demos/enter-portals/src/App.jsx b/examples/enter-portals/src/App.jsx
similarity index 100%
rename from demos/enter-portals/src/App.jsx
rename to examples/enter-portals/src/App.jsx
diff --git a/demos/enter-portals/src/fiesta_tea-transformed.glb b/examples/enter-portals/src/fiesta_tea-transformed.glb
similarity index 100%
rename from demos/enter-portals/src/fiesta_tea-transformed.glb
rename to examples/enter-portals/src/fiesta_tea-transformed.glb
diff --git a/demos/enter-portals/src/index.jsx b/examples/enter-portals/src/index.jsx
similarity index 100%
rename from demos/enter-portals/src/index.jsx
rename to examples/enter-portals/src/index.jsx
diff --git a/demos/enter-portals/src/pickles_3d_version_of_hyuna_lees_illustration-transformed.glb b/examples/enter-portals/src/pickles_3d_version_of_hyuna_lees_illustration-transformed.glb
similarity index 100%
rename from demos/enter-portals/src/pickles_3d_version_of_hyuna_lees_illustration-transformed.glb
rename to examples/enter-portals/src/pickles_3d_version_of_hyuna_lees_illustration-transformed.glb
diff --git a/demos/enter-portals/src/still_life_based_on_heathers_artwork-transformed.glb b/examples/enter-portals/src/still_life_based_on_heathers_artwork-transformed.glb
similarity index 100%
rename from demos/enter-portals/src/still_life_based_on_heathers_artwork-transformed.glb
rename to examples/enter-portals/src/still_life_based_on_heathers_artwork-transformed.glb
diff --git a/demos/enter-portals/src/styles.css b/examples/enter-portals/src/styles.css
similarity index 100%
rename from demos/enter-portals/src/styles.css
rename to examples/enter-portals/src/styles.css
diff --git a/demos/enter-portals/src/vite-env.d.ts b/examples/enter-portals/src/vite-env.d.ts
similarity index 100%
rename from demos/enter-portals/src/vite-env.d.ts
rename to examples/enter-portals/src/vite-env.d.ts
diff --git a/demos/enter-portals/thumbnail.webp b/examples/enter-portals/thumbnail.webp
similarity index 100%
rename from demos/enter-portals/thumbnail.webp
rename to examples/enter-portals/thumbnail.webp
diff --git a/demos/enter-portals/tsconfig.json b/examples/enter-portals/tsconfig.json
similarity index 100%
rename from demos/enter-portals/tsconfig.json
rename to examples/enter-portals/tsconfig.json
diff --git a/demos/enter-portals/tsconfig.node.json b/examples/enter-portals/tsconfig.node.json
similarity index 100%
rename from demos/enter-portals/tsconfig.node.json
rename to examples/enter-portals/tsconfig.node.json
diff --git a/demos/enter-portals/vite.config.ts b/examples/enter-portals/vite.config.ts
similarity index 100%
rename from demos/enter-portals/vite.config.ts
rename to examples/enter-portals/vite.config.ts
diff --git a/demos/environment-blur-and-transitions/.prettierrc b/examples/environment-blur-and-transitions/.prettierrc
similarity index 100%
rename from demos/environment-blur-and-transitions/.prettierrc
rename to examples/environment-blur-and-transitions/.prettierrc
diff --git a/examples/environment-blur-and-transitions/README.md b/examples/environment-blur-and-transitions/README.md
new file mode 100644
index 00000000..0f4bfa13
--- /dev/null
+++ b/examples/environment-blur-and-transitions/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/environment-blur-and-transitions)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/environment-blur-and-transitions)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/environment-blur-and-transitions)
+
+```sh
+$ npx degit pmndrs/examples/examples/environment-blur-and-transitions
+```
+
+![](thumbnail.webp)
diff --git a/demos/environment-blur-and-transitions/index.html b/examples/environment-blur-and-transitions/index.html
similarity index 100%
rename from demos/environment-blur-and-transitions/index.html
rename to examples/environment-blur-and-transitions/index.html
diff --git a/demos/environment-blur-and-transitions/package.json b/examples/environment-blur-and-transitions/package.json
similarity index 84%
rename from demos/environment-blur-and-transitions/package.json
rename to examples/environment-blur-and-transitions/package.json
index 0d8bb68d..d0ec3253 100644
--- a/demos/environment-blur-and-transitions/package.json
+++ b/examples/environment-blur-and-transitions/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/environment-blur-and-transitions",
+  "name": "@example/environment-blur-and-transitions",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/environment-blur-and-transitions"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/environment-blur-and-transitions"
   }
 }
diff --git a/demos/environment-blur-and-transitions/pmndrs.json b/examples/environment-blur-and-transitions/pmndrs.json
similarity index 100%
rename from demos/environment-blur-and-transitions/pmndrs.json
rename to examples/environment-blur-and-transitions/pmndrs.json
diff --git a/demos/environment-blur-and-transitions/public/pmndrs.png b/examples/environment-blur-and-transitions/public/pmndrs.png
similarity index 100%
rename from demos/environment-blur-and-transitions/public/pmndrs.png
rename to examples/environment-blur-and-transitions/public/pmndrs.png
diff --git a/demos/environment-blur-and-transitions/public/react.png b/examples/environment-blur-and-transitions/public/react.png
similarity index 100%
rename from demos/environment-blur-and-transitions/public/react.png
rename to examples/environment-blur-and-transitions/public/react.png
diff --git a/demos/environment-blur-and-transitions/public/three.png b/examples/environment-blur-and-transitions/public/three.png
similarity index 100%
rename from demos/environment-blur-and-transitions/public/three.png
rename to examples/environment-blur-and-transitions/public/three.png
diff --git a/demos/environment-blur-and-transitions/public/vite.svg b/examples/environment-blur-and-transitions/public/vite.svg
similarity index 100%
rename from demos/environment-blur-and-transitions/public/vite.svg
rename to examples/environment-blur-and-transitions/public/vite.svg
diff --git a/demos/environment-blur-and-transitions/src/App.jsx b/examples/environment-blur-and-transitions/src/App.jsx
similarity index 100%
rename from demos/environment-blur-and-transitions/src/App.jsx
rename to examples/environment-blur-and-transitions/src/App.jsx
diff --git a/demos/environment-blur-and-transitions/src/index.jsx b/examples/environment-blur-and-transitions/src/index.jsx
similarity index 100%
rename from demos/environment-blur-and-transitions/src/index.jsx
rename to examples/environment-blur-and-transitions/src/index.jsx
diff --git a/demos/environment-blur-and-transitions/src/styles.css b/examples/environment-blur-and-transitions/src/styles.css
similarity index 100%
rename from demos/environment-blur-and-transitions/src/styles.css
rename to examples/environment-blur-and-transitions/src/styles.css
diff --git a/demos/environment-blur-and-transitions/src/vite-env.d.ts b/examples/environment-blur-and-transitions/src/vite-env.d.ts
similarity index 100%
rename from demos/environment-blur-and-transitions/src/vite-env.d.ts
rename to examples/environment-blur-and-transitions/src/vite-env.d.ts
diff --git a/demos/environment-blur-and-transitions/thumbnail.webp b/examples/environment-blur-and-transitions/thumbnail.webp
similarity index 100%
rename from demos/environment-blur-and-transitions/thumbnail.webp
rename to examples/environment-blur-and-transitions/thumbnail.webp
diff --git a/demos/environment-blur-and-transitions/tsconfig.json b/examples/environment-blur-and-transitions/tsconfig.json
similarity index 100%
rename from demos/environment-blur-and-transitions/tsconfig.json
rename to examples/environment-blur-and-transitions/tsconfig.json
diff --git a/demos/environment-blur-and-transitions/tsconfig.node.json b/examples/environment-blur-and-transitions/tsconfig.node.json
similarity index 100%
rename from demos/environment-blur-and-transitions/tsconfig.node.json
rename to examples/environment-blur-and-transitions/tsconfig.node.json
diff --git a/demos/environment-blur-and-transitions/vite.config.ts b/examples/environment-blur-and-transitions/vite.config.ts
similarity index 100%
rename from demos/environment-blur-and-transitions/vite.config.ts
rename to examples/environment-blur-and-transitions/vite.config.ts
diff --git a/demos/envmap-ground-projection/.codesandbox/workspace.json b/examples/envmap-ground-projection/.codesandbox/workspace.json
similarity index 100%
rename from demos/envmap-ground-projection/.codesandbox/workspace.json
rename to examples/envmap-ground-projection/.codesandbox/workspace.json
diff --git a/demos/envmap-ground-projection/.prettierrc b/examples/envmap-ground-projection/.prettierrc
similarity index 100%
rename from demos/envmap-ground-projection/.prettierrc
rename to examples/envmap-ground-projection/.prettierrc
diff --git a/examples/envmap-ground-projection/README.md b/examples/envmap-ground-projection/README.md
new file mode 100644
index 00000000..fb758336
--- /dev/null
+++ b/examples/envmap-ground-projection/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/envmap-ground-projection)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/envmap-ground-projection)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/envmap-ground-projection)
+
+```sh
+$ npx degit pmndrs/examples/examples/envmap-ground-projection
+```
+
+![](thumbnail.webp)
diff --git a/demos/envmap-ground-projection/index.html b/examples/envmap-ground-projection/index.html
similarity index 100%
rename from demos/envmap-ground-projection/index.html
rename to examples/envmap-ground-projection/index.html
diff --git a/demos/envmap-ground-projection/package.json b/examples/envmap-ground-projection/package.json
similarity index 85%
rename from demos/envmap-ground-projection/package.json
rename to examples/envmap-ground-projection/package.json
index c583207e..ff6e7895 100644
--- a/demos/envmap-ground-projection/package.json
+++ b/examples/envmap-ground-projection/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/envmap-ground-projection",
+  "name": "@example/envmap-ground-projection",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/envmap-ground-projection"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/envmap-ground-projection"
   }
 }
diff --git a/demos/envmap-ground-projection/pmndrs.json b/examples/envmap-ground-projection/pmndrs.json
similarity index 100%
rename from demos/envmap-ground-projection/pmndrs.json
rename to examples/envmap-ground-projection/pmndrs.json
diff --git a/demos/envmap-ground-projection/public/vite.svg b/examples/envmap-ground-projection/public/vite.svg
similarity index 100%
rename from demos/envmap-ground-projection/public/vite.svg
rename to examples/envmap-ground-projection/public/vite.svg
diff --git a/demos/envmap-ground-projection/src/App.jsx b/examples/envmap-ground-projection/src/App.jsx
similarity index 100%
rename from demos/envmap-ground-projection/src/App.jsx
rename to examples/envmap-ground-projection/src/App.jsx
diff --git a/demos/envmap-ground-projection/src/Car.jsx b/examples/envmap-ground-projection/src/Car.jsx
similarity index 100%
rename from demos/envmap-ground-projection/src/Car.jsx
rename to examples/envmap-ground-projection/src/Car.jsx
diff --git a/demos/envmap-ground-projection/src/index.jsx b/examples/envmap-ground-projection/src/index.jsx
similarity index 100%
rename from demos/envmap-ground-projection/src/index.jsx
rename to examples/envmap-ground-projection/src/index.jsx
diff --git a/demos/envmap-ground-projection/src/old_depot_2k.hdr b/examples/envmap-ground-projection/src/old_depot_2k.hdr
similarity index 100%
rename from demos/envmap-ground-projection/src/old_depot_2k.hdr
rename to examples/envmap-ground-projection/src/old_depot_2k.hdr
diff --git a/demos/envmap-ground-projection/src/porsche-transformed.glb b/examples/envmap-ground-projection/src/porsche-transformed.glb
similarity index 100%
rename from demos/envmap-ground-projection/src/porsche-transformed.glb
rename to examples/envmap-ground-projection/src/porsche-transformed.glb
diff --git a/demos/envmap-ground-projection/src/styles.css b/examples/envmap-ground-projection/src/styles.css
similarity index 100%
rename from demos/envmap-ground-projection/src/styles.css
rename to examples/envmap-ground-projection/src/styles.css
diff --git a/demos/envmap-ground-projection/src/vite-env.d.ts b/examples/envmap-ground-projection/src/vite-env.d.ts
similarity index 100%
rename from demos/envmap-ground-projection/src/vite-env.d.ts
rename to examples/envmap-ground-projection/src/vite-env.d.ts
diff --git a/demos/envmap-ground-projection/thumbnail.webp b/examples/envmap-ground-projection/thumbnail.webp
similarity index 100%
rename from demos/envmap-ground-projection/thumbnail.webp
rename to examples/envmap-ground-projection/thumbnail.webp
diff --git a/demos/envmap-ground-projection/tsconfig.json b/examples/envmap-ground-projection/tsconfig.json
similarity index 100%
rename from demos/envmap-ground-projection/tsconfig.json
rename to examples/envmap-ground-projection/tsconfig.json
diff --git a/demos/envmap-ground-projection/tsconfig.node.json b/examples/envmap-ground-projection/tsconfig.node.json
similarity index 100%
rename from demos/envmap-ground-projection/tsconfig.node.json
rename to examples/envmap-ground-projection/tsconfig.node.json
diff --git a/demos/envmap-ground-projection/vite.config.ts b/examples/envmap-ground-projection/vite.config.ts
similarity index 100%
rename from demos/envmap-ground-projection/vite.config.ts
rename to examples/envmap-ground-projection/vite.config.ts
diff --git a/demos/faucets-select-highlight/.prettierrc b/examples/faucets-select-highlight/.prettierrc
similarity index 100%
rename from demos/faucets-select-highlight/.prettierrc
rename to examples/faucets-select-highlight/.prettierrc
diff --git a/examples/faucets-select-highlight/README.md b/examples/faucets-select-highlight/README.md
new file mode 100644
index 00000000..8840fe90
--- /dev/null
+++ b/examples/faucets-select-highlight/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/faucets-select-highlight)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/faucets-select-highlight)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/faucets-select-highlight)
+
+```sh
+$ npx degit pmndrs/examples/examples/faucets-select-highlight
+```
+
+![](thumbnail.webp)
diff --git a/demos/faucets-select-highlight/index.html b/examples/faucets-select-highlight/index.html
similarity index 100%
rename from demos/faucets-select-highlight/index.html
rename to examples/faucets-select-highlight/index.html
diff --git a/demos/faucets-select-highlight/package.json b/examples/faucets-select-highlight/package.json
similarity index 85%
rename from demos/faucets-select-highlight/package.json
rename to examples/faucets-select-highlight/package.json
index 9b0086b8..81e809a4 100644
--- a/demos/faucets-select-highlight/package.json
+++ b/examples/faucets-select-highlight/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/faucets-select-highlight",
+  "name": "@example/faucets-select-highlight",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/faucets-select-highlight"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/faucets-select-highlight"
   }
 }
diff --git a/demos/faucets-select-highlight/pmndrs.json b/examples/faucets-select-highlight/pmndrs.json
similarity index 100%
rename from demos/faucets-select-highlight/pmndrs.json
rename to examples/faucets-select-highlight/pmndrs.json
diff --git a/demos/faucets-select-highlight/public/vite.svg b/examples/faucets-select-highlight/public/vite.svg
similarity index 100%
rename from demos/faucets-select-highlight/public/vite.svg
rename to examples/faucets-select-highlight/public/vite.svg
diff --git a/demos/faucets-select-highlight/src/App.jsx b/examples/faucets-select-highlight/src/App.jsx
similarity index 100%
rename from demos/faucets-select-highlight/src/App.jsx
rename to examples/faucets-select-highlight/src/App.jsx
diff --git a/demos/faucets-select-highlight/src/faucet-transformed.glb b/examples/faucets-select-highlight/src/faucet-transformed.glb
similarity index 100%
rename from demos/faucets-select-highlight/src/faucet-transformed.glb
rename to examples/faucets-select-highlight/src/faucet-transformed.glb
diff --git a/demos/faucets-select-highlight/src/index.jsx b/examples/faucets-select-highlight/src/index.jsx
similarity index 100%
rename from demos/faucets-select-highlight/src/index.jsx
rename to examples/faucets-select-highlight/src/index.jsx
diff --git a/demos/faucets-select-highlight/src/styles.css b/examples/faucets-select-highlight/src/styles.css
similarity index 100%
rename from demos/faucets-select-highlight/src/styles.css
rename to examples/faucets-select-highlight/src/styles.css
diff --git a/demos/faucets-select-highlight/src/vite-env.d.ts b/examples/faucets-select-highlight/src/vite-env.d.ts
similarity index 100%
rename from demos/faucets-select-highlight/src/vite-env.d.ts
rename to examples/faucets-select-highlight/src/vite-env.d.ts
diff --git a/demos/faucets-select-highlight/thumbnail.webp b/examples/faucets-select-highlight/thumbnail.webp
similarity index 100%
rename from demos/faucets-select-highlight/thumbnail.webp
rename to examples/faucets-select-highlight/thumbnail.webp
diff --git a/demos/faucets-select-highlight/tsconfig.json b/examples/faucets-select-highlight/tsconfig.json
similarity index 100%
rename from demos/faucets-select-highlight/tsconfig.json
rename to examples/faucets-select-highlight/tsconfig.json
diff --git a/demos/faucets-select-highlight/tsconfig.node.json b/examples/faucets-select-highlight/tsconfig.node.json
similarity index 100%
rename from demos/faucets-select-highlight/tsconfig.node.json
rename to examples/faucets-select-highlight/tsconfig.node.json
diff --git a/demos/faucets-select-highlight/vite.config.ts b/examples/faucets-select-highlight/vite.config.ts
similarity index 100%
rename from demos/faucets-select-highlight/vite.config.ts
rename to examples/faucets-select-highlight/vite.config.ts
diff --git a/demos/flexbox-yoga-in-webgl/.prettierrc b/examples/flexbox-yoga-in-webgl/.prettierrc
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/.prettierrc
rename to examples/flexbox-yoga-in-webgl/.prettierrc
diff --git a/examples/flexbox-yoga-in-webgl/README.md b/examples/flexbox-yoga-in-webgl/README.md
new file mode 100755
index 00000000..8c33f3a1
--- /dev/null
+++ b/examples/flexbox-yoga-in-webgl/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/flexbox-yoga-in-webgl)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/flexbox-yoga-in-webgl)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/flexbox-yoga-in-webgl)
+
+```sh
+$ npx degit pmndrs/examples/examples/flexbox-yoga-in-webgl
+```
+
+![](thumbnail.webp)
diff --git a/demos/flexbox-yoga-in-webgl/index.html b/examples/flexbox-yoga-in-webgl/index.html
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/index.html
rename to examples/flexbox-yoga-in-webgl/index.html
diff --git a/demos/flexbox-yoga-in-webgl/package.json b/examples/flexbox-yoga-in-webgl/package.json
similarity index 89%
rename from demos/flexbox-yoga-in-webgl/package.json
rename to examples/flexbox-yoga-in-webgl/package.json
index 726cb213..8a200227 100644
--- a/demos/flexbox-yoga-in-webgl/package.json
+++ b/examples/flexbox-yoga-in-webgl/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/flexbox-yoga-in-webgl",
+  "name": "@example/flexbox-yoga-in-webgl",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -44,7 +44,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/flexbox-yoga-in-webgl"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/flexbox-yoga-in-webgl"
   },
   "type": "module"
 }
diff --git a/demos/flexbox-yoga-in-webgl/pmndrs.json b/examples/flexbox-yoga-in-webgl/pmndrs.json
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/pmndrs.json
rename to examples/flexbox-yoga-in-webgl/pmndrs.json
diff --git a/demos/flexbox-yoga-in-webgl/public/Inter-Bold.woff b/examples/flexbox-yoga-in-webgl/public/Inter-Bold.woff
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/Inter-Bold.woff
rename to examples/flexbox-yoga-in-webgl/public/Inter-Bold.woff
diff --git a/demos/flexbox-yoga-in-webgl/public/Inter-Regular.woff b/examples/flexbox-yoga-in-webgl/public/Inter-Regular.woff
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/Inter-Regular.woff
rename to examples/flexbox-yoga-in-webgl/public/Inter-Regular.woff
diff --git a/demos/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.js b/examples/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.js
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.js
rename to examples/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.js
diff --git a/demos/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.wasm b/examples/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.wasm
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.wasm
rename to examples/flexbox-yoga-in-webgl/public/draco-gltf/draco_decoder.wasm
diff --git a/demos/flexbox-yoga-in-webgl/public/draco-gltf/draco_wasm_wrapper.js b/examples/flexbox-yoga-in-webgl/public/draco-gltf/draco_wasm_wrapper.js
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/draco-gltf/draco_wasm_wrapper.js
rename to examples/flexbox-yoga-in-webgl/public/draco-gltf/draco_wasm_wrapper.js
diff --git a/demos/flexbox-yoga-in-webgl/public/favicon.ico b/examples/flexbox-yoga-in-webgl/public/favicon.ico
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/favicon.ico
rename to examples/flexbox-yoga-in-webgl/public/favicon.ico
diff --git a/demos/flexbox-yoga-in-webgl/public/images/04zTfWB.jpg b/examples/flexbox-yoga-in-webgl/public/images/04zTfWB.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/04zTfWB.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/04zTfWB.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/BH41NVu.jpg b/examples/flexbox-yoga-in-webgl/public/images/BH41NVu.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/BH41NVu.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/BH41NVu.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/ajQ73ol.jpg b/examples/flexbox-yoga-in-webgl/public/images/ajQ73ol.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/ajQ73ol.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/ajQ73ol.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/c4cA8UN.jpg b/examples/flexbox-yoga-in-webgl/public/images/c4cA8UN.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/c4cA8UN.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/c4cA8UN.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/cAKwexj.jpg b/examples/flexbox-yoga-in-webgl/public/images/cAKwexj.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/cAKwexj.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/cAKwexj.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/ellipse.svg b/examples/flexbox-yoga-in-webgl/public/images/ellipse.svg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/ellipse.svg
rename to examples/flexbox-yoga-in-webgl/public/images/ellipse.svg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/fBoIJLX.jpg b/examples/flexbox-yoga-in-webgl/public/images/fBoIJLX.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/fBoIJLX.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/fBoIJLX.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/gZOmLNU.jpg b/examples/flexbox-yoga-in-webgl/public/images/gZOmLNU.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/gZOmLNU.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/gZOmLNU.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/gwuZrgo.jpg b/examples/flexbox-yoga-in-webgl/public/images/gwuZrgo.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/gwuZrgo.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/gwuZrgo.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/mbFIW1b.jpg b/examples/flexbox-yoga-in-webgl/public/images/mbFIW1b.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/mbFIW1b.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/mbFIW1b.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/images/mlDUVig.jpg b/examples/flexbox-yoga-in-webgl/public/images/mlDUVig.jpg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/images/mlDUVig.jpg
rename to examples/flexbox-yoga-in-webgl/public/images/mlDUVig.jpg
diff --git a/demos/flexbox-yoga-in-webgl/public/logo192.png b/examples/flexbox-yoga-in-webgl/public/logo192.png
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/logo192.png
rename to examples/flexbox-yoga-in-webgl/public/logo192.png
diff --git a/demos/flexbox-yoga-in-webgl/public/logo512.png b/examples/flexbox-yoga-in-webgl/public/logo512.png
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/logo512.png
rename to examples/flexbox-yoga-in-webgl/public/logo512.png
diff --git a/demos/flexbox-yoga-in-webgl/public/manifest.json b/examples/flexbox-yoga-in-webgl/public/manifest.json
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/manifest.json
rename to examples/flexbox-yoga-in-webgl/public/manifest.json
diff --git a/demos/flexbox-yoga-in-webgl/public/robots.txt b/examples/flexbox-yoga-in-webgl/public/robots.txt
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/robots.txt
rename to examples/flexbox-yoga-in-webgl/public/robots.txt
diff --git a/demos/flexbox-yoga-in-webgl/public/vite.svg b/examples/flexbox-yoga-in-webgl/public/vite.svg
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/public/vite.svg
rename to examples/flexbox-yoga-in-webgl/public/vite.svg
diff --git a/demos/flexbox-yoga-in-webgl/sandbox.config.json b/examples/flexbox-yoga-in-webgl/sandbox.config.json
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/sandbox.config.json
rename to examples/flexbox-yoga-in-webgl/sandbox.config.json
diff --git a/demos/flexbox-yoga-in-webgl/src/App.jsx b/examples/flexbox-yoga-in-webgl/src/App.jsx
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/App.jsx
rename to examples/flexbox-yoga-in-webgl/src/App.jsx
diff --git a/demos/flexbox-yoga-in-webgl/src/components/Effects.jsx b/examples/flexbox-yoga-in-webgl/src/components/Effects.jsx
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/components/Effects.jsx
rename to examples/flexbox-yoga-in-webgl/src/components/Effects.jsx
diff --git a/demos/flexbox-yoga-in-webgl/src/components/Geo.jsx b/examples/flexbox-yoga-in-webgl/src/components/Geo.jsx
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/components/Geo.jsx
rename to examples/flexbox-yoga-in-webgl/src/components/Geo.jsx
diff --git a/demos/flexbox-yoga-in-webgl/src/components/Text.jsx b/examples/flexbox-yoga-in-webgl/src/components/Text.jsx
similarity index 81%
rename from demos/flexbox-yoga-in-webgl/src/components/Text.jsx
rename to examples/flexbox-yoga-in-webgl/src/components/Text.jsx
index db85fe23..2ab333d5 100755
--- a/demos/flexbox-yoga-in-webgl/src/components/Text.jsx
+++ b/examples/flexbox-yoga-in-webgl/src/components/Text.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { useReflow } from '@react-three/flex'
 import { Text as DreiText } from '@react-three/drei'
 
-// The fonts live in this demo's public/ folder; BASE_URL makes the path work under the site's per-demo base path.
+// The fonts live in this example's public/ folder; BASE_URL makes the path work under the site's per-example base path.
 const baseUrl = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 
 export default function Text({ bold = false, anchorX = 'left', anchorY = 'top', textAlign = 'left', ...props }) {
diff --git a/demos/flexbox-yoga-in-webgl/src/components/WaterEffect.js b/examples/flexbox-yoga-in-webgl/src/components/WaterEffect.js
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/components/WaterEffect.js
rename to examples/flexbox-yoga-in-webgl/src/components/WaterEffect.js
diff --git a/demos/flexbox-yoga-in-webgl/src/components/geo.min.glb b/examples/flexbox-yoga-in-webgl/src/components/geo.min.glb
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/components/geo.min.glb
rename to examples/flexbox-yoga-in-webgl/src/components/geo.min.glb
diff --git a/demos/flexbox-yoga-in-webgl/src/index.jsx b/examples/flexbox-yoga-in-webgl/src/index.jsx
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/index.jsx
rename to examples/flexbox-yoga-in-webgl/src/index.jsx
diff --git a/demos/flexbox-yoga-in-webgl/src/state.js b/examples/flexbox-yoga-in-webgl/src/state.js
similarity index 94%
rename from demos/flexbox-yoga-in-webgl/src/state.js
rename to examples/flexbox-yoga-in-webgl/src/state.js
index 856e6d9b..01e8e84e 100755
--- a/demos/flexbox-yoga-in-webgl/src/state.js
+++ b/examples/flexbox-yoga-in-webgl/src/state.js
@@ -1,4 +1,4 @@
-// Public assets need the demo's base path when mounted by the examples site.
+// Public assets need the example's base path when mounted by the examples site.
 const baseUrl = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 
 const state = {
diff --git a/demos/flexbox-yoga-in-webgl/src/styles.css b/examples/flexbox-yoga-in-webgl/src/styles.css
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/styles.css
rename to examples/flexbox-yoga-in-webgl/src/styles.css
diff --git a/demos/flexbox-yoga-in-webgl/src/vite-env.d.ts b/examples/flexbox-yoga-in-webgl/src/vite-env.d.ts
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/src/vite-env.d.ts
rename to examples/flexbox-yoga-in-webgl/src/vite-env.d.ts
diff --git a/demos/flexbox-yoga-in-webgl/thumbnail.webp b/examples/flexbox-yoga-in-webgl/thumbnail.webp
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/thumbnail.webp
rename to examples/flexbox-yoga-in-webgl/thumbnail.webp
diff --git a/demos/flexbox-yoga-in-webgl/tsconfig.json b/examples/flexbox-yoga-in-webgl/tsconfig.json
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/tsconfig.json
rename to examples/flexbox-yoga-in-webgl/tsconfig.json
diff --git a/demos/flexbox-yoga-in-webgl/tsconfig.node.json b/examples/flexbox-yoga-in-webgl/tsconfig.node.json
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/tsconfig.node.json
rename to examples/flexbox-yoga-in-webgl/tsconfig.node.json
diff --git a/demos/flexbox-yoga-in-webgl/vite.config.ts b/examples/flexbox-yoga-in-webgl/vite.config.ts
similarity index 100%
rename from demos/flexbox-yoga-in-webgl/vite.config.ts
rename to examples/flexbox-yoga-in-webgl/vite.config.ts
diff --git a/demos/floating-diamonds/.prettierrc b/examples/floating-diamonds/.prettierrc
similarity index 100%
rename from demos/floating-diamonds/.prettierrc
rename to examples/floating-diamonds/.prettierrc
diff --git a/examples/floating-diamonds/README.md b/examples/floating-diamonds/README.md
new file mode 100644
index 00000000..1dea8745
--- /dev/null
+++ b/examples/floating-diamonds/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/floating-diamonds)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/floating-diamonds)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/floating-diamonds)
+
+```sh
+$ npx degit pmndrs/examples/examples/floating-diamonds
+```
+
+![](thumbnail.webp)
diff --git a/demos/floating-diamonds/index.html b/examples/floating-diamonds/index.html
similarity index 100%
rename from demos/floating-diamonds/index.html
rename to examples/floating-diamonds/index.html
diff --git a/demos/floating-diamonds/package.json b/examples/floating-diamonds/package.json
similarity index 86%
rename from demos/floating-diamonds/package.json
rename to examples/floating-diamonds/package.json
index 724ba694..b99764c2 100644
--- a/demos/floating-diamonds/package.json
+++ b/examples/floating-diamonds/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/floating-diamonds",
+  "name": "@example/floating-diamonds",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/floating-diamonds"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/floating-diamonds"
   }
 }
diff --git a/demos/floating-diamonds/pmndrs.json b/examples/floating-diamonds/pmndrs.json
similarity index 100%
rename from demos/floating-diamonds/pmndrs.json
rename to examples/floating-diamonds/pmndrs.json
diff --git a/demos/floating-diamonds/public/vite.svg b/examples/floating-diamonds/public/vite.svg
similarity index 100%
rename from demos/floating-diamonds/public/vite.svg
rename to examples/floating-diamonds/public/vite.svg
diff --git a/demos/floating-diamonds/src/233.jpg b/examples/floating-diamonds/src/233.jpg
similarity index 100%
rename from demos/floating-diamonds/src/233.jpg
rename to examples/floating-diamonds/src/233.jpg
diff --git a/demos/floating-diamonds/src/App.jsx b/examples/floating-diamonds/src/App.jsx
similarity index 100%
rename from demos/floating-diamonds/src/App.jsx
rename to examples/floating-diamonds/src/App.jsx
diff --git a/demos/floating-diamonds/src/dflat.glb b/examples/floating-diamonds/src/dflat.glb
similarity index 100%
rename from demos/floating-diamonds/src/dflat.glb
rename to examples/floating-diamonds/src/dflat.glb
diff --git a/demos/floating-diamonds/src/diamond.glb b/examples/floating-diamonds/src/diamond.glb
similarity index 100%
rename from demos/floating-diamonds/src/diamond.glb
rename to examples/floating-diamonds/src/diamond.glb
diff --git a/demos/floating-diamonds/src/index.jsx b/examples/floating-diamonds/src/index.jsx
similarity index 100%
rename from demos/floating-diamonds/src/index.jsx
rename to examples/floating-diamonds/src/index.jsx
diff --git a/demos/floating-diamonds/src/styles.css b/examples/floating-diamonds/src/styles.css
similarity index 100%
rename from demos/floating-diamonds/src/styles.css
rename to examples/floating-diamonds/src/styles.css
diff --git a/demos/floating-diamonds/src/vite-env.d.ts b/examples/floating-diamonds/src/vite-env.d.ts
similarity index 100%
rename from demos/floating-diamonds/src/vite-env.d.ts
rename to examples/floating-diamonds/src/vite-env.d.ts
diff --git a/demos/floating-diamonds/thumbnail.webp b/examples/floating-diamonds/thumbnail.webp
similarity index 100%
rename from demos/floating-diamonds/thumbnail.webp
rename to examples/floating-diamonds/thumbnail.webp
diff --git a/demos/floating-diamonds/tsconfig.json b/examples/floating-diamonds/tsconfig.json
similarity index 100%
rename from demos/floating-diamonds/tsconfig.json
rename to examples/floating-diamonds/tsconfig.json
diff --git a/demos/floating-diamonds/tsconfig.node.json b/examples/floating-diamonds/tsconfig.node.json
similarity index 100%
rename from demos/floating-diamonds/tsconfig.node.json
rename to examples/floating-diamonds/tsconfig.node.json
diff --git a/demos/floating-diamonds/vite.config.ts b/examples/floating-diamonds/vite.config.ts
similarity index 100%
rename from demos/floating-diamonds/vite.config.ts
rename to examples/floating-diamonds/vite.config.ts
diff --git a/demos/floating-instanced-shoes/.prettierrc b/examples/floating-instanced-shoes/.prettierrc
similarity index 100%
rename from demos/floating-instanced-shoes/.prettierrc
rename to examples/floating-instanced-shoes/.prettierrc
diff --git a/examples/floating-instanced-shoes/README.md b/examples/floating-instanced-shoes/README.md
new file mode 100644
index 00000000..0c590ff7
--- /dev/null
+++ b/examples/floating-instanced-shoes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/floating-instanced-shoes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/floating-instanced-shoes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/floating-instanced-shoes)
+
+```sh
+$ npx degit pmndrs/examples/examples/floating-instanced-shoes
+```
+
+![](thumbnail.webp)
diff --git a/demos/floating-instanced-shoes/index.html b/examples/floating-instanced-shoes/index.html
similarity index 100%
rename from demos/floating-instanced-shoes/index.html
rename to examples/floating-instanced-shoes/index.html
diff --git a/demos/floating-instanced-shoes/package.json b/examples/floating-instanced-shoes/package.json
similarity index 83%
rename from demos/floating-instanced-shoes/package.json
rename to examples/floating-instanced-shoes/package.json
index 28836f3b..33237171 100644
--- a/demos/floating-instanced-shoes/package.json
+++ b/examples/floating-instanced-shoes/package.json
@@ -7,7 +7,7 @@
     "react-dom": "19.2.8",
     "three": "0.165.0"
   },
-  "name": "@demo/floating-instanced-shoes",
+  "name": "@example/floating-instanced-shoes",
   "version": "1.0.0",
   "type": "module",
   "devDependencies": {
@@ -27,6 +27,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/floating-instanced-shoes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/floating-instanced-shoes"
   }
 }
diff --git a/demos/floating-instanced-shoes/pmndrs.json b/examples/floating-instanced-shoes/pmndrs.json
similarity index 100%
rename from demos/floating-instanced-shoes/pmndrs.json
rename to examples/floating-instanced-shoes/pmndrs.json
diff --git a/demos/floating-instanced-shoes/public/vite.svg b/examples/floating-instanced-shoes/public/vite.svg
similarity index 100%
rename from demos/floating-instanced-shoes/public/vite.svg
rename to examples/floating-instanced-shoes/public/vite.svg
diff --git a/demos/floating-instanced-shoes/src/App.jsx b/examples/floating-instanced-shoes/src/App.jsx
similarity index 100%
rename from demos/floating-instanced-shoes/src/App.jsx
rename to examples/floating-instanced-shoes/src/App.jsx
diff --git a/demos/floating-instanced-shoes/src/index.jsx b/examples/floating-instanced-shoes/src/index.jsx
similarity index 100%
rename from demos/floating-instanced-shoes/src/index.jsx
rename to examples/floating-instanced-shoes/src/index.jsx
diff --git a/demos/floating-instanced-shoes/src/shoe.glb b/examples/floating-instanced-shoes/src/shoe.glb
similarity index 100%
rename from demos/floating-instanced-shoes/src/shoe.glb
rename to examples/floating-instanced-shoes/src/shoe.glb
diff --git a/demos/floating-instanced-shoes/src/store.js b/examples/floating-instanced-shoes/src/store.js
similarity index 100%
rename from demos/floating-instanced-shoes/src/store.js
rename to examples/floating-instanced-shoes/src/store.js
diff --git a/demos/floating-instanced-shoes/src/style.css b/examples/floating-instanced-shoes/src/style.css
similarity index 100%
rename from demos/floating-instanced-shoes/src/style.css
rename to examples/floating-instanced-shoes/src/style.css
diff --git a/demos/floating-instanced-shoes/src/vite-env.d.ts b/examples/floating-instanced-shoes/src/vite-env.d.ts
similarity index 100%
rename from demos/floating-instanced-shoes/src/vite-env.d.ts
rename to examples/floating-instanced-shoes/src/vite-env.d.ts
diff --git a/demos/floating-instanced-shoes/thumbnail.webp b/examples/floating-instanced-shoes/thumbnail.webp
similarity index 100%
rename from demos/floating-instanced-shoes/thumbnail.webp
rename to examples/floating-instanced-shoes/thumbnail.webp
diff --git a/demos/floating-instanced-shoes/tsconfig.json b/examples/floating-instanced-shoes/tsconfig.json
similarity index 100%
rename from demos/floating-instanced-shoes/tsconfig.json
rename to examples/floating-instanced-shoes/tsconfig.json
diff --git a/demos/floating-instanced-shoes/tsconfig.node.json b/examples/floating-instanced-shoes/tsconfig.node.json
similarity index 100%
rename from demos/floating-instanced-shoes/tsconfig.node.json
rename to examples/floating-instanced-shoes/tsconfig.node.json
diff --git a/demos/floating-instanced-shoes/vite.config.ts b/examples/floating-instanced-shoes/vite.config.ts
similarity index 100%
rename from demos/floating-instanced-shoes/vite.config.ts
rename to examples/floating-instanced-shoes/vite.config.ts
diff --git a/demos/floating-laptop/.prettierrc b/examples/floating-laptop/.prettierrc
similarity index 100%
rename from demos/floating-laptop/.prettierrc
rename to examples/floating-laptop/.prettierrc
diff --git a/examples/floating-laptop/README.md b/examples/floating-laptop/README.md
new file mode 100644
index 00000000..13f22941
--- /dev/null
+++ b/examples/floating-laptop/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/floating-laptop)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/floating-laptop)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/floating-laptop)
+
+```sh
+$ npx degit pmndrs/examples/examples/floating-laptop
+```
+
+![](thumbnail.webp)
diff --git a/demos/floating-laptop/index.html b/examples/floating-laptop/index.html
similarity index 100%
rename from demos/floating-laptop/index.html
rename to examples/floating-laptop/index.html
diff --git a/demos/floating-laptop/package.json b/examples/floating-laptop/package.json
similarity index 87%
rename from demos/floating-laptop/package.json
rename to examples/floating-laptop/package.json
index 9079fb36..e745cc57 100644
--- a/demos/floating-laptop/package.json
+++ b/examples/floating-laptop/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/floating-laptop",
+  "name": "@example/floating-laptop",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/floating-laptop"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/floating-laptop"
   }
 }
diff --git a/demos/floating-laptop/pmndrs.json b/examples/floating-laptop/pmndrs.json
similarity index 100%
rename from demos/floating-laptop/pmndrs.json
rename to examples/floating-laptop/pmndrs.json
diff --git a/demos/floating-laptop/public/vite.svg b/examples/floating-laptop/public/vite.svg
similarity index 100%
rename from demos/floating-laptop/public/vite.svg
rename to examples/floating-laptop/public/vite.svg
diff --git a/demos/floating-laptop/sandbox.config.json b/examples/floating-laptop/sandbox.config.json
similarity index 100%
rename from demos/floating-laptop/sandbox.config.json
rename to examples/floating-laptop/sandbox.config.json
diff --git a/demos/floating-laptop/src/App.jsx b/examples/floating-laptop/src/App.jsx
similarity index 100%
rename from demos/floating-laptop/src/App.jsx
rename to examples/floating-laptop/src/App.jsx
diff --git a/demos/floating-laptop/src/index.jsx b/examples/floating-laptop/src/index.jsx
similarity index 100%
rename from demos/floating-laptop/src/index.jsx
rename to examples/floating-laptop/src/index.jsx
diff --git a/demos/floating-laptop/src/mac-draco.glb b/examples/floating-laptop/src/mac-draco.glb
similarity index 100%
rename from demos/floating-laptop/src/mac-draco.glb
rename to examples/floating-laptop/src/mac-draco.glb
diff --git a/demos/floating-laptop/src/styles.css b/examples/floating-laptop/src/styles.css
similarity index 100%
rename from demos/floating-laptop/src/styles.css
rename to examples/floating-laptop/src/styles.css
diff --git a/demos/floating-laptop/src/vite-env.d.ts b/examples/floating-laptop/src/vite-env.d.ts
similarity index 100%
rename from demos/floating-laptop/src/vite-env.d.ts
rename to examples/floating-laptop/src/vite-env.d.ts
diff --git a/demos/floating-laptop/thumbnail.webp b/examples/floating-laptop/thumbnail.webp
similarity index 100%
rename from demos/floating-laptop/thumbnail.webp
rename to examples/floating-laptop/thumbnail.webp
diff --git a/demos/floating-laptop/tsconfig.json b/examples/floating-laptop/tsconfig.json
similarity index 100%
rename from demos/floating-laptop/tsconfig.json
rename to examples/floating-laptop/tsconfig.json
diff --git a/demos/floating-laptop/tsconfig.node.json b/examples/floating-laptop/tsconfig.node.json
similarity index 100%
rename from demos/floating-laptop/tsconfig.node.json
rename to examples/floating-laptop/tsconfig.node.json
diff --git a/demos/floating-laptop/vite.config.ts b/examples/floating-laptop/vite.config.ts
similarity index 100%
rename from demos/floating-laptop/vite.config.ts
rename to examples/floating-laptop/vite.config.ts
diff --git a/demos/flow-shield/.prettierrc b/examples/flow-shield/.prettierrc
similarity index 100%
rename from demos/flow-shield/.prettierrc
rename to examples/flow-shield/.prettierrc
diff --git a/examples/flow-shield/README.md b/examples/flow-shield/README.md
new file mode 100644
index 00000000..e6a9c944
--- /dev/null
+++ b/examples/flow-shield/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/basic-example)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/basic-example)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/basic-example)
+
+```sh
+$ npx degit pmndrs/examples/examples/basic-example
+```
+
+![](thumbnail.webp)
diff --git a/demos/flow-shield/index.html b/examples/flow-shield/index.html
similarity index 100%
rename from demos/flow-shield/index.html
rename to examples/flow-shield/index.html
diff --git a/demos/flow-shield/package.json b/examples/flow-shield/package.json
similarity index 88%
rename from demos/flow-shield/package.json
rename to examples/flow-shield/package.json
index 4c843b61..35e717d2 100644
--- a/demos/flow-shield/package.json
+++ b/examples/flow-shield/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/flow-shield",
+  "name": "@example/flow-shield",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/flow-shield"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/flow-shield"
   }
 }
diff --git a/demos/flow-shield/pmndrs.json b/examples/flow-shield/pmndrs.json
similarity index 100%
rename from demos/flow-shield/pmndrs.json
rename to examples/flow-shield/pmndrs.json
diff --git a/demos/flow-shield/public/droideka-5mb.glb b/examples/flow-shield/public/droideka-5mb.glb
similarity index 100%
rename from demos/flow-shield/public/droideka-5mb.glb
rename to examples/flow-shield/public/droideka-5mb.glb
diff --git a/demos/flow-shield/public/vite.svg b/examples/flow-shield/public/vite.svg
similarity index 100%
rename from demos/flow-shield/public/vite.svg
rename to examples/flow-shield/public/vite.svg
diff --git a/demos/flow-shield/src/App.jsx b/examples/flow-shield/src/App.jsx
similarity index 100%
rename from demos/flow-shield/src/App.jsx
rename to examples/flow-shield/src/App.jsx
diff --git a/demos/flow-shield/src/components/ForceShield/consts/index.ts b/examples/flow-shield/src/components/ForceShield/consts/index.ts
similarity index 100%
rename from demos/flow-shield/src/components/ForceShield/consts/index.ts
rename to examples/flow-shield/src/components/ForceShield/consts/index.ts
diff --git a/demos/flow-shield/src/components/ForceShield/index.tsx b/examples/flow-shield/src/components/ForceShield/index.tsx
similarity index 100%
rename from demos/flow-shield/src/components/ForceShield/index.tsx
rename to examples/flow-shield/src/components/ForceShield/index.tsx
diff --git a/demos/flow-shield/src/components/ForceShield/shaderMaterial.ts b/examples/flow-shield/src/components/ForceShield/shaderMaterial.ts
similarity index 100%
rename from demos/flow-shield/src/components/ForceShield/shaderMaterial.ts
rename to examples/flow-shield/src/components/ForceShield/shaderMaterial.ts
diff --git a/demos/flow-shield/src/components/ForceShield/useShieldControls.ts b/examples/flow-shield/src/components/ForceShield/useShieldControls.ts
similarity index 100%
rename from demos/flow-shield/src/components/ForceShield/useShieldControls.ts
rename to examples/flow-shield/src/components/ForceShield/useShieldControls.ts
diff --git a/demos/flow-shield/src/components/overlay/LoadingOverlay.module.css b/examples/flow-shield/src/components/overlay/LoadingOverlay.module.css
similarity index 100%
rename from demos/flow-shield/src/components/overlay/LoadingOverlay.module.css
rename to examples/flow-shield/src/components/overlay/LoadingOverlay.module.css
diff --git a/demos/flow-shield/src/components/overlay/LoadingOverlay.tsx b/examples/flow-shield/src/components/overlay/LoadingOverlay.tsx
similarity index 100%
rename from demos/flow-shield/src/components/overlay/LoadingOverlay.tsx
rename to examples/flow-shield/src/components/overlay/LoadingOverlay.tsx
diff --git a/demos/flow-shield/src/components/overlay/OverlayButtons.module.css b/examples/flow-shield/src/components/overlay/OverlayButtons.module.css
similarity index 100%
rename from demos/flow-shield/src/components/overlay/OverlayButtons.module.css
rename to examples/flow-shield/src/components/overlay/OverlayButtons.module.css
diff --git a/demos/flow-shield/src/components/overlay/OverlayButtons.tsx b/examples/flow-shield/src/components/overlay/OverlayButtons.tsx
similarity index 100%
rename from demos/flow-shield/src/components/overlay/OverlayButtons.tsx
rename to examples/flow-shield/src/components/overlay/OverlayButtons.tsx
diff --git a/demos/flow-shield/src/components/overlay/OverlayHeader.module.css b/examples/flow-shield/src/components/overlay/OverlayHeader.module.css
similarity index 100%
rename from demos/flow-shield/src/components/overlay/OverlayHeader.module.css
rename to examples/flow-shield/src/components/overlay/OverlayHeader.module.css
diff --git a/demos/flow-shield/src/components/overlay/OverlayHeader.tsx b/examples/flow-shield/src/components/overlay/OverlayHeader.tsx
similarity index 100%
rename from demos/flow-shield/src/components/overlay/OverlayHeader.tsx
rename to examples/flow-shield/src/components/overlay/OverlayHeader.tsx
diff --git a/demos/flow-shield/src/components/overlay/UIOverlay.module.css b/examples/flow-shield/src/components/overlay/UIOverlay.module.css
similarity index 100%
rename from demos/flow-shield/src/components/overlay/UIOverlay.module.css
rename to examples/flow-shield/src/components/overlay/UIOverlay.module.css
diff --git a/demos/flow-shield/src/components/overlay/UIOverlay.tsx b/examples/flow-shield/src/components/overlay/UIOverlay.tsx
similarity index 100%
rename from demos/flow-shield/src/components/overlay/UIOverlay.tsx
rename to examples/flow-shield/src/components/overlay/UIOverlay.tsx
diff --git a/demos/flow-shield/src/components/playground/Droideka.tsx b/examples/flow-shield/src/components/playground/Droideka.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/Droideka.tsx
rename to examples/flow-shield/src/components/playground/Droideka.tsx
diff --git a/demos/flow-shield/src/components/playground/GlbModel.tsx b/examples/flow-shield/src/components/playground/GlbModel.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/GlbModel.tsx
rename to examples/flow-shield/src/components/playground/GlbModel.tsx
diff --git a/demos/flow-shield/src/components/playground/GridFloor.tsx b/examples/flow-shield/src/components/playground/GridFloor.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/GridFloor.tsx
rename to examples/flow-shield/src/components/playground/GridFloor.tsx
diff --git a/demos/flow-shield/src/components/playground/PostProcessing.tsx b/examples/flow-shield/src/components/playground/PostProcessing.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/PostProcessing.tsx
rename to examples/flow-shield/src/components/playground/PostProcessing.tsx
diff --git a/demos/flow-shield/src/components/playground/SceneCamera.tsx b/examples/flow-shield/src/components/playground/SceneCamera.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/SceneCamera.tsx
rename to examples/flow-shield/src/components/playground/SceneCamera.tsx
diff --git a/demos/flow-shield/src/components/playground/SceneContent.tsx b/examples/flow-shield/src/components/playground/SceneContent.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/SceneContent.tsx
rename to examples/flow-shield/src/components/playground/SceneContent.tsx
diff --git a/demos/flow-shield/src/components/playground/SceneEnvironment.tsx b/examples/flow-shield/src/components/playground/SceneEnvironment.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/SceneEnvironment.tsx
rename to examples/flow-shield/src/components/playground/SceneEnvironment.tsx
diff --git a/demos/flow-shield/src/components/playground/SceneLighting.tsx b/examples/flow-shield/src/components/playground/SceneLighting.tsx
similarity index 100%
rename from demos/flow-shield/src/components/playground/SceneLighting.tsx
rename to examples/flow-shield/src/components/playground/SceneLighting.tsx
diff --git a/demos/flow-shield/src/components/theme/theme.ts b/examples/flow-shield/src/components/theme/theme.ts
similarity index 100%
rename from demos/flow-shield/src/components/theme/theme.ts
rename to examples/flow-shield/src/components/theme/theme.ts
diff --git a/demos/flow-shield/src/hooks/useIsMobile.ts b/examples/flow-shield/src/hooks/useIsMobile.ts
similarity index 100%
rename from demos/flow-shield/src/hooks/useIsMobile.ts
rename to examples/flow-shield/src/hooks/useIsMobile.ts
diff --git a/demos/flow-shield/src/index.jsx b/examples/flow-shield/src/index.jsx
similarity index 100%
rename from demos/flow-shield/src/index.jsx
rename to examples/flow-shield/src/index.jsx
diff --git a/demos/flow-shield/src/react-three-fiber-jsx.d.ts b/examples/flow-shield/src/react-three-fiber-jsx.d.ts
similarity index 100%
rename from demos/flow-shield/src/react-three-fiber-jsx.d.ts
rename to examples/flow-shield/src/react-three-fiber-jsx.d.ts
diff --git a/demos/flow-shield/src/styles.css b/examples/flow-shield/src/styles.css
similarity index 100%
rename from demos/flow-shield/src/styles.css
rename to examples/flow-shield/src/styles.css
diff --git a/demos/flow-shield/src/vite-env.d.ts b/examples/flow-shield/src/vite-env.d.ts
similarity index 100%
rename from demos/flow-shield/src/vite-env.d.ts
rename to examples/flow-shield/src/vite-env.d.ts
diff --git a/demos/flow-shield/thumbnail.jpg b/examples/flow-shield/thumbnail.jpg
similarity index 100%
rename from demos/flow-shield/thumbnail.jpg
rename to examples/flow-shield/thumbnail.jpg
diff --git a/demos/flow-shield/thumbnail.webp b/examples/flow-shield/thumbnail.webp
similarity index 100%
rename from demos/flow-shield/thumbnail.webp
rename to examples/flow-shield/thumbnail.webp
diff --git a/demos/flow-shield/tsconfig.json b/examples/flow-shield/tsconfig.json
similarity index 100%
rename from demos/flow-shield/tsconfig.json
rename to examples/flow-shield/tsconfig.json
diff --git a/demos/flow-shield/tsconfig.node.json b/examples/flow-shield/tsconfig.node.json
similarity index 100%
rename from demos/flow-shield/tsconfig.node.json
rename to examples/flow-shield/tsconfig.node.json
diff --git a/demos/flow-shield/vite.config.ts b/examples/flow-shield/vite.config.ts
similarity index 100%
rename from demos/flow-shield/vite.config.ts
rename to examples/flow-shield/vite.config.ts
diff --git a/demos/flying-bananas/.codesandbox/workspace.json b/examples/flying-bananas/.codesandbox/workspace.json
similarity index 100%
rename from demos/flying-bananas/.codesandbox/workspace.json
rename to examples/flying-bananas/.codesandbox/workspace.json
diff --git a/demos/flying-bananas/.prettierrc b/examples/flying-bananas/.prettierrc
similarity index 100%
rename from demos/flying-bananas/.prettierrc
rename to examples/flying-bananas/.prettierrc
diff --git a/examples/flying-bananas/README.md b/examples/flying-bananas/README.md
new file mode 100644
index 00000000..65336879
--- /dev/null
+++ b/examples/flying-bananas/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/flying-bananas)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/flying-bananas)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/flying-bananas)
+
+```sh
+$ npx degit pmndrs/examples/examples/flying-bananas
+```
+
+![](thumbnail.webp)
diff --git a/demos/flying-bananas/index.html b/examples/flying-bananas/index.html
similarity index 100%
rename from demos/flying-bananas/index.html
rename to examples/flying-bananas/index.html
diff --git a/demos/flying-bananas/package.json b/examples/flying-bananas/package.json
similarity index 87%
rename from demos/flying-bananas/package.json
rename to examples/flying-bananas/package.json
index 76214b2b..75f3e225 100644
--- a/demos/flying-bananas/package.json
+++ b/examples/flying-bananas/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/flying-bananas",
+  "name": "@example/flying-bananas",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,7 +33,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/flying-bananas"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/flying-bananas"
   },
   "type": "module"
 }
diff --git a/demos/flying-bananas/pmndrs.json b/examples/flying-bananas/pmndrs.json
similarity index 100%
rename from demos/flying-bananas/pmndrs.json
rename to examples/flying-bananas/pmndrs.json
diff --git a/demos/flying-bananas/public/vite.svg b/examples/flying-bananas/public/vite.svg
similarity index 100%
rename from demos/flying-bananas/public/vite.svg
rename to examples/flying-bananas/public/vite.svg
diff --git a/demos/flying-bananas/sandbox.config.json b/examples/flying-bananas/sandbox.config.json
similarity index 100%
rename from demos/flying-bananas/sandbox.config.json
rename to examples/flying-bananas/sandbox.config.json
diff --git a/demos/flying-bananas/src/AyerPoster-Medium.ttf b/examples/flying-bananas/src/AyerPoster-Medium.ttf
similarity index 100%
rename from demos/flying-bananas/src/AyerPoster-Medium.ttf
rename to examples/flying-bananas/src/AyerPoster-Medium.ttf
diff --git a/demos/flying-bananas/src/AyerPoster-Medium.woff b/examples/flying-bananas/src/AyerPoster-Medium.woff
similarity index 100%
rename from demos/flying-bananas/src/AyerPoster-Medium.woff
rename to examples/flying-bananas/src/AyerPoster-Medium.woff
diff --git a/demos/flying-bananas/src/AyerPoster-Medium.woff2 b/examples/flying-bananas/src/AyerPoster-Medium.woff2
similarity index 100%
rename from demos/flying-bananas/src/AyerPoster-Medium.woff2
rename to examples/flying-bananas/src/AyerPoster-Medium.woff2
diff --git a/demos/flying-bananas/src/Bananas.jsx b/examples/flying-bananas/src/Bananas.jsx
similarity index 100%
rename from demos/flying-bananas/src/Bananas.jsx
rename to examples/flying-bananas/src/Bananas.jsx
diff --git a/demos/flying-bananas/src/banana-v1-transformed.glb b/examples/flying-bananas/src/banana-v1-transformed.glb
similarity index 100%
rename from demos/flying-bananas/src/banana-v1-transformed.glb
rename to examples/flying-bananas/src/banana-v1-transformed.glb
diff --git a/demos/flying-bananas/src/banana-v2-transformed.glb b/examples/flying-bananas/src/banana-v2-transformed.glb
similarity index 100%
rename from demos/flying-bananas/src/banana-v2-transformed.glb
rename to examples/flying-bananas/src/banana-v2-transformed.glb
diff --git a/demos/flying-bananas/src/index.jsx b/examples/flying-bananas/src/index.jsx
similarity index 100%
rename from demos/flying-bananas/src/index.jsx
rename to examples/flying-bananas/src/index.jsx
diff --git a/demos/flying-bananas/src/layout/Overlay.jsx b/examples/flying-bananas/src/layout/Overlay.jsx
similarity index 100%
rename from demos/flying-bananas/src/layout/Overlay.jsx
rename to examples/flying-bananas/src/layout/Overlay.jsx
diff --git a/demos/flying-bananas/src/layout/VelvetBanana.jsx b/examples/flying-bananas/src/layout/VelvetBanana.jsx
similarity index 100%
rename from demos/flying-bananas/src/layout/VelvetBanana.jsx
rename to examples/flying-bananas/src/layout/VelvetBanana.jsx
diff --git a/demos/flying-bananas/src/layout/styles.js b/examples/flying-bananas/src/layout/styles.js
similarity index 100%
rename from demos/flying-bananas/src/layout/styles.js
rename to examples/flying-bananas/src/layout/styles.js
diff --git a/demos/flying-bananas/src/styles.css b/examples/flying-bananas/src/styles.css
similarity index 100%
rename from demos/flying-bananas/src/styles.css
rename to examples/flying-bananas/src/styles.css
diff --git a/demos/flying-bananas/src/vite-env.d.ts b/examples/flying-bananas/src/vite-env.d.ts
similarity index 100%
rename from demos/flying-bananas/src/vite-env.d.ts
rename to examples/flying-bananas/src/vite-env.d.ts
diff --git a/demos/flying-bananas/thumbnail.webp b/examples/flying-bananas/thumbnail.webp
similarity index 100%
rename from demos/flying-bananas/thumbnail.webp
rename to examples/flying-bananas/thumbnail.webp
diff --git a/demos/flying-bananas/tsconfig.json b/examples/flying-bananas/tsconfig.json
similarity index 100%
rename from demos/flying-bananas/tsconfig.json
rename to examples/flying-bananas/tsconfig.json
diff --git a/demos/flying-bananas/tsconfig.node.json b/examples/flying-bananas/tsconfig.node.json
similarity index 100%
rename from demos/flying-bananas/tsconfig.node.json
rename to examples/flying-bananas/tsconfig.node.json
diff --git a/demos/flying-bananas/vite.config.ts b/examples/flying-bananas/vite.config.ts
similarity index 100%
rename from demos/flying-bananas/vite.config.ts
rename to examples/flying-bananas/vite.config.ts
diff --git a/demos/frosted-glass/.codesandbox/workspace.json b/examples/frosted-glass/.codesandbox/workspace.json
similarity index 100%
rename from demos/frosted-glass/.codesandbox/workspace.json
rename to examples/frosted-glass/.codesandbox/workspace.json
diff --git a/demos/frosted-glass/.prettierrc b/examples/frosted-glass/.prettierrc
similarity index 100%
rename from demos/frosted-glass/.prettierrc
rename to examples/frosted-glass/.prettierrc
diff --git a/examples/frosted-glass/README.md b/examples/frosted-glass/README.md
new file mode 100644
index 00000000..07ea19c4
--- /dev/null
+++ b/examples/frosted-glass/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/frosted-glass)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/frosted-glass)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/frosted-glass)
+
+```sh
+$ npx degit pmndrs/examples/examples/frosted-glass
+```
+
+![](thumbnail.webp)
diff --git a/demos/frosted-glass/index.html b/examples/frosted-glass/index.html
similarity index 100%
rename from demos/frosted-glass/index.html
rename to examples/frosted-glass/index.html
diff --git a/demos/frosted-glass/package.json b/examples/frosted-glass/package.json
similarity index 88%
rename from demos/frosted-glass/package.json
rename to examples/frosted-glass/package.json
index 7f411ab8..5d52e840 100644
--- a/demos/frosted-glass/package.json
+++ b/examples/frosted-glass/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/frosted-glass",
+  "name": "@example/frosted-glass",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/frosted-glass"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/frosted-glass"
   }
 }
diff --git a/demos/frosted-glass/pmndrs.json b/examples/frosted-glass/pmndrs.json
similarity index 100%
rename from demos/frosted-glass/pmndrs.json
rename to examples/frosted-glass/pmndrs.json
diff --git a/demos/frosted-glass/public/vite.svg b/examples/frosted-glass/public/vite.svg
similarity index 100%
rename from demos/frosted-glass/public/vite.svg
rename to examples/frosted-glass/public/vite.svg
diff --git a/demos/frosted-glass/src/App.jsx b/examples/frosted-glass/src/App.jsx
similarity index 100%
rename from demos/frosted-glass/src/App.jsx
rename to examples/frosted-glass/src/App.jsx
diff --git a/demos/frosted-glass/src/Overlay.jsx b/examples/frosted-glass/src/Overlay.jsx
similarity index 100%
rename from demos/frosted-glass/src/Overlay.jsx
rename to examples/frosted-glass/src/Overlay.jsx
diff --git a/demos/frosted-glass/src/index.jsx b/examples/frosted-glass/src/index.jsx
similarity index 100%
rename from demos/frosted-glass/src/index.jsx
rename to examples/frosted-glass/src/index.jsx
diff --git a/demos/frosted-glass/src/nike_air_zoom_pegasus_36-transformed.glb b/examples/frosted-glass/src/nike_air_zoom_pegasus_36-transformed.glb
similarity index 100%
rename from demos/frosted-glass/src/nike_air_zoom_pegasus_36-transformed.glb
rename to examples/frosted-glass/src/nike_air_zoom_pegasus_36-transformed.glb
diff --git a/demos/frosted-glass/src/store.js b/examples/frosted-glass/src/store.js
similarity index 100%
rename from demos/frosted-glass/src/store.js
rename to examples/frosted-glass/src/store.js
diff --git a/demos/frosted-glass/src/styles.css b/examples/frosted-glass/src/styles.css
similarity index 100%
rename from demos/frosted-glass/src/styles.css
rename to examples/frosted-glass/src/styles.css
diff --git a/demos/frosted-glass/src/vite-env.d.ts b/examples/frosted-glass/src/vite-env.d.ts
similarity index 100%
rename from demos/frosted-glass/src/vite-env.d.ts
rename to examples/frosted-glass/src/vite-env.d.ts
diff --git a/demos/frosted-glass/thumbnail.webp b/examples/frosted-glass/thumbnail.webp
similarity index 100%
rename from demos/frosted-glass/thumbnail.webp
rename to examples/frosted-glass/thumbnail.webp
diff --git a/demos/frosted-glass/tsconfig.json b/examples/frosted-glass/tsconfig.json
similarity index 100%
rename from demos/frosted-glass/tsconfig.json
rename to examples/frosted-glass/tsconfig.json
diff --git a/demos/frosted-glass/tsconfig.node.json b/examples/frosted-glass/tsconfig.node.json
similarity index 100%
rename from demos/frosted-glass/tsconfig.node.json
rename to examples/frosted-glass/tsconfig.node.json
diff --git a/demos/frosted-glass/vite.config.ts b/examples/frosted-glass/vite.config.ts
similarity index 100%
rename from demos/frosted-glass/vite.config.ts
rename to examples/frosted-glass/vite.config.ts
diff --git a/demos/gatsby-stars/.prettierrc b/examples/gatsby-stars/.prettierrc
similarity index 100%
rename from demos/gatsby-stars/.prettierrc
rename to examples/gatsby-stars/.prettierrc
diff --git a/examples/gatsby-stars/README.md b/examples/gatsby-stars/README.md
new file mode 100644
index 00000000..e564503d
--- /dev/null
+++ b/examples/gatsby-stars/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gatsby-stars)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/gatsby-stars)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/gatsby-stars)
+
+```sh
+$ npx degit pmndrs/examples/examples/gatsby-stars
+```
+
+![](thumbnail.webp)
diff --git a/demos/gatsby-stars/index.html b/examples/gatsby-stars/index.html
similarity index 100%
rename from demos/gatsby-stars/index.html
rename to examples/gatsby-stars/index.html
diff --git a/demos/gatsby-stars/package.json b/examples/gatsby-stars/package.json
similarity index 87%
rename from demos/gatsby-stars/package.json
rename to examples/gatsby-stars/package.json
index c196110e..56cce7d5 100644
--- a/demos/gatsby-stars/package.json
+++ b/examples/gatsby-stars/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/gatsby-stars",
+  "name": "@example/gatsby-stars",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/gatsby-stars"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/gatsby-stars"
   }
 }
diff --git a/demos/gatsby-stars/pmndrs.json b/examples/gatsby-stars/pmndrs.json
similarity index 100%
rename from demos/gatsby-stars/pmndrs.json
rename to examples/gatsby-stars/pmndrs.json
diff --git a/demos/gatsby-stars/public/Ki-Medium.ttf b/examples/gatsby-stars/public/Ki-Medium.ttf
similarity index 100%
rename from demos/gatsby-stars/public/Ki-Medium.ttf
rename to examples/gatsby-stars/public/Ki-Medium.ttf
diff --git a/demos/gatsby-stars/public/vite.svg b/examples/gatsby-stars/public/vite.svg
similarity index 100%
rename from demos/gatsby-stars/public/vite.svg
rename to examples/gatsby-stars/public/vite.svg
diff --git a/demos/gatsby-stars/src/App.jsx b/examples/gatsby-stars/src/App.jsx
similarity index 100%
rename from demos/gatsby-stars/src/App.jsx
rename to examples/gatsby-stars/src/App.jsx
diff --git a/demos/gatsby-stars/src/index.jsx b/examples/gatsby-stars/src/index.jsx
similarity index 100%
rename from demos/gatsby-stars/src/index.jsx
rename to examples/gatsby-stars/src/index.jsx
diff --git a/demos/gatsby-stars/src/styles.css b/examples/gatsby-stars/src/styles.css
similarity index 100%
rename from demos/gatsby-stars/src/styles.css
rename to examples/gatsby-stars/src/styles.css
diff --git a/demos/gatsby-stars/src/vite-env.d.ts b/examples/gatsby-stars/src/vite-env.d.ts
similarity index 100%
rename from demos/gatsby-stars/src/vite-env.d.ts
rename to examples/gatsby-stars/src/vite-env.d.ts
diff --git a/demos/gatsby-stars/thumbnail.webp b/examples/gatsby-stars/thumbnail.webp
similarity index 100%
rename from demos/gatsby-stars/thumbnail.webp
rename to examples/gatsby-stars/thumbnail.webp
diff --git a/demos/gatsby-stars/tsconfig.json b/examples/gatsby-stars/tsconfig.json
similarity index 100%
rename from demos/gatsby-stars/tsconfig.json
rename to examples/gatsby-stars/tsconfig.json
diff --git a/demos/gatsby-stars/tsconfig.node.json b/examples/gatsby-stars/tsconfig.node.json
similarity index 100%
rename from demos/gatsby-stars/tsconfig.node.json
rename to examples/gatsby-stars/tsconfig.node.json
diff --git a/demos/gatsby-stars/vite.config.ts b/examples/gatsby-stars/vite.config.ts
similarity index 100%
rename from demos/gatsby-stars/vite.config.ts
rename to examples/gatsby-stars/vite.config.ts
diff --git a/demos/glass-flower/.prettierrc b/examples/glass-flower/.prettierrc
similarity index 100%
rename from demos/glass-flower/.prettierrc
rename to examples/glass-flower/.prettierrc
diff --git a/examples/glass-flower/README.md b/examples/glass-flower/README.md
new file mode 100644
index 00000000..bc9eba55
--- /dev/null
+++ b/examples/glass-flower/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/glass-flower)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/glass-flower)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/glass-flower)
+
+```sh
+$ npx degit pmndrs/examples/examples/glass-flower
+```
+
+![](thumbnail.webp)
diff --git a/demos/glass-flower/index.html b/examples/glass-flower/index.html
similarity index 100%
rename from demos/glass-flower/index.html
rename to examples/glass-flower/index.html
diff --git a/demos/glass-flower/package.json b/examples/glass-flower/package.json
similarity index 87%
rename from demos/glass-flower/package.json
rename to examples/glass-flower/package.json
index 1f500432..d0e52d06 100644
--- a/demos/glass-flower/package.json
+++ b/examples/glass-flower/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/glass-flower",
+  "name": "@example/glass-flower",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/glass-flower"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/glass-flower"
   }
 }
diff --git a/demos/glass-flower/pmndrs.json b/examples/glass-flower/pmndrs.json
similarity index 100%
rename from demos/glass-flower/pmndrs.json
rename to examples/glass-flower/pmndrs.json
diff --git a/demos/glass-flower/public/vite.svg b/examples/glass-flower/public/vite.svg
similarity index 100%
rename from demos/glass-flower/public/vite.svg
rename to examples/glass-flower/public/vite.svg
diff --git a/demos/glass-flower/src/App.jsx b/examples/glass-flower/src/App.jsx
similarity index 100%
rename from demos/glass-flower/src/App.jsx
rename to examples/glass-flower/src/App.jsx
diff --git a/demos/glass-flower/src/F-6800-STD.cube b/examples/glass-flower/src/F-6800-STD.cube
similarity index 100%
rename from demos/glass-flower/src/F-6800-STD.cube
rename to examples/glass-flower/src/F-6800-STD.cube
diff --git a/demos/glass-flower/src/flower-transformed.glb b/examples/glass-flower/src/flower-transformed.glb
similarity index 100%
rename from demos/glass-flower/src/flower-transformed.glb
rename to examples/glass-flower/src/flower-transformed.glb
diff --git a/demos/glass-flower/src/index.jsx b/examples/glass-flower/src/index.jsx
similarity index 100%
rename from demos/glass-flower/src/index.jsx
rename to examples/glass-flower/src/index.jsx
diff --git a/demos/glass-flower/src/styles.css b/examples/glass-flower/src/styles.css
similarity index 100%
rename from demos/glass-flower/src/styles.css
rename to examples/glass-flower/src/styles.css
diff --git a/demos/glass-flower/src/vite-env.d.ts b/examples/glass-flower/src/vite-env.d.ts
similarity index 100%
rename from demos/glass-flower/src/vite-env.d.ts
rename to examples/glass-flower/src/vite-env.d.ts
diff --git a/demos/glass-flower/thumbnail.webp b/examples/glass-flower/thumbnail.webp
similarity index 100%
rename from demos/glass-flower/thumbnail.webp
rename to examples/glass-flower/thumbnail.webp
diff --git a/demos/glass-flower/tsconfig.json b/examples/glass-flower/tsconfig.json
similarity index 100%
rename from demos/glass-flower/tsconfig.json
rename to examples/glass-flower/tsconfig.json
diff --git a/demos/glass-flower/tsconfig.node.json b/examples/glass-flower/tsconfig.node.json
similarity index 100%
rename from demos/glass-flower/tsconfig.node.json
rename to examples/glass-flower/tsconfig.node.json
diff --git a/demos/glass-flower/vite.config.ts b/examples/glass-flower/vite.config.ts
similarity index 100%
rename from demos/glass-flower/vite.config.ts
rename to examples/glass-flower/vite.config.ts
diff --git a/demos/gltf-animations-re-used/.prettierrc b/examples/gltf-animations-re-used/.prettierrc
similarity index 100%
rename from demos/gltf-animations-re-used/.prettierrc
rename to examples/gltf-animations-re-used/.prettierrc
diff --git a/examples/gltf-animations-re-used/README.md b/examples/gltf-animations-re-used/README.md
new file mode 100644
index 00000000..fed68846
--- /dev/null
+++ b/examples/gltf-animations-re-used/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltf-animations-re-used)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/gltf-animations-re-used)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/gltf-animations-re-used)
+
+```sh
+$ npx degit pmndrs/examples/examples/gltf-animations-re-used
+```
+
+![](thumbnail.webp)
diff --git a/demos/gltf-animations-re-used/index.html b/examples/gltf-animations-re-used/index.html
similarity index 100%
rename from demos/gltf-animations-re-used/index.html
rename to examples/gltf-animations-re-used/index.html
diff --git a/demos/gltf-animations-re-used/package.json b/examples/gltf-animations-re-used/package.json
similarity index 85%
rename from demos/gltf-animations-re-used/package.json
rename to examples/gltf-animations-re-used/package.json
index a67f9b65..ff59fb69 100644
--- a/demos/gltf-animations-re-used/package.json
+++ b/examples/gltf-animations-re-used/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/gltf-animations-re-used",
+  "name": "@example/gltf-animations-re-used",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/gltf-animations-re-used"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/gltf-animations-re-used"
   }
 }
diff --git a/demos/gltf-animations-re-used/pmndrs.json b/examples/gltf-animations-re-used/pmndrs.json
similarity index 100%
rename from demos/gltf-animations-re-used/pmndrs.json
rename to examples/gltf-animations-re-used/pmndrs.json
diff --git a/demos/gltf-animations-re-used/public/vite.svg b/examples/gltf-animations-re-used/public/vite.svg
similarity index 100%
rename from demos/gltf-animations-re-used/public/vite.svg
rename to examples/gltf-animations-re-used/public/vite.svg
diff --git a/demos/gltf-animations-re-used/src/App.jsx b/examples/gltf-animations-re-used/src/App.jsx
similarity index 100%
rename from demos/gltf-animations-re-used/src/App.jsx
rename to examples/gltf-animations-re-used/src/App.jsx
diff --git a/demos/gltf-animations-re-used/src/Model.jsx b/examples/gltf-animations-re-used/src/Model.jsx
similarity index 100%
rename from demos/gltf-animations-re-used/src/Model.jsx
rename to examples/gltf-animations-re-used/src/Model.jsx
diff --git a/demos/gltf-animations-re-used/src/index.jsx b/examples/gltf-animations-re-used/src/index.jsx
similarity index 100%
rename from demos/gltf-animations-re-used/src/index.jsx
rename to examples/gltf-animations-re-used/src/index.jsx
diff --git a/demos/gltf-animations-re-used/src/stacy.glb b/examples/gltf-animations-re-used/src/stacy.glb
similarity index 100%
rename from demos/gltf-animations-re-used/src/stacy.glb
rename to examples/gltf-animations-re-used/src/stacy.glb
diff --git a/demos/gltf-animations-re-used/src/stacy.jpg b/examples/gltf-animations-re-used/src/stacy.jpg
similarity index 100%
rename from demos/gltf-animations-re-used/src/stacy.jpg
rename to examples/gltf-animations-re-used/src/stacy.jpg
diff --git a/demos/gltf-animations-re-used/src/styles.css b/examples/gltf-animations-re-used/src/styles.css
similarity index 100%
rename from demos/gltf-animations-re-used/src/styles.css
rename to examples/gltf-animations-re-used/src/styles.css
diff --git a/demos/gltf-animations-re-used/src/vite-env.d.ts b/examples/gltf-animations-re-used/src/vite-env.d.ts
similarity index 100%
rename from demos/gltf-animations-re-used/src/vite-env.d.ts
rename to examples/gltf-animations-re-used/src/vite-env.d.ts
diff --git a/demos/gltf-animations-re-used/thumbnail.webp b/examples/gltf-animations-re-used/thumbnail.webp
similarity index 100%
rename from demos/gltf-animations-re-used/thumbnail.webp
rename to examples/gltf-animations-re-used/thumbnail.webp
diff --git a/demos/gltf-animations-re-used/tsconfig.json b/examples/gltf-animations-re-used/tsconfig.json
similarity index 100%
rename from demos/gltf-animations-re-used/tsconfig.json
rename to examples/gltf-animations-re-used/tsconfig.json
diff --git a/demos/gltf-animations-re-used/tsconfig.node.json b/examples/gltf-animations-re-used/tsconfig.node.json
similarity index 100%
rename from demos/gltf-animations-re-used/tsconfig.node.json
rename to examples/gltf-animations-re-used/tsconfig.node.json
diff --git a/demos/gltf-animations-re-used/vite.config.ts b/examples/gltf-animations-re-used/vite.config.ts
similarity index 100%
rename from demos/gltf-animations-re-used/vite.config.ts
rename to examples/gltf-animations-re-used/vite.config.ts
diff --git a/demos/gltf-animations-tied-to-scroll/.prettierrc b/examples/gltf-animations-tied-to-scroll/.prettierrc
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/.prettierrc
rename to examples/gltf-animations-tied-to-scroll/.prettierrc
diff --git a/examples/gltf-animations-tied-to-scroll/README.md b/examples/gltf-animations-tied-to-scroll/README.md
new file mode 100644
index 00000000..9598b1fd
--- /dev/null
+++ b/examples/gltf-animations-tied-to-scroll/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltf-animations-tied-to-scroll)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/gltf-animations-tied-to-scroll)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/gltf-animations-tied-to-scroll)
+
+```sh
+$ npx degit pmndrs/examples/examples/gltf-animations-tied-to-scroll
+```
+
+![](thumbnail.webp)
diff --git a/demos/gltf-animations-tied-to-scroll/index.html b/examples/gltf-animations-tied-to-scroll/index.html
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/index.html
rename to examples/gltf-animations-tied-to-scroll/index.html
diff --git a/demos/gltf-animations-tied-to-scroll/package.json b/examples/gltf-animations-tied-to-scroll/package.json
similarity index 84%
rename from demos/gltf-animations-tied-to-scroll/package.json
rename to examples/gltf-animations-tied-to-scroll/package.json
index 9c59ac9f..a1655372 100644
--- a/demos/gltf-animations-tied-to-scroll/package.json
+++ b/examples/gltf-animations-tied-to-scroll/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/gltf-animations-tied-to-scroll",
+  "name": "@example/gltf-animations-tied-to-scroll",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/gltf-animations-tied-to-scroll"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/gltf-animations-tied-to-scroll"
   }
 }
diff --git a/demos/gltf-animations-tied-to-scroll/pmndrs.json b/examples/gltf-animations-tied-to-scroll/pmndrs.json
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/pmndrs.json
rename to examples/gltf-animations-tied-to-scroll/pmndrs.json
diff --git a/demos/gltf-animations-tied-to-scroll/public/vite.svg b/examples/gltf-animations-tied-to-scroll/public/vite.svg
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/public/vite.svg
rename to examples/gltf-animations-tied-to-scroll/public/vite.svg
diff --git a/demos/gltf-animations-tied-to-scroll/src/App.jsx b/examples/gltf-animations-tied-to-scroll/src/App.jsx
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/src/App.jsx
rename to examples/gltf-animations-tied-to-scroll/src/App.jsx
diff --git a/demos/gltf-animations-tied-to-scroll/src/index.jsx b/examples/gltf-animations-tied-to-scroll/src/index.jsx
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/src/index.jsx
rename to examples/gltf-animations-tied-to-scroll/src/index.jsx
diff --git a/demos/gltf-animations-tied-to-scroll/src/jump-transformed.glb b/examples/gltf-animations-tied-to-scroll/src/jump-transformed.glb
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/src/jump-transformed.glb
rename to examples/gltf-animations-tied-to-scroll/src/jump-transformed.glb
diff --git a/demos/gltf-animations-tied-to-scroll/src/styles.css b/examples/gltf-animations-tied-to-scroll/src/styles.css
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/src/styles.css
rename to examples/gltf-animations-tied-to-scroll/src/styles.css
diff --git a/demos/gltf-animations-tied-to-scroll/src/vite-env.d.ts b/examples/gltf-animations-tied-to-scroll/src/vite-env.d.ts
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/src/vite-env.d.ts
rename to examples/gltf-animations-tied-to-scroll/src/vite-env.d.ts
diff --git a/demos/gltf-animations-tied-to-scroll/thumbnail.webp b/examples/gltf-animations-tied-to-scroll/thumbnail.webp
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/thumbnail.webp
rename to examples/gltf-animations-tied-to-scroll/thumbnail.webp
diff --git a/demos/gltf-animations-tied-to-scroll/tsconfig.json b/examples/gltf-animations-tied-to-scroll/tsconfig.json
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/tsconfig.json
rename to examples/gltf-animations-tied-to-scroll/tsconfig.json
diff --git a/demos/gltf-animations-tied-to-scroll/tsconfig.node.json b/examples/gltf-animations-tied-to-scroll/tsconfig.node.json
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/tsconfig.node.json
rename to examples/gltf-animations-tied-to-scroll/tsconfig.node.json
diff --git a/demos/gltf-animations-tied-to-scroll/vite.config.ts b/examples/gltf-animations-tied-to-scroll/vite.config.ts
similarity index 100%
rename from demos/gltf-animations-tied-to-scroll/vite.config.ts
rename to examples/gltf-animations-tied-to-scroll/vite.config.ts
diff --git a/demos/gltf-animations/.prettierrc b/examples/gltf-animations/.prettierrc
similarity index 100%
rename from demos/gltf-animations/.prettierrc
rename to examples/gltf-animations/.prettierrc
diff --git a/examples/gltf-animations/README.md b/examples/gltf-animations/README.md
new file mode 100644
index 00000000..2f39d939
--- /dev/null
+++ b/examples/gltf-animations/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltf-animations)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/gltf-animations)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/gltf-animations)
+
+```sh
+$ npx degit pmndrs/examples/examples/gltf-animations
+```
+
+![](thumbnail.webp)
diff --git a/demos/gltf-animations/index.html b/examples/gltf-animations/index.html
similarity index 100%
rename from demos/gltf-animations/index.html
rename to examples/gltf-animations/index.html
diff --git a/examples/gltf-animations/package.json b/examples/gltf-animations/package.json
new file mode 100644
index 00000000..393d5218
--- /dev/null
+++ b/examples/gltf-animations/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/gltf-animations",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/gltf-animations"
+  }
+}
diff --git a/demos/gltf-animations/pmndrs.json b/examples/gltf-animations/pmndrs.json
similarity index 100%
rename from demos/gltf-animations/pmndrs.json
rename to examples/gltf-animations/pmndrs.json
diff --git a/demos/gltf-animations/public/vite.svg b/examples/gltf-animations/public/vite.svg
similarity index 100%
rename from demos/gltf-animations/public/vite.svg
rename to examples/gltf-animations/public/vite.svg
diff --git a/demos/gltf-animations/src/App.jsx b/examples/gltf-animations/src/App.jsx
similarity index 100%
rename from demos/gltf-animations/src/App.jsx
rename to examples/gltf-animations/src/App.jsx
diff --git a/demos/gltf-animations/src/Model.jsx b/examples/gltf-animations/src/Model.jsx
similarity index 100%
rename from demos/gltf-animations/src/Model.jsx
rename to examples/gltf-animations/src/Model.jsx
diff --git a/demos/gltf-animations/src/index.jsx b/examples/gltf-animations/src/index.jsx
similarity index 100%
rename from demos/gltf-animations/src/index.jsx
rename to examples/gltf-animations/src/index.jsx
diff --git a/demos/gltf-animations/src/stacy.glb b/examples/gltf-animations/src/stacy.glb
similarity index 100%
rename from demos/gltf-animations/src/stacy.glb
rename to examples/gltf-animations/src/stacy.glb
diff --git a/demos/gltf-animations/src/stacy.jpg b/examples/gltf-animations/src/stacy.jpg
similarity index 100%
rename from demos/gltf-animations/src/stacy.jpg
rename to examples/gltf-animations/src/stacy.jpg
diff --git a/demos/gltf-animations/src/styles.css b/examples/gltf-animations/src/styles.css
similarity index 100%
rename from demos/gltf-animations/src/styles.css
rename to examples/gltf-animations/src/styles.css
diff --git a/demos/gltf-animations/src/vite-env.d.ts b/examples/gltf-animations/src/vite-env.d.ts
similarity index 100%
rename from demos/gltf-animations/src/vite-env.d.ts
rename to examples/gltf-animations/src/vite-env.d.ts
diff --git a/demos/gltf-animations/thumbnail.webp b/examples/gltf-animations/thumbnail.webp
similarity index 100%
rename from demos/gltf-animations/thumbnail.webp
rename to examples/gltf-animations/thumbnail.webp
diff --git a/demos/gltf-animations/tsconfig.json b/examples/gltf-animations/tsconfig.json
similarity index 100%
rename from demos/gltf-animations/tsconfig.json
rename to examples/gltf-animations/tsconfig.json
diff --git a/demos/gltf-animations/tsconfig.node.json b/examples/gltf-animations/tsconfig.node.json
similarity index 100%
rename from demos/gltf-animations/tsconfig.node.json
rename to examples/gltf-animations/tsconfig.node.json
diff --git a/demos/gltf-animations/vite.config.ts b/examples/gltf-animations/vite.config.ts
similarity index 100%
rename from demos/gltf-animations/vite.config.ts
rename to examples/gltf-animations/vite.config.ts
diff --git a/demos/gltfjsx-400kb-drone/.prettierrc b/examples/gltfjsx-400kb-drone/.prettierrc
similarity index 100%
rename from demos/gltfjsx-400kb-drone/.prettierrc
rename to examples/gltfjsx-400kb-drone/.prettierrc
diff --git a/examples/gltfjsx-400kb-drone/README.md b/examples/gltfjsx-400kb-drone/README.md
new file mode 100644
index 00000000..7d23aef2
--- /dev/null
+++ b/examples/gltfjsx-400kb-drone/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gltfjsx-400kb-drone)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/gltfjsx-400kb-drone)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/gltfjsx-400kb-drone)
+
+```sh
+$ npx degit pmndrs/examples/examples/gltfjsx-400kb-drone
+```
+
+![](thumbnail.webp)
diff --git a/demos/gltfjsx-400kb-drone/index.html b/examples/gltfjsx-400kb-drone/index.html
similarity index 100%
rename from demos/gltfjsx-400kb-drone/index.html
rename to examples/gltfjsx-400kb-drone/index.html
diff --git a/demos/gltfjsx-400kb-drone/package.json b/examples/gltfjsx-400kb-drone/package.json
similarity index 87%
rename from demos/gltfjsx-400kb-drone/package.json
rename to examples/gltfjsx-400kb-drone/package.json
index 4b357bc3..d705b178 100644
--- a/demos/gltfjsx-400kb-drone/package.json
+++ b/examples/gltfjsx-400kb-drone/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/gltfjsx-400kb-drone",
+  "name": "@example/gltfjsx-400kb-drone",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,7 +34,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/gltfjsx-400kb-drone"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/gltfjsx-400kb-drone"
   },
   "type": "module"
 }
diff --git a/demos/gltfjsx-400kb-drone/pmndrs.json b/examples/gltfjsx-400kb-drone/pmndrs.json
similarity index 100%
rename from demos/gltfjsx-400kb-drone/pmndrs.json
rename to examples/gltfjsx-400kb-drone/pmndrs.json
diff --git a/demos/gltfjsx-400kb-drone/public/vite.svg b/examples/gltfjsx-400kb-drone/public/vite.svg
similarity index 100%
rename from demos/gltfjsx-400kb-drone/public/vite.svg
rename to examples/gltfjsx-400kb-drone/public/vite.svg
diff --git a/demos/gltfjsx-400kb-drone/src/App.jsx b/examples/gltfjsx-400kb-drone/src/App.jsx
similarity index 100%
rename from demos/gltfjsx-400kb-drone/src/App.jsx
rename to examples/gltfjsx-400kb-drone/src/App.jsx
diff --git a/demos/gltfjsx-400kb-drone/src/index.jsx b/examples/gltfjsx-400kb-drone/src/index.jsx
similarity index 100%
rename from demos/gltfjsx-400kb-drone/src/index.jsx
rename to examples/gltfjsx-400kb-drone/src/index.jsx
diff --git a/demos/gltfjsx-400kb-drone/src/meslo.woff2 b/examples/gltfjsx-400kb-drone/src/meslo.woff2
similarity index 100%
rename from demos/gltfjsx-400kb-drone/src/meslo.woff2
rename to examples/gltfjsx-400kb-drone/src/meslo.woff2
diff --git a/demos/gltfjsx-400kb-drone/src/s2wt_kamdo_industrial_divinities-transformed.glb b/examples/gltfjsx-400kb-drone/src/s2wt_kamdo_industrial_divinities-transformed.glb
similarity index 100%
rename from demos/gltfjsx-400kb-drone/src/s2wt_kamdo_industrial_divinities-transformed.glb
rename to examples/gltfjsx-400kb-drone/src/s2wt_kamdo_industrial_divinities-transformed.glb
diff --git a/demos/gltfjsx-400kb-drone/src/styles.css b/examples/gltfjsx-400kb-drone/src/styles.css
similarity index 100%
rename from demos/gltfjsx-400kb-drone/src/styles.css
rename to examples/gltfjsx-400kb-drone/src/styles.css
diff --git a/demos/gltfjsx-400kb-drone/src/vite-env.d.ts b/examples/gltfjsx-400kb-drone/src/vite-env.d.ts
similarity index 100%
rename from demos/gltfjsx-400kb-drone/src/vite-env.d.ts
rename to examples/gltfjsx-400kb-drone/src/vite-env.d.ts
diff --git a/demos/gltfjsx-400kb-drone/thumbnail.webp b/examples/gltfjsx-400kb-drone/thumbnail.webp
similarity index 100%
rename from demos/gltfjsx-400kb-drone/thumbnail.webp
rename to examples/gltfjsx-400kb-drone/thumbnail.webp
diff --git a/demos/gltfjsx-400kb-drone/tsconfig.json b/examples/gltfjsx-400kb-drone/tsconfig.json
similarity index 100%
rename from demos/gltfjsx-400kb-drone/tsconfig.json
rename to examples/gltfjsx-400kb-drone/tsconfig.json
diff --git a/demos/gltfjsx-400kb-drone/tsconfig.node.json b/examples/gltfjsx-400kb-drone/tsconfig.node.json
similarity index 100%
rename from demos/gltfjsx-400kb-drone/tsconfig.node.json
rename to examples/gltfjsx-400kb-drone/tsconfig.node.json
diff --git a/demos/gltfjsx-400kb-drone/vite.config.ts b/examples/gltfjsx-400kb-drone/vite.config.ts
similarity index 100%
rename from demos/gltfjsx-400kb-drone/vite.config.ts
rename to examples/gltfjsx-400kb-drone/vite.config.ts
diff --git a/demos/gpgpu-curl-noise-dof/.prettierrc b/examples/gpgpu-curl-noise-dof/.prettierrc
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/.prettierrc
rename to examples/gpgpu-curl-noise-dof/.prettierrc
diff --git a/examples/gpgpu-curl-noise-dof/README.md b/examples/gpgpu-curl-noise-dof/README.md
new file mode 100644
index 00000000..790a332e
--- /dev/null
+++ b/examples/gpgpu-curl-noise-dof/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/gpgpu-curl-noise-dof)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/gpgpu-curl-noise-dof)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/gpgpu-curl-noise-dof)
+
+```sh
+$ npx degit pmndrs/examples/examples/gpgpu-curl-noise-dof
+```
+
+![](thumbnail.webp)
diff --git a/demos/gpgpu-curl-noise-dof/index.html b/examples/gpgpu-curl-noise-dof/index.html
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/index.html
rename to examples/gpgpu-curl-noise-dof/index.html
diff --git a/demos/gpgpu-curl-noise-dof/package.json b/examples/gpgpu-curl-noise-dof/package.json
similarity index 85%
rename from demos/gpgpu-curl-noise-dof/package.json
rename to examples/gpgpu-curl-noise-dof/package.json
index ff3c25d4..d1885c98 100644
--- a/demos/gpgpu-curl-noise-dof/package.json
+++ b/examples/gpgpu-curl-noise-dof/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/gpgpu-curl-noise-dof",
+  "name": "@example/gpgpu-curl-noise-dof",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/gpgpu-curl-noise-dof"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/gpgpu-curl-noise-dof"
   },
   "type": "module"
 }
diff --git a/demos/gpgpu-curl-noise-dof/pmndrs.json b/examples/gpgpu-curl-noise-dof/pmndrs.json
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/pmndrs.json
rename to examples/gpgpu-curl-noise-dof/pmndrs.json
diff --git a/demos/gpgpu-curl-noise-dof/public/vite.svg b/examples/gpgpu-curl-noise-dof/public/vite.svg
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/public/vite.svg
rename to examples/gpgpu-curl-noise-dof/public/vite.svg
diff --git a/demos/gpgpu-curl-noise-dof/sandbox.config.json b/examples/gpgpu-curl-noise-dof/sandbox.config.json
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/sandbox.config.json
rename to examples/gpgpu-curl-noise-dof/sandbox.config.json
diff --git a/demos/gpgpu-curl-noise-dof/src/App.jsx b/examples/gpgpu-curl-noise-dof/src/App.jsx
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/App.jsx
rename to examples/gpgpu-curl-noise-dof/src/App.jsx
diff --git a/demos/gpgpu-curl-noise-dof/src/Particles.jsx b/examples/gpgpu-curl-noise-dof/src/Particles.jsx
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/Particles.jsx
rename to examples/gpgpu-curl-noise-dof/src/Particles.jsx
diff --git a/demos/gpgpu-curl-noise-dof/src/index.jsx b/examples/gpgpu-curl-noise-dof/src/index.jsx
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/index.jsx
rename to examples/gpgpu-curl-noise-dof/src/index.jsx
diff --git a/demos/gpgpu-curl-noise-dof/src/shaders/dofPointsMaterial.js b/examples/gpgpu-curl-noise-dof/src/shaders/dofPointsMaterial.js
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/shaders/dofPointsMaterial.js
rename to examples/gpgpu-curl-noise-dof/src/shaders/dofPointsMaterial.js
diff --git a/demos/gpgpu-curl-noise-dof/src/shaders/simulationMaterial.js b/examples/gpgpu-curl-noise-dof/src/shaders/simulationMaterial.js
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/shaders/simulationMaterial.js
rename to examples/gpgpu-curl-noise-dof/src/shaders/simulationMaterial.js
diff --git a/demos/gpgpu-curl-noise-dof/src/styles.css b/examples/gpgpu-curl-noise-dof/src/styles.css
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/styles.css
rename to examples/gpgpu-curl-noise-dof/src/styles.css
diff --git a/demos/gpgpu-curl-noise-dof/src/vite-env.d.ts b/examples/gpgpu-curl-noise-dof/src/vite-env.d.ts
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/src/vite-env.d.ts
rename to examples/gpgpu-curl-noise-dof/src/vite-env.d.ts
diff --git a/demos/gpgpu-curl-noise-dof/thumbnail.webp b/examples/gpgpu-curl-noise-dof/thumbnail.webp
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/thumbnail.webp
rename to examples/gpgpu-curl-noise-dof/thumbnail.webp
diff --git a/demos/gpgpu-curl-noise-dof/tsconfig.json b/examples/gpgpu-curl-noise-dof/tsconfig.json
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/tsconfig.json
rename to examples/gpgpu-curl-noise-dof/tsconfig.json
diff --git a/demos/gpgpu-curl-noise-dof/tsconfig.node.json b/examples/gpgpu-curl-noise-dof/tsconfig.node.json
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/tsconfig.node.json
rename to examples/gpgpu-curl-noise-dof/tsconfig.node.json
diff --git a/demos/gpgpu-curl-noise-dof/vite.config.ts b/examples/gpgpu-curl-noise-dof/vite.config.ts
similarity index 100%
rename from demos/gpgpu-curl-noise-dof/vite.config.ts
rename to examples/gpgpu-curl-noise-dof/vite.config.ts
diff --git a/demos/grass-shader/.prettierrc b/examples/grass-shader/.prettierrc
similarity index 100%
rename from demos/grass-shader/.prettierrc
rename to examples/grass-shader/.prettierrc
diff --git a/examples/grass-shader/README.md b/examples/grass-shader/README.md
new file mode 100644
index 00000000..8d8cdd3c
--- /dev/null
+++ b/examples/grass-shader/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/grass-shader)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/grass-shader)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/grass-shader)
+
+```sh
+$ npx degit pmndrs/examples/examples/grass-shader
+```
+
+![](thumbnail.webp)
diff --git a/demos/grass-shader/index.html b/examples/grass-shader/index.html
similarity index 100%
rename from demos/grass-shader/index.html
rename to examples/grass-shader/index.html
diff --git a/demos/grass-shader/package.json b/examples/grass-shader/package.json
similarity index 87%
rename from demos/grass-shader/package.json
rename to examples/grass-shader/package.json
index 097b6f46..84fa7330 100644
--- a/demos/grass-shader/package.json
+++ b/examples/grass-shader/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/grass-shader",
+  "name": "@example/grass-shader",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/grass-shader"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/grass-shader"
   },
   "type": "module"
 }
diff --git a/demos/grass-shader/pmndrs.json b/examples/grass-shader/pmndrs.json
similarity index 100%
rename from demos/grass-shader/pmndrs.json
rename to examples/grass-shader/pmndrs.json
diff --git a/demos/grass-shader/public/vite.svg b/examples/grass-shader/public/vite.svg
similarity index 100%
rename from demos/grass-shader/public/vite.svg
rename to examples/grass-shader/public/vite.svg
diff --git a/demos/grass-shader/sandbox.config.json b/examples/grass-shader/sandbox.config.json
similarity index 100%
rename from demos/grass-shader/sandbox.config.json
rename to examples/grass-shader/sandbox.config.json
diff --git a/demos/grass-shader/src/App.jsx b/examples/grass-shader/src/App.jsx
similarity index 100%
rename from demos/grass-shader/src/App.jsx
rename to examples/grass-shader/src/App.jsx
diff --git a/demos/grass-shader/src/Grass.jsx b/examples/grass-shader/src/Grass.jsx
similarity index 100%
rename from demos/grass-shader/src/Grass.jsx
rename to examples/grass-shader/src/Grass.jsx
diff --git a/demos/grass-shader/src/GrassMaterial.js b/examples/grass-shader/src/GrassMaterial.js
similarity index 100%
rename from demos/grass-shader/src/GrassMaterial.js
rename to examples/grass-shader/src/GrassMaterial.js
diff --git a/demos/grass-shader/src/index.jsx b/examples/grass-shader/src/index.jsx
similarity index 100%
rename from demos/grass-shader/src/index.jsx
rename to examples/grass-shader/src/index.jsx
diff --git a/demos/grass-shader/src/resources/blade_alpha.jpg b/examples/grass-shader/src/resources/blade_alpha.jpg
similarity index 100%
rename from demos/grass-shader/src/resources/blade_alpha.jpg
rename to examples/grass-shader/src/resources/blade_alpha.jpg
diff --git a/demos/grass-shader/src/resources/blade_diffuse.jpg b/examples/grass-shader/src/resources/blade_diffuse.jpg
similarity index 100%
rename from demos/grass-shader/src/resources/blade_diffuse.jpg
rename to examples/grass-shader/src/resources/blade_diffuse.jpg
diff --git a/demos/grass-shader/src/styles.css b/examples/grass-shader/src/styles.css
similarity index 100%
rename from demos/grass-shader/src/styles.css
rename to examples/grass-shader/src/styles.css
diff --git a/demos/grass-shader/src/vite-env.d.ts b/examples/grass-shader/src/vite-env.d.ts
similarity index 100%
rename from demos/grass-shader/src/vite-env.d.ts
rename to examples/grass-shader/src/vite-env.d.ts
diff --git a/demos/grass-shader/thumbnail.webp b/examples/grass-shader/thumbnail.webp
similarity index 100%
rename from demos/grass-shader/thumbnail.webp
rename to examples/grass-shader/thumbnail.webp
diff --git a/demos/grass-shader/tsconfig.json b/examples/grass-shader/tsconfig.json
similarity index 100%
rename from demos/grass-shader/tsconfig.json
rename to examples/grass-shader/tsconfig.json
diff --git a/demos/grass-shader/tsconfig.node.json b/examples/grass-shader/tsconfig.node.json
similarity index 100%
rename from demos/grass-shader/tsconfig.node.json
rename to examples/grass-shader/tsconfig.node.json
diff --git a/demos/grass-shader/vite.config.ts b/examples/grass-shader/vite.config.ts
similarity index 100%
rename from demos/grass-shader/vite.config.ts
rename to examples/grass-shader/vite.config.ts
diff --git a/demos/ground-projected-envmaps-lamina/.prettierrc b/examples/ground-projected-envmaps-lamina/.prettierrc
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/.prettierrc
rename to examples/ground-projected-envmaps-lamina/.prettierrc
diff --git a/examples/ground-projected-envmaps-lamina/README.md b/examples/ground-projected-envmaps-lamina/README.md
new file mode 100644
index 00000000..41e069ee
--- /dev/null
+++ b/examples/ground-projected-envmaps-lamina/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ground-projected-envmaps-lamina)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/ground-projected-envmaps-lamina)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/ground-projected-envmaps-lamina)
+
+```sh
+$ npx degit pmndrs/examples/examples/ground-projected-envmaps-lamina
+```
+
+![](thumbnail.webp)
diff --git a/demos/ground-projected-envmaps-lamina/index.html b/examples/ground-projected-envmaps-lamina/index.html
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/index.html
rename to examples/ground-projected-envmaps-lamina/index.html
diff --git a/demos/ground-projected-envmaps-lamina/package.json b/examples/ground-projected-envmaps-lamina/package.json
similarity index 83%
rename from demos/ground-projected-envmaps-lamina/package.json
rename to examples/ground-projected-envmaps-lamina/package.json
index eb0ca083..07273b19 100644
--- a/demos/ground-projected-envmaps-lamina/package.json
+++ b/examples/ground-projected-envmaps-lamina/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/ground-projected-envmaps-lamina",
+  "name": "@example/ground-projected-envmaps-lamina",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/ground-projected-envmaps-lamina"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/ground-projected-envmaps-lamina"
   }
 }
diff --git a/demos/ground-projected-envmaps-lamina/pmndrs.json b/examples/ground-projected-envmaps-lamina/pmndrs.json
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/pmndrs.json
rename to examples/ground-projected-envmaps-lamina/pmndrs.json
diff --git a/demos/ground-projected-envmaps-lamina/public/911-transformed.glb b/examples/ground-projected-envmaps-lamina/public/911-transformed.glb
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/public/911-transformed.glb
rename to examples/ground-projected-envmaps-lamina/public/911-transformed.glb
diff --git a/demos/ground-projected-envmaps-lamina/public/cubicle-99.CUBE b/examples/ground-projected-envmaps-lamina/public/cubicle-99.CUBE
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/public/cubicle-99.CUBE
rename to examples/ground-projected-envmaps-lamina/public/cubicle-99.CUBE
diff --git a/demos/ground-projected-envmaps-lamina/public/vite.svg b/examples/ground-projected-envmaps-lamina/public/vite.svg
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/public/vite.svg
rename to examples/ground-projected-envmaps-lamina/public/vite.svg
diff --git a/demos/ground-projected-envmaps-lamina/src/App.jsx b/examples/ground-projected-envmaps-lamina/src/App.jsx
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/src/App.jsx
rename to examples/ground-projected-envmaps-lamina/src/App.jsx
diff --git a/demos/ground-projected-envmaps-lamina/src/index.jsx b/examples/ground-projected-envmaps-lamina/src/index.jsx
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/src/index.jsx
rename to examples/ground-projected-envmaps-lamina/src/index.jsx
diff --git a/demos/ground-projected-envmaps-lamina/src/styles.css b/examples/ground-projected-envmaps-lamina/src/styles.css
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/src/styles.css
rename to examples/ground-projected-envmaps-lamina/src/styles.css
diff --git a/demos/ground-projected-envmaps-lamina/src/vite-env.d.ts b/examples/ground-projected-envmaps-lamina/src/vite-env.d.ts
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/src/vite-env.d.ts
rename to examples/ground-projected-envmaps-lamina/src/vite-env.d.ts
diff --git a/demos/ground-projected-envmaps-lamina/thumbnail.webp b/examples/ground-projected-envmaps-lamina/thumbnail.webp
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/thumbnail.webp
rename to examples/ground-projected-envmaps-lamina/thumbnail.webp
diff --git a/demos/ground-projected-envmaps-lamina/tsconfig.json b/examples/ground-projected-envmaps-lamina/tsconfig.json
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/tsconfig.json
rename to examples/ground-projected-envmaps-lamina/tsconfig.json
diff --git a/demos/ground-projected-envmaps-lamina/tsconfig.node.json b/examples/ground-projected-envmaps-lamina/tsconfig.node.json
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/tsconfig.node.json
rename to examples/ground-projected-envmaps-lamina/tsconfig.node.json
diff --git a/demos/ground-projected-envmaps-lamina/vite.config.ts b/examples/ground-projected-envmaps-lamina/vite.config.ts
similarity index 100%
rename from demos/ground-projected-envmaps-lamina/vite.config.ts
rename to examples/ground-projected-envmaps-lamina/vite.config.ts
diff --git a/demos/ground-reflections-and-video-textures/.prettierrc b/examples/ground-reflections-and-video-textures/.prettierrc
similarity index 100%
rename from demos/ground-reflections-and-video-textures/.prettierrc
rename to examples/ground-reflections-and-video-textures/.prettierrc
diff --git a/examples/ground-reflections-and-video-textures/README.md b/examples/ground-reflections-and-video-textures/README.md
new file mode 100644
index 00000000..d227b3d7
--- /dev/null
+++ b/examples/ground-reflections-and-video-textures/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ground-reflections-and-video-textures)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/ground-reflections-and-video-textures)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/ground-reflections-and-video-textures)
+
+```sh
+$ npx degit pmndrs/examples/examples/ground-reflections-and-video-textures
+```
+
+![](thumbnail.webp)
diff --git a/demos/ground-reflections-and-video-textures/index.html b/examples/ground-reflections-and-video-textures/index.html
similarity index 100%
rename from demos/ground-reflections-and-video-textures/index.html
rename to examples/ground-reflections-and-video-textures/index.html
diff --git a/demos/ground-reflections-and-video-textures/package.json b/examples/ground-reflections-and-video-textures/package.json
similarity index 82%
rename from demos/ground-reflections-and-video-textures/package.json
rename to examples/ground-reflections-and-video-textures/package.json
index 5d008f3a..41b028fd 100644
--- a/demos/ground-reflections-and-video-textures/package.json
+++ b/examples/ground-reflections-and-video-textures/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/ground-reflections-and-video-textures",
+  "name": "@example/ground-reflections-and-video-textures",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/ground-reflections-and-video-textures"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/ground-reflections-and-video-textures"
   }
 }
diff --git a/demos/ground-reflections-and-video-textures/pmndrs.json b/examples/ground-reflections-and-video-textures/pmndrs.json
similarity index 100%
rename from demos/ground-reflections-and-video-textures/pmndrs.json
rename to examples/ground-reflections-and-video-textures/pmndrs.json
diff --git a/demos/ground-reflections-and-video-textures/public/vite.svg b/examples/ground-reflections-and-video-textures/public/vite.svg
similarity index 100%
rename from demos/ground-reflections-and-video-textures/public/vite.svg
rename to examples/ground-reflections-and-video-textures/public/vite.svg
diff --git a/demos/ground-reflections-and-video-textures/sandbox.config.json b/examples/ground-reflections-and-video-textures/sandbox.config.json
similarity index 100%
rename from demos/ground-reflections-and-video-textures/sandbox.config.json
rename to examples/ground-reflections-and-video-textures/sandbox.config.json
diff --git a/demos/ground-reflections-and-video-textures/src/App.jsx b/examples/ground-reflections-and-video-textures/src/App.jsx
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/App.jsx
rename to examples/ground-reflections-and-video-textures/src/App.jsx
diff --git a/demos/ground-reflections-and-video-textures/src/Inter-Bold.woff b/examples/ground-reflections-and-video-textures/src/Inter-Bold.woff
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/Inter-Bold.woff
rename to examples/ground-reflections-and-video-textures/src/Inter-Bold.woff
diff --git a/demos/ground-reflections-and-video-textures/src/Overlay.jsx b/examples/ground-reflections-and-video-textures/src/Overlay.jsx
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/Overlay.jsx
rename to examples/ground-reflections-and-video-textures/src/Overlay.jsx
diff --git a/demos/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_Normal.jpg b/examples/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_Normal.jpg
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_Normal.jpg
rename to examples/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_Normal.jpg
diff --git a/demos/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_var1.jpg b/examples/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_var1.jpg
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_var1.jpg
rename to examples/ground-reflections-and-video-textures/src/SurfaceImperfections003_1K_var1.jpg
diff --git a/demos/ground-reflections-and-video-textures/src/carla-draco.glb b/examples/ground-reflections-and-video-textures/src/carla-draco.glb
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/carla-draco.glb
rename to examples/ground-reflections-and-video-textures/src/carla-draco.glb
diff --git a/demos/ground-reflections-and-video-textures/src/drei.mp4 b/examples/ground-reflections-and-video-textures/src/drei.mp4
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/drei.mp4
rename to examples/ground-reflections-and-video-textures/src/drei.mp4
diff --git a/demos/ground-reflections-and-video-textures/src/index.jsx b/examples/ground-reflections-and-video-textures/src/index.jsx
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/index.jsx
rename to examples/ground-reflections-and-video-textures/src/index.jsx
diff --git a/demos/ground-reflections-and-video-textures/src/model.glb b/examples/ground-reflections-and-video-textures/src/model.glb
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/model.glb
rename to examples/ground-reflections-and-video-textures/src/model.glb
diff --git a/demos/ground-reflections-and-video-textures/src/styles.css b/examples/ground-reflections-and-video-textures/src/styles.css
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/styles.css
rename to examples/ground-reflections-and-video-textures/src/styles.css
diff --git a/demos/ground-reflections-and-video-textures/src/vite-env.d.ts b/examples/ground-reflections-and-video-textures/src/vite-env.d.ts
similarity index 100%
rename from demos/ground-reflections-and-video-textures/src/vite-env.d.ts
rename to examples/ground-reflections-and-video-textures/src/vite-env.d.ts
diff --git a/demos/ground-reflections-and-video-textures/thumbnail.webp b/examples/ground-reflections-and-video-textures/thumbnail.webp
similarity index 100%
rename from demos/ground-reflections-and-video-textures/thumbnail.webp
rename to examples/ground-reflections-and-video-textures/thumbnail.webp
diff --git a/demos/ground-reflections-and-video-textures/tsconfig.json b/examples/ground-reflections-and-video-textures/tsconfig.json
similarity index 100%
rename from demos/ground-reflections-and-video-textures/tsconfig.json
rename to examples/ground-reflections-and-video-textures/tsconfig.json
diff --git a/demos/ground-reflections-and-video-textures/tsconfig.node.json b/examples/ground-reflections-and-video-textures/tsconfig.node.json
similarity index 100%
rename from demos/ground-reflections-and-video-textures/tsconfig.node.json
rename to examples/ground-reflections-and-video-textures/tsconfig.node.json
diff --git a/demos/ground-reflections-and-video-textures/vite.config.ts b/examples/ground-reflections-and-video-textures/vite.config.ts
similarity index 100%
rename from demos/ground-reflections-and-video-textures/vite.config.ts
rename to examples/ground-reflections-and-video-textures/vite.config.ts
diff --git a/demos/hi-key-bubbles/.prettierrc b/examples/hi-key-bubbles/.prettierrc
similarity index 100%
rename from demos/hi-key-bubbles/.prettierrc
rename to examples/hi-key-bubbles/.prettierrc
diff --git a/examples/hi-key-bubbles/README.md b/examples/hi-key-bubbles/README.md
new file mode 100644
index 00000000..548c4879
--- /dev/null
+++ b/examples/hi-key-bubbles/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/hi-key-bubbles)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/hi-key-bubbles)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/hi-key-bubbles)
+
+```sh
+$ npx degit pmndrs/examples/examples/hi-key-bubbles
+```
+
+![](thumbnail.webp)
diff --git a/demos/hi-key-bubbles/index.html b/examples/hi-key-bubbles/index.html
similarity index 100%
rename from demos/hi-key-bubbles/index.html
rename to examples/hi-key-bubbles/index.html
diff --git a/demos/nextjs-prism/package.json b/examples/hi-key-bubbles/package.json
similarity index 87%
rename from demos/nextjs-prism/package.json
rename to examples/hi-key-bubbles/package.json
index 0fea54b0..1d4b55c8 100644
--- a/demos/nextjs-prism/package.json
+++ b/examples/hi-key-bubbles/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/nextjs-prism",
+  "name": "@example/hi-key-bubbles",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/nextjs-prism"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/hi-key-bubbles"
   }
 }
diff --git a/demos/hi-key-bubbles/pmndrs.json b/examples/hi-key-bubbles/pmndrs.json
similarity index 100%
rename from demos/hi-key-bubbles/pmndrs.json
rename to examples/hi-key-bubbles/pmndrs.json
diff --git a/demos/hi-key-bubbles/public/Inter_UI-bold.json b/examples/hi-key-bubbles/public/Inter_UI-bold.json
similarity index 100%
rename from demos/hi-key-bubbles/public/Inter_UI-bold.json
rename to examples/hi-key-bubbles/public/Inter_UI-bold.json
diff --git a/demos/hi-key-bubbles/public/vite.svg b/examples/hi-key-bubbles/public/vite.svg
similarity index 100%
rename from demos/hi-key-bubbles/public/vite.svg
rename to examples/hi-key-bubbles/public/vite.svg
diff --git a/demos/hi-key-bubbles/sandbox.config.json b/examples/hi-key-bubbles/sandbox.config.json
similarity index 100%
rename from demos/hi-key-bubbles/sandbox.config.json
rename to examples/hi-key-bubbles/sandbox.config.json
diff --git a/demos/hi-key-bubbles/src/App.jsx b/examples/hi-key-bubbles/src/App.jsx
similarity index 100%
rename from demos/hi-key-bubbles/src/App.jsx
rename to examples/hi-key-bubbles/src/App.jsx
diff --git a/demos/hi-key-bubbles/src/index.jsx b/examples/hi-key-bubbles/src/index.jsx
similarity index 100%
rename from demos/hi-key-bubbles/src/index.jsx
rename to examples/hi-key-bubbles/src/index.jsx
diff --git a/demos/hi-key-bubbles/src/styles.css b/examples/hi-key-bubbles/src/styles.css
similarity index 100%
rename from demos/hi-key-bubbles/src/styles.css
rename to examples/hi-key-bubbles/src/styles.css
diff --git a/demos/hi-key-bubbles/src/vite-env.d.ts b/examples/hi-key-bubbles/src/vite-env.d.ts
similarity index 100%
rename from demos/hi-key-bubbles/src/vite-env.d.ts
rename to examples/hi-key-bubbles/src/vite-env.d.ts
diff --git a/demos/hi-key-bubbles/thumbnail.webp b/examples/hi-key-bubbles/thumbnail.webp
similarity index 100%
rename from demos/hi-key-bubbles/thumbnail.webp
rename to examples/hi-key-bubbles/thumbnail.webp
diff --git a/demos/hi-key-bubbles/tsconfig.json b/examples/hi-key-bubbles/tsconfig.json
similarity index 100%
rename from demos/hi-key-bubbles/tsconfig.json
rename to examples/hi-key-bubbles/tsconfig.json
diff --git a/demos/hi-key-bubbles/tsconfig.node.json b/examples/hi-key-bubbles/tsconfig.node.json
similarity index 100%
rename from demos/hi-key-bubbles/tsconfig.node.json
rename to examples/hi-key-bubbles/tsconfig.node.json
diff --git a/demos/hi-key-bubbles/vite.config.ts b/examples/hi-key-bubbles/vite.config.ts
similarity index 100%
rename from demos/hi-key-bubbles/vite.config.ts
rename to examples/hi-key-bubbles/vite.config.ts
diff --git a/demos/horizontal-tiles/.prettierrc b/examples/horizontal-tiles/.prettierrc
similarity index 100%
rename from demos/horizontal-tiles/.prettierrc
rename to examples/horizontal-tiles/.prettierrc
diff --git a/examples/horizontal-tiles/README.md b/examples/horizontal-tiles/README.md
new file mode 100644
index 00000000..4d9eda8d
--- /dev/null
+++ b/examples/horizontal-tiles/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/horizontal-tiles)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/horizontal-tiles)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/horizontal-tiles)
+
+```sh
+$ npx degit pmndrs/examples/examples/horizontal-tiles
+```
+
+![](thumbnail.webp)
diff --git a/demos/horizontal-tiles/index.html b/examples/horizontal-tiles/index.html
similarity index 100%
rename from demos/horizontal-tiles/index.html
rename to examples/horizontal-tiles/index.html
diff --git a/demos/horizontal-tiles/package.json b/examples/horizontal-tiles/package.json
similarity index 87%
rename from demos/horizontal-tiles/package.json
rename to examples/horizontal-tiles/package.json
index 0064c2ee..84baa3d9 100644
--- a/demos/horizontal-tiles/package.json
+++ b/examples/horizontal-tiles/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/horizontal-tiles",
+  "name": "@example/horizontal-tiles",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/horizontal-tiles"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/horizontal-tiles"
   }
 }
diff --git a/demos/horizontal-tiles/pmndrs.json b/examples/horizontal-tiles/pmndrs.json
similarity index 100%
rename from demos/horizontal-tiles/pmndrs.json
rename to examples/horizontal-tiles/pmndrs.json
diff --git a/demos/horizontal-tiles/public/1.jpg b/examples/horizontal-tiles/public/1.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/1.jpg
rename to examples/horizontal-tiles/public/1.jpg
diff --git a/demos/horizontal-tiles/public/10.jpg b/examples/horizontal-tiles/public/10.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/10.jpg
rename to examples/horizontal-tiles/public/10.jpg
diff --git a/demos/horizontal-tiles/public/11.jpg b/examples/horizontal-tiles/public/11.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/11.jpg
rename to examples/horizontal-tiles/public/11.jpg
diff --git a/demos/horizontal-tiles/public/12.jpg b/examples/horizontal-tiles/public/12.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/12.jpg
rename to examples/horizontal-tiles/public/12.jpg
diff --git a/demos/horizontal-tiles/public/2.jpg b/examples/horizontal-tiles/public/2.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/2.jpg
rename to examples/horizontal-tiles/public/2.jpg
diff --git a/demos/horizontal-tiles/public/3.jpg b/examples/horizontal-tiles/public/3.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/3.jpg
rename to examples/horizontal-tiles/public/3.jpg
diff --git a/demos/horizontal-tiles/public/4.jpg b/examples/horizontal-tiles/public/4.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/4.jpg
rename to examples/horizontal-tiles/public/4.jpg
diff --git a/demos/horizontal-tiles/public/5.jpg b/examples/horizontal-tiles/public/5.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/5.jpg
rename to examples/horizontal-tiles/public/5.jpg
diff --git a/demos/horizontal-tiles/public/6.jpg b/examples/horizontal-tiles/public/6.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/6.jpg
rename to examples/horizontal-tiles/public/6.jpg
diff --git a/demos/horizontal-tiles/public/7.jpg b/examples/horizontal-tiles/public/7.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/7.jpg
rename to examples/horizontal-tiles/public/7.jpg
diff --git a/demos/horizontal-tiles/public/8.jpg b/examples/horizontal-tiles/public/8.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/8.jpg
rename to examples/horizontal-tiles/public/8.jpg
diff --git a/demos/horizontal-tiles/public/9.jpg b/examples/horizontal-tiles/public/9.jpg
similarity index 100%
rename from demos/horizontal-tiles/public/9.jpg
rename to examples/horizontal-tiles/public/9.jpg
diff --git a/demos/horizontal-tiles/public/Inter-UI-Medium.ttf b/examples/horizontal-tiles/public/Inter-UI-Medium.ttf
similarity index 100%
rename from demos/horizontal-tiles/public/Inter-UI-Medium.ttf
rename to examples/horizontal-tiles/public/Inter-UI-Medium.ttf
diff --git a/demos/horizontal-tiles/public/vite.svg b/examples/horizontal-tiles/public/vite.svg
similarity index 100%
rename from demos/horizontal-tiles/public/vite.svg
rename to examples/horizontal-tiles/public/vite.svg
diff --git a/demos/horizontal-tiles/src/App.jsx b/examples/horizontal-tiles/src/App.jsx
similarity index 100%
rename from demos/horizontal-tiles/src/App.jsx
rename to examples/horizontal-tiles/src/App.jsx
diff --git a/demos/horizontal-tiles/src/index.jsx b/examples/horizontal-tiles/src/index.jsx
similarity index 100%
rename from demos/horizontal-tiles/src/index.jsx
rename to examples/horizontal-tiles/src/index.jsx
diff --git a/demos/horizontal-tiles/src/styles.css b/examples/horizontal-tiles/src/styles.css
similarity index 100%
rename from demos/horizontal-tiles/src/styles.css
rename to examples/horizontal-tiles/src/styles.css
diff --git a/demos/horizontal-tiles/src/vite-env.d.ts b/examples/horizontal-tiles/src/vite-env.d.ts
similarity index 100%
rename from demos/horizontal-tiles/src/vite-env.d.ts
rename to examples/horizontal-tiles/src/vite-env.d.ts
diff --git a/demos/horizontal-tiles/thumbnail.webp b/examples/horizontal-tiles/thumbnail.webp
similarity index 100%
rename from demos/horizontal-tiles/thumbnail.webp
rename to examples/horizontal-tiles/thumbnail.webp
diff --git a/demos/horizontal-tiles/tsconfig.json b/examples/horizontal-tiles/tsconfig.json
similarity index 100%
rename from demos/horizontal-tiles/tsconfig.json
rename to examples/horizontal-tiles/tsconfig.json
diff --git a/demos/horizontal-tiles/tsconfig.node.json b/examples/horizontal-tiles/tsconfig.node.json
similarity index 100%
rename from demos/horizontal-tiles/tsconfig.node.json
rename to examples/horizontal-tiles/tsconfig.node.json
diff --git a/demos/horizontal-tiles/vite.config.ts b/examples/horizontal-tiles/vite.config.ts
similarity index 100%
rename from demos/horizontal-tiles/vite.config.ts
rename to examples/horizontal-tiles/vite.config.ts
diff --git a/demos/html-annotations/.prettierrc b/examples/html-annotations/.prettierrc
similarity index 100%
rename from demos/html-annotations/.prettierrc
rename to examples/html-annotations/.prettierrc
diff --git a/examples/html-annotations/README.md b/examples/html-annotations/README.md
new file mode 100644
index 00000000..7bfd5ad7
--- /dev/null
+++ b/examples/html-annotations/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/html-annotations)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/html-annotations)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/html-annotations)
+
+```sh
+$ npx degit pmndrs/examples/examples/html-annotations
+```
+
+![](thumbnail.webp)
diff --git a/demos/html-annotations/index.html b/examples/html-annotations/index.html
similarity index 100%
rename from demos/html-annotations/index.html
rename to examples/html-annotations/index.html
diff --git a/examples/html-annotations/package.json b/examples/html-annotations/package.json
new file mode 100644
index 00000000..30e68c26
--- /dev/null
+++ b/examples/html-annotations/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/html-annotations",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/html-annotations"
+  }
+}
diff --git a/demos/html-annotations/pmndrs.json b/examples/html-annotations/pmndrs.json
similarity index 100%
rename from demos/html-annotations/pmndrs.json
rename to examples/html-annotations/pmndrs.json
diff --git a/demos/html-annotations/public/photo-1502765839562-c2fe539b56db.jpeg b/examples/html-annotations/public/photo-1502765839562-c2fe539b56db.jpeg
similarity index 100%
rename from demos/html-annotations/public/photo-1502765839562-c2fe539b56db.jpeg
rename to examples/html-annotations/public/photo-1502765839562-c2fe539b56db.jpeg
diff --git a/demos/html-annotations/public/photo-1520107128464-da450679f704.jpeg b/examples/html-annotations/public/photo-1520107128464-da450679f704.jpeg
similarity index 100%
rename from demos/html-annotations/public/photo-1520107128464-da450679f704.jpeg
rename to examples/html-annotations/public/photo-1520107128464-da450679f704.jpeg
diff --git a/demos/html-annotations/public/photo-1527201987695-67c06571957e.jpeg b/examples/html-annotations/public/photo-1527201987695-67c06571957e.jpeg
similarity index 100%
rename from demos/html-annotations/public/photo-1527201987695-67c06571957e.jpeg
rename to examples/html-annotations/public/photo-1527201987695-67c06571957e.jpeg
diff --git a/demos/html-annotations/public/photo-1527203561188-dae1bc1a417f.jpeg b/examples/html-annotations/public/photo-1527203561188-dae1bc1a417f.jpeg
similarity index 100%
rename from demos/html-annotations/public/photo-1527203561188-dae1bc1a417f.jpeg
rename to examples/html-annotations/public/photo-1527203561188-dae1bc1a417f.jpeg
diff --git a/demos/html-annotations/public/photo-1574318465229-e1e822f604fc.jpeg b/examples/html-annotations/public/photo-1574318465229-e1e822f604fc.jpeg
similarity index 100%
rename from demos/html-annotations/public/photo-1574318465229-e1e822f604fc.jpeg
rename to examples/html-annotations/public/photo-1574318465229-e1e822f604fc.jpeg
diff --git a/demos/html-annotations/public/vite.svg b/examples/html-annotations/public/vite.svg
similarity index 100%
rename from demos/html-annotations/public/vite.svg
rename to examples/html-annotations/public/vite.svg
diff --git a/demos/html-annotations/src/index.jsx b/examples/html-annotations/src/index.jsx
similarity index 100%
rename from demos/html-annotations/src/index.jsx
rename to examples/html-annotations/src/index.jsx
diff --git a/demos/html-annotations/src/styles.css b/examples/html-annotations/src/styles.css
similarity index 100%
rename from demos/html-annotations/src/styles.css
rename to examples/html-annotations/src/styles.css
diff --git a/demos/html-annotations/src/vite-env.d.ts b/examples/html-annotations/src/vite-env.d.ts
similarity index 100%
rename from demos/html-annotations/src/vite-env.d.ts
rename to examples/html-annotations/src/vite-env.d.ts
diff --git a/demos/html-annotations/thumbnail.webp b/examples/html-annotations/thumbnail.webp
similarity index 100%
rename from demos/html-annotations/thumbnail.webp
rename to examples/html-annotations/thumbnail.webp
diff --git a/demos/html-annotations/tsconfig.json b/examples/html-annotations/tsconfig.json
similarity index 100%
rename from demos/html-annotations/tsconfig.json
rename to examples/html-annotations/tsconfig.json
diff --git a/demos/html-annotations/tsconfig.node.json b/examples/html-annotations/tsconfig.node.json
similarity index 100%
rename from demos/html-annotations/tsconfig.node.json
rename to examples/html-annotations/tsconfig.node.json
diff --git a/demos/html-annotations/vite.config.ts b/examples/html-annotations/vite.config.ts
similarity index 100%
rename from demos/html-annotations/vite.config.ts
rename to examples/html-annotations/vite.config.ts
diff --git a/demos/html-input-fields/.prettierrc b/examples/html-input-fields/.prettierrc
similarity index 100%
rename from demos/html-input-fields/.prettierrc
rename to examples/html-input-fields/.prettierrc
diff --git a/examples/html-input-fields/README.md b/examples/html-input-fields/README.md
new file mode 100644
index 00000000..d2d1604d
--- /dev/null
+++ b/examples/html-input-fields/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/html-input-fields)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/html-input-fields)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/html-input-fields)
+
+```sh
+$ npx degit pmndrs/examples/examples/html-input-fields
+```
+
+![](thumbnail.webp)
diff --git a/demos/html-input-fields/index.html b/examples/html-input-fields/index.html
similarity index 100%
rename from demos/html-input-fields/index.html
rename to examples/html-input-fields/index.html
diff --git a/demos/html-input-fields/package.json b/examples/html-input-fields/package.json
similarity index 86%
rename from demos/html-input-fields/package.json
rename to examples/html-input-fields/package.json
index 2b9d0f27..b83b70db 100644
--- a/demos/html-input-fields/package.json
+++ b/examples/html-input-fields/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/html-input-fields",
+  "name": "@example/html-input-fields",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/html-input-fields"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/html-input-fields"
   }
 }
diff --git a/demos/html-input-fields/pmndrs.json b/examples/html-input-fields/pmndrs.json
similarity index 100%
rename from demos/html-input-fields/pmndrs.json
rename to examples/html-input-fields/pmndrs.json
diff --git a/demos/html-input-fields/public/Inter-Regular.woff b/examples/html-input-fields/public/Inter-Regular.woff
similarity index 100%
rename from demos/html-input-fields/public/Inter-Regular.woff
rename to examples/html-input-fields/public/Inter-Regular.woff
diff --git a/demos/html-input-fields/public/vite.svg b/examples/html-input-fields/public/vite.svg
similarity index 100%
rename from demos/html-input-fields/public/vite.svg
rename to examples/html-input-fields/public/vite.svg
diff --git a/demos/html-input-fields/src/App.jsx b/examples/html-input-fields/src/App.jsx
similarity index 96%
rename from demos/html-input-fields/src/App.jsx
rename to examples/html-input-fields/src/App.jsx
index 0d7bf9ee..af99c066 100755
--- a/demos/html-input-fields/src/App.jsx
+++ b/examples/html-input-fields/src/App.jsx
@@ -10,7 +10,7 @@ import bunnyModel from './assets/bunny.gltf?url'
 
 extend({ WaterPass })
 
-// The font lives in this demo's public/ folder; BASE_URL makes the path work under the site's per-demo base path.
+// The font lives in this example's public/ folder; BASE_URL makes the path work under the site's per-example base path.
 const interFont = import.meta.env.BASE_URL.replace(/\/?$/, '/') + 'Inter-Regular.woff'
 
 export default function App() {
diff --git a/demos/html-input-fields/src/ControlledInput.jsx b/examples/html-input-fields/src/ControlledInput.jsx
similarity index 100%
rename from demos/html-input-fields/src/ControlledInput.jsx
rename to examples/html-input-fields/src/ControlledInput.jsx
diff --git a/demos/html-input-fields/src/assets/bunny.gltf b/examples/html-input-fields/src/assets/bunny.gltf
similarity index 100%
rename from demos/html-input-fields/src/assets/bunny.gltf
rename to examples/html-input-fields/src/assets/bunny.gltf
diff --git a/demos/html-input-fields/src/index.jsx b/examples/html-input-fields/src/index.jsx
similarity index 100%
rename from demos/html-input-fields/src/index.jsx
rename to examples/html-input-fields/src/index.jsx
diff --git a/demos/html-input-fields/src/styles.css b/examples/html-input-fields/src/styles.css
similarity index 100%
rename from demos/html-input-fields/src/styles.css
rename to examples/html-input-fields/src/styles.css
diff --git a/demos/html-input-fields/src/vite-env.d.ts b/examples/html-input-fields/src/vite-env.d.ts
similarity index 100%
rename from demos/html-input-fields/src/vite-env.d.ts
rename to examples/html-input-fields/src/vite-env.d.ts
diff --git a/demos/html-input-fields/thumbnail.webp b/examples/html-input-fields/thumbnail.webp
similarity index 100%
rename from demos/html-input-fields/thumbnail.webp
rename to examples/html-input-fields/thumbnail.webp
diff --git a/demos/html-input-fields/tsconfig.json b/examples/html-input-fields/tsconfig.json
similarity index 100%
rename from demos/html-input-fields/tsconfig.json
rename to examples/html-input-fields/tsconfig.json
diff --git a/demos/html-input-fields/tsconfig.node.json b/examples/html-input-fields/tsconfig.node.json
similarity index 100%
rename from demos/html-input-fields/tsconfig.node.json
rename to examples/html-input-fields/tsconfig.node.json
diff --git a/demos/html-input-fields/vite.config.ts b/examples/html-input-fields/vite.config.ts
similarity index 100%
rename from demos/html-input-fields/vite.config.ts
rename to examples/html-input-fields/vite.config.ts
diff --git a/demos/html-markers/.gitignore b/examples/html-markers/.gitignore
similarity index 100%
rename from demos/html-markers/.gitignore
rename to examples/html-markers/.gitignore
diff --git a/demos/html-markers/.prettierrc b/examples/html-markers/.prettierrc
similarity index 100%
rename from demos/html-markers/.prettierrc
rename to examples/html-markers/.prettierrc
diff --git a/examples/html-markers/README.md b/examples/html-markers/README.md
new file mode 100644
index 00000000..9872ff5e
--- /dev/null
+++ b/examples/html-markers/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/html-markers)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/html-markers)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/html-markers)
+
+```sh
+$ npx degit pmndrs/examples/examples/html-markers
+```
+
+![](thumbnail.webp)
diff --git a/demos/html-markers/index.html b/examples/html-markers/index.html
similarity index 100%
rename from demos/html-markers/index.html
rename to examples/html-markers/index.html
diff --git a/demos/html-markers/package.json b/examples/html-markers/package.json
similarity index 87%
rename from demos/html-markers/package.json
rename to examples/html-markers/package.json
index 21bd35ab..799b42ff 100644
--- a/demos/html-markers/package.json
+++ b/examples/html-markers/package.json
@@ -28,11 +28,11 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "name": "@demo/html-markers",
+  "name": "@example/html-markers",
   "version": "1.0.0",
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/html-markers"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/html-markers"
   }
 }
diff --git a/demos/html-markers/pmndrs.json b/examples/html-markers/pmndrs.json
similarity index 100%
rename from demos/html-markers/pmndrs.json
rename to examples/html-markers/pmndrs.json
diff --git a/demos/html-markers/public/vite.svg b/examples/html-markers/public/vite.svg
similarity index 100%
rename from demos/html-markers/public/vite.svg
rename to examples/html-markers/public/vite.svg
diff --git a/demos/html-markers/src/App.jsx b/examples/html-markers/src/App.jsx
similarity index 100%
rename from demos/html-markers/src/App.jsx
rename to examples/html-markers/src/App.jsx
diff --git a/demos/html-markers/src/earth.gltf b/examples/html-markers/src/earth.gltf
similarity index 100%
rename from demos/html-markers/src/earth.gltf
rename to examples/html-markers/src/earth.gltf
diff --git a/demos/html-markers/src/index.jsx b/examples/html-markers/src/index.jsx
similarity index 100%
rename from demos/html-markers/src/index.jsx
rename to examples/html-markers/src/index.jsx
diff --git a/demos/html-markers/src/style.css b/examples/html-markers/src/style.css
similarity index 100%
rename from demos/html-markers/src/style.css
rename to examples/html-markers/src/style.css
diff --git a/demos/html-markers/src/vite-env.d.ts b/examples/html-markers/src/vite-env.d.ts
similarity index 100%
rename from demos/html-markers/src/vite-env.d.ts
rename to examples/html-markers/src/vite-env.d.ts
diff --git a/demos/html-markers/thumbnail.webp b/examples/html-markers/thumbnail.webp
similarity index 100%
rename from demos/html-markers/thumbnail.webp
rename to examples/html-markers/thumbnail.webp
diff --git a/demos/html-markers/tsconfig.json b/examples/html-markers/tsconfig.json
similarity index 100%
rename from demos/html-markers/tsconfig.json
rename to examples/html-markers/tsconfig.json
diff --git a/demos/html-markers/tsconfig.node.json b/examples/html-markers/tsconfig.node.json
similarity index 100%
rename from demos/html-markers/tsconfig.node.json
rename to examples/html-markers/tsconfig.node.json
diff --git a/demos/html-markers/vite.config.ts b/examples/html-markers/vite.config.ts
similarity index 100%
rename from demos/html-markers/vite.config.ts
rename to examples/html-markers/vite.config.ts
diff --git a/demos/image-gallery/.prettierrc b/examples/image-gallery/.prettierrc
similarity index 100%
rename from demos/image-gallery/.prettierrc
rename to examples/image-gallery/.prettierrc
diff --git a/demos/pinball-in-70-lines/README.md b/examples/image-gallery/README.md
similarity index 57%
rename from demos/pinball-in-70-lines/README.md
rename to examples/image-gallery/README.md
index a25a152c..10af9623 100644
--- a/demos/pinball-in-70-lines/README.md
+++ b/examples/image-gallery/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pinball-in-70-lines)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/pinball-in-70-lines)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/pinball-in-70-lines)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/image-gallery)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/image-gallery)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/image-gallery)
 
 ```sh
-$ npx degit pmndrs/examples/demos/pinball-in-70-lines
+$ npx degit pmndrs/examples/examples/image-gallery
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/image-gallery/index.html b/examples/image-gallery/index.html
similarity index 100%
rename from demos/image-gallery/index.html
rename to examples/image-gallery/index.html
diff --git a/demos/image-gallery/package.json b/examples/image-gallery/package.json
similarity index 87%
rename from demos/image-gallery/package.json
rename to examples/image-gallery/package.json
index 3a7e89a5..65cabc96 100644
--- a/demos/image-gallery/package.json
+++ b/examples/image-gallery/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/image-gallery",
+  "name": "@example/image-gallery",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/image-gallery"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/image-gallery"
   }
 }
diff --git a/demos/image-gallery/pmndrs.json b/examples/image-gallery/pmndrs.json
similarity index 100%
rename from demos/image-gallery/pmndrs.json
rename to examples/image-gallery/pmndrs.json
diff --git a/demos/image-gallery/public/vite.svg b/examples/image-gallery/public/vite.svg
similarity index 100%
rename from demos/image-gallery/public/vite.svg
rename to examples/image-gallery/public/vite.svg
diff --git a/demos/image-gallery/src/App.jsx b/examples/image-gallery/src/App.jsx
similarity index 100%
rename from demos/image-gallery/src/App.jsx
rename to examples/image-gallery/src/App.jsx
diff --git a/demos/image-gallery/src/index.jsx b/examples/image-gallery/src/index.jsx
similarity index 100%
rename from demos/image-gallery/src/index.jsx
rename to examples/image-gallery/src/index.jsx
diff --git a/demos/image-gallery/src/styles.css b/examples/image-gallery/src/styles.css
similarity index 100%
rename from demos/image-gallery/src/styles.css
rename to examples/image-gallery/src/styles.css
diff --git a/demos/image-gallery/src/vite-env.d.ts b/examples/image-gallery/src/vite-env.d.ts
similarity index 100%
rename from demos/image-gallery/src/vite-env.d.ts
rename to examples/image-gallery/src/vite-env.d.ts
diff --git a/demos/image-gallery/thumbnail.webp b/examples/image-gallery/thumbnail.webp
similarity index 100%
rename from demos/image-gallery/thumbnail.webp
rename to examples/image-gallery/thumbnail.webp
diff --git a/demos/image-gallery/tsconfig.json b/examples/image-gallery/tsconfig.json
similarity index 100%
rename from demos/image-gallery/tsconfig.json
rename to examples/image-gallery/tsconfig.json
diff --git a/demos/image-gallery/tsconfig.node.json b/examples/image-gallery/tsconfig.node.json
similarity index 100%
rename from demos/image-gallery/tsconfig.node.json
rename to examples/image-gallery/tsconfig.node.json
diff --git a/demos/image-gallery/vite.config.ts b/examples/image-gallery/vite.config.ts
similarity index 100%
rename from demos/image-gallery/vite.config.ts
rename to examples/image-gallery/vite.config.ts
diff --git a/demos/infinite-scroll/.prettierrc b/examples/infinite-scroll/.prettierrc
similarity index 100%
rename from demos/infinite-scroll/.prettierrc
rename to examples/infinite-scroll/.prettierrc
diff --git a/examples/infinite-scroll/README.md b/examples/infinite-scroll/README.md
new file mode 100644
index 00000000..98707770
--- /dev/null
+++ b/examples/infinite-scroll/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/infinite-scroll)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/infinite-scroll)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/infinite-scroll)
+
+```sh
+$ npx degit pmndrs/examples/examples/infinite-scroll
+```
+
+![](thumbnail.webp)
diff --git a/demos/infinite-scroll/index.html b/examples/infinite-scroll/index.html
similarity index 100%
rename from demos/infinite-scroll/index.html
rename to examples/infinite-scroll/index.html
diff --git a/demos/infinite-scroll/package.json b/examples/infinite-scroll/package.json
similarity index 86%
rename from demos/infinite-scroll/package.json
rename to examples/infinite-scroll/package.json
index ced41013..b4b8e066 100644
--- a/demos/infinite-scroll/package.json
+++ b/examples/infinite-scroll/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/infinite-scroll",
+  "name": "@example/infinite-scroll",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/infinite-scroll"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/infinite-scroll"
   }
 }
diff --git a/demos/infinite-scroll/pmndrs.json b/examples/infinite-scroll/pmndrs.json
similarity index 100%
rename from demos/infinite-scroll/pmndrs.json
rename to examples/infinite-scroll/pmndrs.json
diff --git a/demos/infinite-scroll/public/Inter-UI-Medium.ttf b/examples/infinite-scroll/public/Inter-UI-Medium.ttf
similarity index 100%
rename from demos/infinite-scroll/public/Inter-UI-Medium.ttf
rename to examples/infinite-scroll/public/Inter-UI-Medium.ttf
diff --git a/demos/infinite-scroll/public/ScrollControls.tsx b/examples/infinite-scroll/public/ScrollControls.tsx
similarity index 100%
rename from demos/infinite-scroll/public/ScrollControls.tsx
rename to examples/infinite-scroll/public/ScrollControls.tsx
diff --git a/demos/infinite-scroll/public/vite.svg b/examples/infinite-scroll/public/vite.svg
similarity index 100%
rename from demos/infinite-scroll/public/vite.svg
rename to examples/infinite-scroll/public/vite.svg
diff --git a/demos/infinite-scroll/src/App.jsx b/examples/infinite-scroll/src/App.jsx
similarity index 100%
rename from demos/infinite-scroll/src/App.jsx
rename to examples/infinite-scroll/src/App.jsx
diff --git a/demos/infinite-scroll/src/ScrollControls.tsx b/examples/infinite-scroll/src/ScrollControls.tsx
similarity index 100%
rename from demos/infinite-scroll/src/ScrollControls.tsx
rename to examples/infinite-scroll/src/ScrollControls.tsx
diff --git a/demos/infinite-scroll/src/img1.jpg b/examples/infinite-scroll/src/img1.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img1.jpg
rename to examples/infinite-scroll/src/img1.jpg
diff --git a/demos/infinite-scroll/src/img2.jpg b/examples/infinite-scroll/src/img2.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img2.jpg
rename to examples/infinite-scroll/src/img2.jpg
diff --git a/demos/infinite-scroll/src/img3.jpg b/examples/infinite-scroll/src/img3.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img3.jpg
rename to examples/infinite-scroll/src/img3.jpg
diff --git a/demos/infinite-scroll/src/img4.jpg b/examples/infinite-scroll/src/img4.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img4.jpg
rename to examples/infinite-scroll/src/img4.jpg
diff --git a/demos/infinite-scroll/src/img5.jpg b/examples/infinite-scroll/src/img5.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img5.jpg
rename to examples/infinite-scroll/src/img5.jpg
diff --git a/demos/infinite-scroll/src/img6.jpg b/examples/infinite-scroll/src/img6.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img6.jpg
rename to examples/infinite-scroll/src/img6.jpg
diff --git a/demos/infinite-scroll/src/img7.jpg b/examples/infinite-scroll/src/img7.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img7.jpg
rename to examples/infinite-scroll/src/img7.jpg
diff --git a/demos/infinite-scroll/src/img8.jpg b/examples/infinite-scroll/src/img8.jpg
similarity index 100%
rename from demos/infinite-scroll/src/img8.jpg
rename to examples/infinite-scroll/src/img8.jpg
diff --git a/demos/infinite-scroll/src/index.jsx b/examples/infinite-scroll/src/index.jsx
similarity index 100%
rename from demos/infinite-scroll/src/index.jsx
rename to examples/infinite-scroll/src/index.jsx
diff --git a/demos/infinite-scroll/src/styles.css b/examples/infinite-scroll/src/styles.css
similarity index 100%
rename from demos/infinite-scroll/src/styles.css
rename to examples/infinite-scroll/src/styles.css
diff --git a/demos/infinite-scroll/src/trip1.jpg b/examples/infinite-scroll/src/trip1.jpg
similarity index 100%
rename from demos/infinite-scroll/src/trip1.jpg
rename to examples/infinite-scroll/src/trip1.jpg
diff --git a/demos/infinite-scroll/src/trip2.jpg b/examples/infinite-scroll/src/trip2.jpg
similarity index 100%
rename from demos/infinite-scroll/src/trip2.jpg
rename to examples/infinite-scroll/src/trip2.jpg
diff --git a/demos/infinite-scroll/src/trip3.jpg b/examples/infinite-scroll/src/trip3.jpg
similarity index 100%
rename from demos/infinite-scroll/src/trip3.jpg
rename to examples/infinite-scroll/src/trip3.jpg
diff --git a/demos/infinite-scroll/src/trip4.jpg b/examples/infinite-scroll/src/trip4.jpg
similarity index 100%
rename from demos/infinite-scroll/src/trip4.jpg
rename to examples/infinite-scroll/src/trip4.jpg
diff --git a/demos/infinite-scroll/src/vite-env.d.ts b/examples/infinite-scroll/src/vite-env.d.ts
similarity index 100%
rename from demos/infinite-scroll/src/vite-env.d.ts
rename to examples/infinite-scroll/src/vite-env.d.ts
diff --git a/demos/infinite-scroll/thumbnail.webp b/examples/infinite-scroll/thumbnail.webp
similarity index 100%
rename from demos/infinite-scroll/thumbnail.webp
rename to examples/infinite-scroll/thumbnail.webp
diff --git a/demos/infinite-scroll/tsconfig.json b/examples/infinite-scroll/tsconfig.json
similarity index 100%
rename from demos/infinite-scroll/tsconfig.json
rename to examples/infinite-scroll/tsconfig.json
diff --git a/demos/infinite-scroll/tsconfig.node.json b/examples/infinite-scroll/tsconfig.node.json
similarity index 100%
rename from demos/infinite-scroll/tsconfig.node.json
rename to examples/infinite-scroll/tsconfig.node.json
diff --git a/demos/infinite-scroll/vite.config.ts b/examples/infinite-scroll/vite.config.ts
similarity index 100%
rename from demos/infinite-scroll/vite.config.ts
rename to examples/infinite-scroll/vite.config.ts
diff --git a/demos/instanced-particles-effects/.prettierrc b/examples/instanced-particles-effects/.prettierrc
similarity index 100%
rename from demos/instanced-particles-effects/.prettierrc
rename to examples/instanced-particles-effects/.prettierrc
diff --git a/examples/instanced-particles-effects/README.md b/examples/instanced-particles-effects/README.md
new file mode 100644
index 00000000..b5bd71f1
--- /dev/null
+++ b/examples/instanced-particles-effects/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/instanced-particles-effects)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/instanced-particles-effects)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/instanced-particles-effects)
+
+```sh
+$ npx degit pmndrs/examples/examples/instanced-particles-effects
+```
+
+![](thumbnail.webp)
diff --git a/demos/instanced-particles-effects/index.html b/examples/instanced-particles-effects/index.html
similarity index 100%
rename from demos/instanced-particles-effects/index.html
rename to examples/instanced-particles-effects/index.html
diff --git a/examples/instanced-particles-effects/package.json b/examples/instanced-particles-effects/package.json
new file mode 100644
index 00000000..7a244639
--- /dev/null
+++ b/examples/instanced-particles-effects/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/instanced-particles-effects",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/instanced-particles-effects"
+  }
+}
diff --git a/demos/instanced-particles-effects/pmndrs.json b/examples/instanced-particles-effects/pmndrs.json
similarity index 100%
rename from demos/instanced-particles-effects/pmndrs.json
rename to examples/instanced-particles-effects/pmndrs.json
diff --git a/demos/instanced-particles-effects/public/vite.svg b/examples/instanced-particles-effects/public/vite.svg
similarity index 100%
rename from demos/instanced-particles-effects/public/vite.svg
rename to examples/instanced-particles-effects/public/vite.svg
diff --git a/demos/instanced-particles-effects/sandbox.config.json b/examples/instanced-particles-effects/sandbox.config.json
similarity index 100%
rename from demos/instanced-particles-effects/sandbox.config.json
rename to examples/instanced-particles-effects/sandbox.config.json
diff --git a/demos/instanced-particles-effects/src/App.jsx b/examples/instanced-particles-effects/src/App.jsx
similarity index 100%
rename from demos/instanced-particles-effects/src/App.jsx
rename to examples/instanced-particles-effects/src/App.jsx
diff --git a/demos/instanced-particles-effects/src/cubicle.CUBE b/examples/instanced-particles-effects/src/cubicle.CUBE
similarity index 100%
rename from demos/instanced-particles-effects/src/cubicle.CUBE
rename to examples/instanced-particles-effects/src/cubicle.CUBE
diff --git a/demos/instanced-particles-effects/src/index.jsx b/examples/instanced-particles-effects/src/index.jsx
similarity index 100%
rename from demos/instanced-particles-effects/src/index.jsx
rename to examples/instanced-particles-effects/src/index.jsx
diff --git a/demos/instanced-particles-effects/src/styles.css b/examples/instanced-particles-effects/src/styles.css
similarity index 100%
rename from demos/instanced-particles-effects/src/styles.css
rename to examples/instanced-particles-effects/src/styles.css
diff --git a/demos/instanced-particles-effects/src/vite-env.d.ts b/examples/instanced-particles-effects/src/vite-env.d.ts
similarity index 100%
rename from demos/instanced-particles-effects/src/vite-env.d.ts
rename to examples/instanced-particles-effects/src/vite-env.d.ts
diff --git a/demos/instanced-particles-effects/thumbnail.webp b/examples/instanced-particles-effects/thumbnail.webp
similarity index 100%
rename from demos/instanced-particles-effects/thumbnail.webp
rename to examples/instanced-particles-effects/thumbnail.webp
diff --git a/demos/instanced-particles-effects/tsconfig.json b/examples/instanced-particles-effects/tsconfig.json
similarity index 100%
rename from demos/instanced-particles-effects/tsconfig.json
rename to examples/instanced-particles-effects/tsconfig.json
diff --git a/demos/instanced-particles-effects/tsconfig.node.json b/examples/instanced-particles-effects/tsconfig.node.json
similarity index 100%
rename from demos/instanced-particles-effects/tsconfig.node.json
rename to examples/instanced-particles-effects/tsconfig.node.json
diff --git a/demos/instanced-particles-effects/vite.config.ts b/examples/instanced-particles-effects/vite.config.ts
similarity index 100%
rename from demos/instanced-particles-effects/vite.config.ts
rename to examples/instanced-particles-effects/vite.config.ts
diff --git a/demos/instanced-vertex-colors/.prettierrc b/examples/instanced-vertex-colors/.prettierrc
similarity index 100%
rename from demos/instanced-vertex-colors/.prettierrc
rename to examples/instanced-vertex-colors/.prettierrc
diff --git a/examples/instanced-vertex-colors/README.md b/examples/instanced-vertex-colors/README.md
new file mode 100644
index 00000000..6294677a
--- /dev/null
+++ b/examples/instanced-vertex-colors/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/instanced-vertex-colors)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/instanced-vertex-colors)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/instanced-vertex-colors)
+
+```sh
+$ npx degit pmndrs/examples/examples/instanced-vertex-colors
+```
+
+![](thumbnail.webp)
diff --git a/demos/instanced-vertex-colors/index.html b/examples/instanced-vertex-colors/index.html
similarity index 100%
rename from demos/instanced-vertex-colors/index.html
rename to examples/instanced-vertex-colors/index.html
diff --git a/demos/instanced-vertex-colors/package.json b/examples/instanced-vertex-colors/package.json
similarity index 85%
rename from demos/instanced-vertex-colors/package.json
rename to examples/instanced-vertex-colors/package.json
index ef139c24..d6d310f6 100644
--- a/demos/instanced-vertex-colors/package.json
+++ b/examples/instanced-vertex-colors/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/instanced-vertex-colors",
+  "name": "@example/instanced-vertex-colors",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/instanced-vertex-colors"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/instanced-vertex-colors"
   }
 }
diff --git a/demos/instanced-vertex-colors/pmndrs.json b/examples/instanced-vertex-colors/pmndrs.json
similarity index 100%
rename from demos/instanced-vertex-colors/pmndrs.json
rename to examples/instanced-vertex-colors/pmndrs.json
diff --git a/demos/instanced-vertex-colors/public/vite.svg b/examples/instanced-vertex-colors/public/vite.svg
similarity index 100%
rename from demos/instanced-vertex-colors/public/vite.svg
rename to examples/instanced-vertex-colors/public/vite.svg
diff --git a/demos/instanced-vertex-colors/src/App.jsx b/examples/instanced-vertex-colors/src/App.jsx
similarity index 100%
rename from demos/instanced-vertex-colors/src/App.jsx
rename to examples/instanced-vertex-colors/src/App.jsx
diff --git a/demos/instanced-vertex-colors/src/index.jsx b/examples/instanced-vertex-colors/src/index.jsx
similarity index 100%
rename from demos/instanced-vertex-colors/src/index.jsx
rename to examples/instanced-vertex-colors/src/index.jsx
diff --git a/demos/instanced-vertex-colors/src/styles.css b/examples/instanced-vertex-colors/src/styles.css
similarity index 100%
rename from demos/instanced-vertex-colors/src/styles.css
rename to examples/instanced-vertex-colors/src/styles.css
diff --git a/demos/instanced-vertex-colors/src/vite-env.d.ts b/examples/instanced-vertex-colors/src/vite-env.d.ts
similarity index 100%
rename from demos/instanced-vertex-colors/src/vite-env.d.ts
rename to examples/instanced-vertex-colors/src/vite-env.d.ts
diff --git a/demos/instanced-vertex-colors/thumbnail.webp b/examples/instanced-vertex-colors/thumbnail.webp
similarity index 100%
rename from demos/instanced-vertex-colors/thumbnail.webp
rename to examples/instanced-vertex-colors/thumbnail.webp
diff --git a/demos/instanced-vertex-colors/tsconfig.json b/examples/instanced-vertex-colors/tsconfig.json
similarity index 100%
rename from demos/instanced-vertex-colors/tsconfig.json
rename to examples/instanced-vertex-colors/tsconfig.json
diff --git a/demos/instanced-vertex-colors/tsconfig.node.json b/examples/instanced-vertex-colors/tsconfig.node.json
similarity index 100%
rename from demos/instanced-vertex-colors/tsconfig.node.json
rename to examples/instanced-vertex-colors/tsconfig.node.json
diff --git a/demos/instanced-vertex-colors/vite.config.ts b/examples/instanced-vertex-colors/vite.config.ts
similarity index 100%
rename from demos/instanced-vertex-colors/vite.config.ts
rename to examples/instanced-vertex-colors/vite.config.ts
diff --git a/demos/instances/.prettierrc b/examples/instances/.prettierrc
similarity index 100%
rename from demos/instances/.prettierrc
rename to examples/instances/.prettierrc
diff --git a/examples/instances/README.md b/examples/instances/README.md
new file mode 100644
index 00000000..8216cacd
--- /dev/null
+++ b/examples/instances/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/instances)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/instances)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/instances)
+
+```sh
+$ npx degit pmndrs/examples/examples/instances
+```
+
+![](thumbnail.webp)
diff --git a/demos/instances/index.html b/examples/instances/index.html
similarity index 100%
rename from demos/instances/index.html
rename to examples/instances/index.html
diff --git a/demos/instances/package.json b/examples/instances/package.json
similarity index 88%
rename from demos/instances/package.json
rename to examples/instances/package.json
index d2f7ecf0..a7a2e78a 100644
--- a/demos/instances/package.json
+++ b/examples/instances/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/instances",
+  "name": "@example/instances",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/instances"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/instances"
   }
 }
diff --git a/demos/instances/pmndrs.json b/examples/instances/pmndrs.json
similarity index 100%
rename from demos/instances/pmndrs.json
rename to examples/instances/pmndrs.json
diff --git a/demos/instances/public/vite.svg b/examples/instances/public/vite.svg
similarity index 100%
rename from demos/instances/public/vite.svg
rename to examples/instances/public/vite.svg
diff --git a/demos/instances/src/App.jsx b/examples/instances/src/App.jsx
similarity index 100%
rename from demos/instances/src/App.jsx
rename to examples/instances/src/App.jsx
diff --git a/demos/instances/src/index.jsx b/examples/instances/src/index.jsx
similarity index 100%
rename from demos/instances/src/index.jsx
rename to examples/instances/src/index.jsx
diff --git a/demos/instances/src/styles.css b/examples/instances/src/styles.css
similarity index 100%
rename from demos/instances/src/styles.css
rename to examples/instances/src/styles.css
diff --git a/demos/instances/src/vite-env.d.ts b/examples/instances/src/vite-env.d.ts
similarity index 100%
rename from demos/instances/src/vite-env.d.ts
rename to examples/instances/src/vite-env.d.ts
diff --git a/demos/instances/thumbnail.webp b/examples/instances/thumbnail.webp
similarity index 100%
rename from demos/instances/thumbnail.webp
rename to examples/instances/thumbnail.webp
diff --git a/demos/instances/tsconfig.json b/examples/instances/tsconfig.json
similarity index 100%
rename from demos/instances/tsconfig.json
rename to examples/instances/tsconfig.json
diff --git a/demos/instances/tsconfig.node.json b/examples/instances/tsconfig.node.json
similarity index 100%
rename from demos/instances/tsconfig.node.json
rename to examples/instances/tsconfig.node.json
diff --git a/demos/instances/vite.config.ts b/examples/instances/vite.config.ts
similarity index 100%
rename from demos/instances/vite.config.ts
rename to examples/instances/vite.config.ts
diff --git a/demos/inter-epoxy-resin/.prettierrc b/examples/inter-epoxy-resin/.prettierrc
similarity index 100%
rename from demos/inter-epoxy-resin/.prettierrc
rename to examples/inter-epoxy-resin/.prettierrc
diff --git a/examples/inter-epoxy-resin/README.md b/examples/inter-epoxy-resin/README.md
new file mode 100644
index 00000000..8435c533
--- /dev/null
+++ b/examples/inter-epoxy-resin/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/inter-epoxy-resin)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/inter-epoxy-resin)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/inter-epoxy-resin)
+
+```sh
+$ npx degit pmndrs/examples/examples/inter-epoxy-resin
+```
+
+![](thumbnail.webp)
diff --git a/demos/inter-epoxy-resin/index.html b/examples/inter-epoxy-resin/index.html
similarity index 100%
rename from demos/inter-epoxy-resin/index.html
rename to examples/inter-epoxy-resin/index.html
diff --git a/demos/inter-epoxy-resin/package.json b/examples/inter-epoxy-resin/package.json
similarity index 87%
rename from demos/inter-epoxy-resin/package.json
rename to examples/inter-epoxy-resin/package.json
index 8a4aad91..b3888767 100644
--- a/demos/inter-epoxy-resin/package.json
+++ b/examples/inter-epoxy-resin/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/inter-epoxy-resin",
+  "name": "@example/inter-epoxy-resin",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/inter-epoxy-resin"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/inter-epoxy-resin"
   }
 }
diff --git a/demos/inter-epoxy-resin/pmndrs.json b/examples/inter-epoxy-resin/pmndrs.json
similarity index 100%
rename from demos/inter-epoxy-resin/pmndrs.json
rename to examples/inter-epoxy-resin/pmndrs.json
diff --git a/demos/inter-epoxy-resin/public/vite.svg b/examples/inter-epoxy-resin/public/vite.svg
similarity index 100%
rename from demos/inter-epoxy-resin/public/vite.svg
rename to examples/inter-epoxy-resin/public/vite.svg
diff --git a/demos/inter-epoxy-resin/src/App.jsx b/examples/inter-epoxy-resin/src/App.jsx
similarity index 100%
rename from demos/inter-epoxy-resin/src/App.jsx
rename to examples/inter-epoxy-resin/src/App.jsx
diff --git a/demos/inter-epoxy-resin/src/Inter_Medium_Regular.json b/examples/inter-epoxy-resin/src/Inter_Medium_Regular.json
similarity index 100%
rename from demos/inter-epoxy-resin/src/Inter_Medium_Regular.json
rename to examples/inter-epoxy-resin/src/Inter_Medium_Regular.json
diff --git a/demos/inter-epoxy-resin/src/index.jsx b/examples/inter-epoxy-resin/src/index.jsx
similarity index 100%
rename from demos/inter-epoxy-resin/src/index.jsx
rename to examples/inter-epoxy-resin/src/index.jsx
diff --git a/demos/inter-epoxy-resin/src/styles.css b/examples/inter-epoxy-resin/src/styles.css
similarity index 100%
rename from demos/inter-epoxy-resin/src/styles.css
rename to examples/inter-epoxy-resin/src/styles.css
diff --git a/demos/inter-epoxy-resin/src/vite-env.d.ts b/examples/inter-epoxy-resin/src/vite-env.d.ts
similarity index 100%
rename from demos/inter-epoxy-resin/src/vite-env.d.ts
rename to examples/inter-epoxy-resin/src/vite-env.d.ts
diff --git a/demos/inter-epoxy-resin/thumbnail.webp b/examples/inter-epoxy-resin/thumbnail.webp
similarity index 100%
rename from demos/inter-epoxy-resin/thumbnail.webp
rename to examples/inter-epoxy-resin/thumbnail.webp
diff --git a/demos/inter-epoxy-resin/tsconfig.json b/examples/inter-epoxy-resin/tsconfig.json
similarity index 100%
rename from demos/inter-epoxy-resin/tsconfig.json
rename to examples/inter-epoxy-resin/tsconfig.json
diff --git a/demos/inter-epoxy-resin/tsconfig.node.json b/examples/inter-epoxy-resin/tsconfig.node.json
similarity index 100%
rename from demos/inter-epoxy-resin/tsconfig.node.json
rename to examples/inter-epoxy-resin/tsconfig.node.json
diff --git a/demos/inter-epoxy-resin/vite.config.ts b/examples/inter-epoxy-resin/vite.config.ts
similarity index 100%
rename from demos/inter-epoxy-resin/vite.config.ts
rename to examples/inter-epoxy-resin/vite.config.ts
diff --git a/demos/interactive-spline-scene-live-html/.prettierrc b/examples/interactive-spline-scene-live-html/.prettierrc
similarity index 100%
rename from demos/interactive-spline-scene-live-html/.prettierrc
rename to examples/interactive-spline-scene-live-html/.prettierrc
diff --git a/examples/interactive-spline-scene-live-html/README.md b/examples/interactive-spline-scene-live-html/README.md
new file mode 100644
index 00000000..eacd6ea5
--- /dev/null
+++ b/examples/interactive-spline-scene-live-html/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/interactive-spline-scene-live-html)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/interactive-spline-scene-live-html)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/interactive-spline-scene-live-html)
+
+```sh
+$ npx degit pmndrs/examples/examples/interactive-spline-scene-live-html
+```
+
+![](thumbnail.webp)
diff --git a/demos/interactive-spline-scene-live-html/index.html b/examples/interactive-spline-scene-live-html/index.html
similarity index 100%
rename from demos/interactive-spline-scene-live-html/index.html
rename to examples/interactive-spline-scene-live-html/index.html
diff --git a/demos/interactive-spline-scene-live-html/package.json b/examples/interactive-spline-scene-live-html/package.json
similarity index 85%
rename from demos/interactive-spline-scene-live-html/package.json
rename to examples/interactive-spline-scene-live-html/package.json
index 8c7fd6e1..fa740d9c 100644
--- a/demos/interactive-spline-scene-live-html/package.json
+++ b/examples/interactive-spline-scene-live-html/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/interactive-spline-scene-live-html",
+  "name": "@example/interactive-spline-scene-live-html",
   "version": "1.0.0",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
@@ -35,7 +35,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/interactive-spline-scene-live-html"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/interactive-spline-scene-live-html"
   },
   "type": "module"
 }
diff --git a/demos/interactive-spline-scene-live-html/pmndrs.json b/examples/interactive-spline-scene-live-html/pmndrs.json
similarity index 100%
rename from demos/interactive-spline-scene-live-html/pmndrs.json
rename to examples/interactive-spline-scene-live-html/pmndrs.json
diff --git a/demos/interactive-spline-scene-live-html/public/scroll.splinecode b/examples/interactive-spline-scene-live-html/public/scroll.splinecode
similarity index 100%
rename from demos/interactive-spline-scene-live-html/public/scroll.splinecode
rename to examples/interactive-spline-scene-live-html/public/scroll.splinecode
diff --git a/demos/interactive-spline-scene-live-html/public/vite.svg b/examples/interactive-spline-scene-live-html/public/vite.svg
similarity index 100%
rename from demos/interactive-spline-scene-live-html/public/vite.svg
rename to examples/interactive-spline-scene-live-html/public/vite.svg
diff --git a/demos/interactive-spline-scene-live-html/sandbox.config.json b/examples/interactive-spline-scene-live-html/sandbox.config.json
similarity index 100%
rename from demos/interactive-spline-scene-live-html/sandbox.config.json
rename to examples/interactive-spline-scene-live-html/sandbox.config.json
diff --git a/demos/interactive-spline-scene-live-html/src/App.jsx b/examples/interactive-spline-scene-live-html/src/App.jsx
similarity index 100%
rename from demos/interactive-spline-scene-live-html/src/App.jsx
rename to examples/interactive-spline-scene-live-html/src/App.jsx
diff --git a/demos/interactive-spline-scene-live-html/src/Embed.jsx b/examples/interactive-spline-scene-live-html/src/Embed.jsx
similarity index 99%
rename from demos/interactive-spline-scene-live-html/src/Embed.jsx
rename to examples/interactive-spline-scene-live-html/src/Embed.jsx
index 644bfb55..52b4eb8f 100755
--- a/demos/interactive-spline-scene-live-html/src/Embed.jsx
+++ b/examples/interactive-spline-scene-live-html/src/Embed.jsx
@@ -195,7 +195,7 @@ export default function Example() {
                           <a
                             href="#"
                             className="flex items-center justify-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-500 bg-opacity-60 hover:bg-opacity-70 px-8">
-                            Live demo
+                            Live example
                           </a>
                         </div>
                       </div>
diff --git a/demos/interactive-spline-scene-live-html/src/assets/cloud-illustration.svg b/examples/interactive-spline-scene-live-html/src/assets/cloud-illustration.svg
similarity index 100%
rename from demos/interactive-spline-scene-live-html/src/assets/cloud-illustration.svg
rename to examples/interactive-spline-scene-live-html/src/assets/cloud-illustration.svg
diff --git a/demos/interactive-spline-scene-live-html/src/assets/logo.svg b/examples/interactive-spline-scene-live-html/src/assets/logo.svg
similarity index 100%
rename from demos/interactive-spline-scene-live-html/src/assets/logo.svg
rename to examples/interactive-spline-scene-live-html/src/assets/logo.svg
diff --git a/demos/interactive-spline-scene-live-html/src/index.jsx b/examples/interactive-spline-scene-live-html/src/index.jsx
similarity index 100%
rename from demos/interactive-spline-scene-live-html/src/index.jsx
rename to examples/interactive-spline-scene-live-html/src/index.jsx
diff --git a/demos/interactive-spline-scene-live-html/src/styles.css b/examples/interactive-spline-scene-live-html/src/styles.css
similarity index 100%
rename from demos/interactive-spline-scene-live-html/src/styles.css
rename to examples/interactive-spline-scene-live-html/src/styles.css
diff --git a/demos/interactive-spline-scene-live-html/src/vite-env.d.ts b/examples/interactive-spline-scene-live-html/src/vite-env.d.ts
similarity index 100%
rename from demos/interactive-spline-scene-live-html/src/vite-env.d.ts
rename to examples/interactive-spline-scene-live-html/src/vite-env.d.ts
diff --git a/demos/interactive-spline-scene-live-html/thumbnail.webp b/examples/interactive-spline-scene-live-html/thumbnail.webp
similarity index 100%
rename from demos/interactive-spline-scene-live-html/thumbnail.webp
rename to examples/interactive-spline-scene-live-html/thumbnail.webp
diff --git a/demos/interactive-spline-scene-live-html/tsconfig.json b/examples/interactive-spline-scene-live-html/tsconfig.json
similarity index 100%
rename from demos/interactive-spline-scene-live-html/tsconfig.json
rename to examples/interactive-spline-scene-live-html/tsconfig.json
diff --git a/demos/interactive-spline-scene-live-html/tsconfig.node.json b/examples/interactive-spline-scene-live-html/tsconfig.node.json
similarity index 100%
rename from demos/interactive-spline-scene-live-html/tsconfig.node.json
rename to examples/interactive-spline-scene-live-html/tsconfig.node.json
diff --git a/demos/interactive-spline-scene-live-html/vite.config.ts b/examples/interactive-spline-scene-live-html/vite.config.ts
similarity index 100%
rename from demos/interactive-spline-scene-live-html/vite.config.ts
rename to examples/interactive-spline-scene-live-html/vite.config.ts
diff --git a/demos/inverted-stencil-buffer/.prettierrc b/examples/inverted-stencil-buffer/.prettierrc
similarity index 100%
rename from demos/inverted-stencil-buffer/.prettierrc
rename to examples/inverted-stencil-buffer/.prettierrc
diff --git a/examples/inverted-stencil-buffer/README.md b/examples/inverted-stencil-buffer/README.md
new file mode 100644
index 00000000..63a8854a
--- /dev/null
+++ b/examples/inverted-stencil-buffer/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/inverted-stencil-buffer)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/inverted-stencil-buffer)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/inverted-stencil-buffer)
+
+```sh
+$ npx degit pmndrs/examples/examples/inverted-stencil-buffer
+```
+
+![](thumbnail.webp)
diff --git a/demos/inverted-stencil-buffer/index.html b/examples/inverted-stencil-buffer/index.html
similarity index 100%
rename from demos/inverted-stencil-buffer/index.html
rename to examples/inverted-stencil-buffer/index.html
diff --git a/demos/inverted-stencil-buffer/package.json b/examples/inverted-stencil-buffer/package.json
similarity index 85%
rename from demos/inverted-stencil-buffer/package.json
rename to examples/inverted-stencil-buffer/package.json
index 601ed37b..e0cc814d 100644
--- a/demos/inverted-stencil-buffer/package.json
+++ b/examples/inverted-stencil-buffer/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/inverted-stencil-buffer",
+  "name": "@example/inverted-stencil-buffer",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/inverted-stencil-buffer"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/inverted-stencil-buffer"
   }
 }
diff --git a/demos/inverted-stencil-buffer/pmndrs.json b/examples/inverted-stencil-buffer/pmndrs.json
similarity index 100%
rename from demos/inverted-stencil-buffer/pmndrs.json
rename to examples/inverted-stencil-buffer/pmndrs.json
diff --git a/demos/inverted-stencil-buffer/public/vite.svg b/examples/inverted-stencil-buffer/public/vite.svg
similarity index 100%
rename from demos/inverted-stencil-buffer/public/vite.svg
rename to examples/inverted-stencil-buffer/public/vite.svg
diff --git a/demos/inverted-stencil-buffer/src/App.jsx b/examples/inverted-stencil-buffer/src/App.jsx
similarity index 100%
rename from demos/inverted-stencil-buffer/src/App.jsx
rename to examples/inverted-stencil-buffer/src/App.jsx
diff --git a/demos/inverted-stencil-buffer/src/index.jsx b/examples/inverted-stencil-buffer/src/index.jsx
similarity index 100%
rename from demos/inverted-stencil-buffer/src/index.jsx
rename to examples/inverted-stencil-buffer/src/index.jsx
diff --git a/demos/inverted-stencil-buffer/src/react-transformed.glb b/examples/inverted-stencil-buffer/src/react-transformed.glb
similarity index 100%
rename from demos/inverted-stencil-buffer/src/react-transformed.glb
rename to examples/inverted-stencil-buffer/src/react-transformed.glb
diff --git a/demos/inverted-stencil-buffer/src/styles.css b/examples/inverted-stencil-buffer/src/styles.css
similarity index 100%
rename from demos/inverted-stencil-buffer/src/styles.css
rename to examples/inverted-stencil-buffer/src/styles.css
diff --git a/demos/inverted-stencil-buffer/src/vite-env.d.ts b/examples/inverted-stencil-buffer/src/vite-env.d.ts
similarity index 100%
rename from demos/inverted-stencil-buffer/src/vite-env.d.ts
rename to examples/inverted-stencil-buffer/src/vite-env.d.ts
diff --git a/demos/inverted-stencil-buffer/thumbnail.webp b/examples/inverted-stencil-buffer/thumbnail.webp
similarity index 100%
rename from demos/inverted-stencil-buffer/thumbnail.webp
rename to examples/inverted-stencil-buffer/thumbnail.webp
diff --git a/demos/inverted-stencil-buffer/tsconfig.json b/examples/inverted-stencil-buffer/tsconfig.json
similarity index 100%
rename from demos/inverted-stencil-buffer/tsconfig.json
rename to examples/inverted-stencil-buffer/tsconfig.json
diff --git a/demos/inverted-stencil-buffer/tsconfig.node.json b/examples/inverted-stencil-buffer/tsconfig.node.json
similarity index 100%
rename from demos/inverted-stencil-buffer/tsconfig.node.json
rename to examples/inverted-stencil-buffer/tsconfig.node.json
diff --git a/demos/inverted-stencil-buffer/vite.config.ts b/examples/inverted-stencil-buffer/vite.config.ts
similarity index 100%
rename from demos/inverted-stencil-buffer/vite.config.ts
rename to examples/inverted-stencil-buffer/vite.config.ts
diff --git a/demos/iridescent-decals/.prettierrc b/examples/iridescent-decals/.prettierrc
similarity index 100%
rename from demos/iridescent-decals/.prettierrc
rename to examples/iridescent-decals/.prettierrc
diff --git a/examples/iridescent-decals/README.md b/examples/iridescent-decals/README.md
new file mode 100644
index 00000000..8e170cf9
--- /dev/null
+++ b/examples/iridescent-decals/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/iridescent-decals)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/iridescent-decals)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/iridescent-decals)
+
+```sh
+$ npx degit pmndrs/examples/examples/iridescent-decals
+```
+
+![](thumbnail.webp)
diff --git a/demos/iridescent-decals/index.html b/examples/iridescent-decals/index.html
similarity index 100%
rename from demos/iridescent-decals/index.html
rename to examples/iridescent-decals/index.html
diff --git a/examples/iridescent-decals/package.json b/examples/iridescent-decals/package.json
new file mode 100644
index 00000000..7f590ccd
--- /dev/null
+++ b/examples/iridescent-decals/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/iridescent-decals",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/iridescent-decals"
+  }
+}
diff --git a/demos/iridescent-decals/pmndrs.json b/examples/iridescent-decals/pmndrs.json
similarity index 100%
rename from demos/iridescent-decals/pmndrs.json
rename to examples/iridescent-decals/pmndrs.json
diff --git a/demos/iridescent-decals/public/vite.svg b/examples/iridescent-decals/public/vite.svg
similarity index 100%
rename from demos/iridescent-decals/public/vite.svg
rename to examples/iridescent-decals/public/vite.svg
diff --git a/demos/iridescent-decals/src/App.jsx b/examples/iridescent-decals/src/App.jsx
similarity index 100%
rename from demos/iridescent-decals/src/App.jsx
rename to examples/iridescent-decals/src/App.jsx
diff --git a/demos/iridescent-decals/src/D64aIWkXoAAFI08.png b/examples/iridescent-decals/src/D64aIWkXoAAFI08.png
similarity index 100%
rename from demos/iridescent-decals/src/D64aIWkXoAAFI08.png
rename to examples/iridescent-decals/src/D64aIWkXoAAFI08.png
diff --git a/demos/iridescent-decals/src/Sticjer_1024x1024@2x.png b/examples/iridescent-decals/src/Sticjer_1024x1024@2x.png
similarity index 100%
rename from demos/iridescent-decals/src/Sticjer_1024x1024@2x.png
rename to examples/iridescent-decals/src/Sticjer_1024x1024@2x.png
diff --git a/demos/iridescent-decals/src/Twemoji_1f600.svg.png b/examples/iridescent-decals/src/Twemoji_1f600.svg.png
similarity index 100%
rename from demos/iridescent-decals/src/Twemoji_1f600.svg.png
rename to examples/iridescent-decals/src/Twemoji_1f600.svg.png
diff --git a/demos/iridescent-decals/src/assets/bunny.gltf b/examples/iridescent-decals/src/assets/bunny.gltf
similarity index 100%
rename from demos/iridescent-decals/src/assets/bunny.gltf
rename to examples/iridescent-decals/src/assets/bunny.gltf
diff --git a/demos/iridescent-decals/src/index.jsx b/examples/iridescent-decals/src/index.jsx
similarity index 100%
rename from demos/iridescent-decals/src/index.jsx
rename to examples/iridescent-decals/src/index.jsx
diff --git a/demos/iridescent-decals/src/styles.css b/examples/iridescent-decals/src/styles.css
similarity index 100%
rename from demos/iridescent-decals/src/styles.css
rename to examples/iridescent-decals/src/styles.css
diff --git a/demos/iridescent-decals/src/three.png b/examples/iridescent-decals/src/three.png
similarity index 100%
rename from demos/iridescent-decals/src/three.png
rename to examples/iridescent-decals/src/three.png
diff --git a/demos/iridescent-decals/src/vite-env.d.ts b/examples/iridescent-decals/src/vite-env.d.ts
similarity index 100%
rename from demos/iridescent-decals/src/vite-env.d.ts
rename to examples/iridescent-decals/src/vite-env.d.ts
diff --git a/demos/iridescent-decals/thumbnail.webp b/examples/iridescent-decals/thumbnail.webp
similarity index 100%
rename from demos/iridescent-decals/thumbnail.webp
rename to examples/iridescent-decals/thumbnail.webp
diff --git a/demos/iridescent-decals/tsconfig.json b/examples/iridescent-decals/tsconfig.json
similarity index 100%
rename from demos/iridescent-decals/tsconfig.json
rename to examples/iridescent-decals/tsconfig.json
diff --git a/demos/iridescent-decals/tsconfig.node.json b/examples/iridescent-decals/tsconfig.node.json
similarity index 100%
rename from demos/iridescent-decals/tsconfig.node.json
rename to examples/iridescent-decals/tsconfig.node.json
diff --git a/demos/iridescent-decals/vite.config.ts b/examples/iridescent-decals/vite.config.ts
similarity index 100%
rename from demos/iridescent-decals/vite.config.ts
rename to examples/iridescent-decals/vite.config.ts
diff --git a/demos/lamina-1x/.prettierrc b/examples/lamina-1x/.prettierrc
similarity index 100%
rename from demos/lamina-1x/.prettierrc
rename to examples/lamina-1x/.prettierrc
diff --git a/examples/lamina-1x/README.md b/examples/lamina-1x/README.md
new file mode 100644
index 00000000..421d76dd
--- /dev/null
+++ b/examples/lamina-1x/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/lamina-1x)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/lamina-1x)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/lamina-1x)
+
+```sh
+$ npx degit pmndrs/examples/examples/lamina-1x
+```
+
+![](thumbnail.webp)
diff --git a/demos/lamina-1x/index.html b/examples/lamina-1x/index.html
similarity index 100%
rename from demos/lamina-1x/index.html
rename to examples/lamina-1x/index.html
diff --git a/demos/lamina-1x/package.json b/examples/lamina-1x/package.json
similarity index 88%
rename from demos/lamina-1x/package.json
rename to examples/lamina-1x/package.json
index a76963d6..c1f20eb0 100644
--- a/demos/lamina-1x/package.json
+++ b/examples/lamina-1x/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/lamina-1x",
+  "name": "@example/lamina-1x",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,7 +33,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/lamina-1x"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/lamina-1x"
   },
   "type": "module"
 }
diff --git a/demos/lamina-1x/pmndrs.json b/examples/lamina-1x/pmndrs.json
similarity index 100%
rename from demos/lamina-1x/pmndrs.json
rename to examples/lamina-1x/pmndrs.json
diff --git a/demos/lamina-1x/public/vite.svg b/examples/lamina-1x/public/vite.svg
similarity index 100%
rename from demos/lamina-1x/public/vite.svg
rename to examples/lamina-1x/public/vite.svg
diff --git a/demos/lamina-1x/src/App.jsx b/examples/lamina-1x/src/App.jsx
similarity index 100%
rename from demos/lamina-1x/src/App.jsx
rename to examples/lamina-1x/src/App.jsx
diff --git a/demos/lamina-1x/src/cursor.glb b/examples/lamina-1x/src/cursor.glb
similarity index 100%
rename from demos/lamina-1x/src/cursor.glb
rename to examples/lamina-1x/src/cursor.glb
diff --git a/demos/lamina-1x/src/index.jsx b/examples/lamina-1x/src/index.jsx
similarity index 100%
rename from demos/lamina-1x/src/index.jsx
rename to examples/lamina-1x/src/index.jsx
diff --git a/demos/lamina-1x/src/styles.css b/examples/lamina-1x/src/styles.css
similarity index 100%
rename from demos/lamina-1x/src/styles.css
rename to examples/lamina-1x/src/styles.css
diff --git a/demos/lamina-1x/src/vite-env.d.ts b/examples/lamina-1x/src/vite-env.d.ts
similarity index 100%
rename from demos/lamina-1x/src/vite-env.d.ts
rename to examples/lamina-1x/src/vite-env.d.ts
diff --git a/demos/lamina-1x/thumbnail.webp b/examples/lamina-1x/thumbnail.webp
similarity index 100%
rename from demos/lamina-1x/thumbnail.webp
rename to examples/lamina-1x/thumbnail.webp
diff --git a/demos/lamina-1x/tsconfig.json b/examples/lamina-1x/tsconfig.json
similarity index 100%
rename from demos/lamina-1x/tsconfig.json
rename to examples/lamina-1x/tsconfig.json
diff --git a/demos/lamina-1x/tsconfig.node.json b/examples/lamina-1x/tsconfig.node.json
similarity index 100%
rename from demos/lamina-1x/tsconfig.node.json
rename to examples/lamina-1x/tsconfig.node.json
diff --git a/demos/lamina-1x/vite.config.ts b/examples/lamina-1x/vite.config.ts
similarity index 100%
rename from demos/lamina-1x/vite.config.ts
rename to examples/lamina-1x/vite.config.ts
diff --git a/demos/landing-page/.prettierrc b/examples/landing-page/.prettierrc
similarity index 100%
rename from demos/landing-page/.prettierrc
rename to examples/landing-page/.prettierrc
diff --git a/examples/landing-page/README.md b/examples/landing-page/README.md
new file mode 100644
index 00000000..1a7b6839
--- /dev/null
+++ b/examples/landing-page/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/landing-page)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/landing-page)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/landing-page)
+
+```sh
+$ npx degit pmndrs/examples/examples/landing-page
+```
+
+![](thumbnail.webp)
diff --git a/demos/landing-page/index.html b/examples/landing-page/index.html
similarity index 100%
rename from demos/landing-page/index.html
rename to examples/landing-page/index.html
diff --git a/demos/landing-page/package.json b/examples/landing-page/package.json
similarity index 87%
rename from demos/landing-page/package.json
rename to examples/landing-page/package.json
index 4f983f07..5199dd0b 100644
--- a/demos/landing-page/package.json
+++ b/examples/landing-page/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/landing-page",
+  "name": "@example/landing-page",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/landing-page"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/landing-page"
   }
 }
diff --git a/demos/landing-page/pmndrs.json b/examples/landing-page/pmndrs.json
similarity index 100%
rename from demos/landing-page/pmndrs.json
rename to examples/landing-page/pmndrs.json
diff --git a/demos/landing-page/public/vite.svg b/examples/landing-page/public/vite.svg
similarity index 100%
rename from demos/landing-page/public/vite.svg
rename to examples/landing-page/public/vite.svg
diff --git a/demos/landing-page/src/App.jsx b/examples/landing-page/src/App.jsx
similarity index 100%
rename from demos/landing-page/src/App.jsx
rename to examples/landing-page/src/App.jsx
diff --git a/demos/landing-page/src/Thunder-BlackLC.ttf b/examples/landing-page/src/Thunder-BlackLC.ttf
similarity index 100%
rename from demos/landing-page/src/Thunder-BlackLC.ttf
rename to examples/landing-page/src/Thunder-BlackLC.ttf
diff --git a/demos/landing-page/src/Thunder-BlackLC.woff b/examples/landing-page/src/Thunder-BlackLC.woff
similarity index 100%
rename from demos/landing-page/src/Thunder-BlackLC.woff
rename to examples/landing-page/src/Thunder-BlackLC.woff
diff --git a/demos/landing-page/src/Thunder-BlackLC.woff2 b/examples/landing-page/src/Thunder-BlackLC.woff2
similarity index 100%
rename from demos/landing-page/src/Thunder-BlackLC.woff2
rename to examples/landing-page/src/Thunder-BlackLC.woff2
diff --git a/demos/landing-page/src/Thunder-ThinLC.ttf b/examples/landing-page/src/Thunder-ThinLC.ttf
similarity index 100%
rename from demos/landing-page/src/Thunder-ThinLC.ttf
rename to examples/landing-page/src/Thunder-ThinLC.ttf
diff --git a/demos/landing-page/src/Thunder-ThinLC.woff b/examples/landing-page/src/Thunder-ThinLC.woff
similarity index 100%
rename from demos/landing-page/src/Thunder-ThinLC.woff
rename to examples/landing-page/src/Thunder-ThinLC.woff
diff --git a/demos/landing-page/src/Thunder-ThinLC.woff2 b/examples/landing-page/src/Thunder-ThinLC.woff2
similarity index 100%
rename from demos/landing-page/src/Thunder-ThinLC.woff2
rename to examples/landing-page/src/Thunder-ThinLC.woff2
diff --git a/demos/landing-page/src/Underlay.jsx b/examples/landing-page/src/Underlay.jsx
similarity index 100%
rename from demos/landing-page/src/Underlay.jsx
rename to examples/landing-page/src/Underlay.jsx
diff --git a/demos/landing-page/src/index.jsx b/examples/landing-page/src/index.jsx
similarity index 100%
rename from demos/landing-page/src/index.jsx
rename to examples/landing-page/src/index.jsx
diff --git a/demos/landing-page/src/shoe-draco.glb b/examples/landing-page/src/shoe-draco.glb
similarity index 100%
rename from demos/landing-page/src/shoe-draco.glb
rename to examples/landing-page/src/shoe-draco.glb
diff --git a/demos/landing-page/src/styles.css b/examples/landing-page/src/styles.css
similarity index 100%
rename from demos/landing-page/src/styles.css
rename to examples/landing-page/src/styles.css
diff --git a/demos/landing-page/src/vite-env.d.ts b/examples/landing-page/src/vite-env.d.ts
similarity index 100%
rename from demos/landing-page/src/vite-env.d.ts
rename to examples/landing-page/src/vite-env.d.ts
diff --git a/demos/landing-page/thumbnail.webp b/examples/landing-page/thumbnail.webp
similarity index 100%
rename from demos/landing-page/thumbnail.webp
rename to examples/landing-page/thumbnail.webp
diff --git a/demos/landing-page/tsconfig.json b/examples/landing-page/tsconfig.json
similarity index 100%
rename from demos/landing-page/tsconfig.json
rename to examples/landing-page/tsconfig.json
diff --git a/demos/landing-page/tsconfig.node.json b/examples/landing-page/tsconfig.node.json
similarity index 100%
rename from demos/landing-page/tsconfig.node.json
rename to examples/landing-page/tsconfig.node.json
diff --git a/demos/landing-page/vite.config.ts b/examples/landing-page/vite.config.ts
similarity index 100%
rename from demos/landing-page/vite.config.ts
rename to examples/landing-page/vite.config.ts
diff --git a/demos/learn-with-jason/.prettierrc b/examples/learn-with-jason/.prettierrc
similarity index 100%
rename from demos/learn-with-jason/.prettierrc
rename to examples/learn-with-jason/.prettierrc
diff --git a/examples/learn-with-jason/README.md b/examples/learn-with-jason/README.md
new file mode 100644
index 00000000..6db4f72c
--- /dev/null
+++ b/examples/learn-with-jason/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/learn-with-jason)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/learn-with-jason)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/learn-with-jason)
+
+```sh
+$ npx degit pmndrs/examples/examples/learn-with-jason
+```
+
+![](thumbnail.webp)
diff --git a/demos/learn-with-jason/index.html b/examples/learn-with-jason/index.html
similarity index 100%
rename from demos/learn-with-jason/index.html
rename to examples/learn-with-jason/index.html
diff --git a/demos/learn-with-jason/package.json b/examples/learn-with-jason/package.json
similarity index 88%
rename from demos/learn-with-jason/package.json
rename to examples/learn-with-jason/package.json
index 7969d67c..9a03192d 100644
--- a/demos/learn-with-jason/package.json
+++ b/examples/learn-with-jason/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/learn-with-jason",
+  "name": "@example/learn-with-jason",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -42,6 +42,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/learn-with-jason"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/learn-with-jason"
   }
 }
diff --git a/demos/learn-with-jason/pmndrs.json b/examples/learn-with-jason/pmndrs.json
similarity index 100%
rename from demos/learn-with-jason/pmndrs.json
rename to examples/learn-with-jason/pmndrs.json
diff --git a/demos/learn-with-jason/public/favicon.ico b/examples/learn-with-jason/public/favicon.ico
similarity index 100%
rename from demos/learn-with-jason/public/favicon.ico
rename to examples/learn-with-jason/public/favicon.ico
diff --git a/demos/learn-with-jason/public/logo192.png b/examples/learn-with-jason/public/logo192.png
similarity index 100%
rename from demos/learn-with-jason/public/logo192.png
rename to examples/learn-with-jason/public/logo192.png
diff --git a/demos/learn-with-jason/public/logo512.png b/examples/learn-with-jason/public/logo512.png
similarity index 100%
rename from demos/learn-with-jason/public/logo512.png
rename to examples/learn-with-jason/public/logo512.png
diff --git a/demos/learn-with-jason/public/manifest.json b/examples/learn-with-jason/public/manifest.json
similarity index 100%
rename from demos/learn-with-jason/public/manifest.json
rename to examples/learn-with-jason/public/manifest.json
diff --git a/demos/learn-with-jason/public/robots.txt b/examples/learn-with-jason/public/robots.txt
similarity index 100%
rename from demos/learn-with-jason/public/robots.txt
rename to examples/learn-with-jason/public/robots.txt
diff --git a/demos/learn-with-jason/public/vite.svg b/examples/learn-with-jason/public/vite.svg
similarity index 100%
rename from demos/learn-with-jason/public/vite.svg
rename to examples/learn-with-jason/public/vite.svg
diff --git a/demos/learn-with-jason/src/App.jsx b/examples/learn-with-jason/src/App.jsx
similarity index 100%
rename from demos/learn-with-jason/src/App.jsx
rename to examples/learn-with-jason/src/App.jsx
diff --git a/demos/learn-with-jason/src/index.jsx b/examples/learn-with-jason/src/index.jsx
similarity index 100%
rename from demos/learn-with-jason/src/index.jsx
rename to examples/learn-with-jason/src/index.jsx
diff --git a/demos/learn-with-jason/src/scene.glb b/examples/learn-with-jason/src/scene.glb
similarity index 100%
rename from demos/learn-with-jason/src/scene.glb
rename to examples/learn-with-jason/src/scene.glb
diff --git a/demos/learn-with-jason/src/styles.css b/examples/learn-with-jason/src/styles.css
similarity index 100%
rename from demos/learn-with-jason/src/styles.css
rename to examples/learn-with-jason/src/styles.css
diff --git a/demos/learn-with-jason/src/vite-env.d.ts b/examples/learn-with-jason/src/vite-env.d.ts
similarity index 100%
rename from demos/learn-with-jason/src/vite-env.d.ts
rename to examples/learn-with-jason/src/vite-env.d.ts
diff --git a/demos/learn-with-jason/thumbnail.webp b/examples/learn-with-jason/thumbnail.webp
similarity index 100%
rename from demos/learn-with-jason/thumbnail.webp
rename to examples/learn-with-jason/thumbnail.webp
diff --git a/demos/learn-with-jason/tsconfig.json b/examples/learn-with-jason/tsconfig.json
similarity index 100%
rename from demos/learn-with-jason/tsconfig.json
rename to examples/learn-with-jason/tsconfig.json
diff --git a/demos/learn-with-jason/tsconfig.node.json b/examples/learn-with-jason/tsconfig.node.json
similarity index 100%
rename from demos/learn-with-jason/tsconfig.node.json
rename to examples/learn-with-jason/tsconfig.node.json
diff --git a/demos/learn-with-jason/vite.config.ts b/examples/learn-with-jason/vite.config.ts
similarity index 100%
rename from demos/learn-with-jason/vite.config.ts
rename to examples/learn-with-jason/vite.config.ts
diff --git a/demos/lulaby-city/.prettierrc b/examples/lulaby-city/.prettierrc
similarity index 100%
rename from demos/lulaby-city/.prettierrc
rename to examples/lulaby-city/.prettierrc
diff --git a/examples/lulaby-city/README.md b/examples/lulaby-city/README.md
new file mode 100644
index 00000000..c193f27d
--- /dev/null
+++ b/examples/lulaby-city/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/lulaby-city)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/lulaby-city)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/lulaby-city)
+
+```sh
+$ npx degit pmndrs/examples/examples/lulaby-city
+```
+
+![](thumbnail.webp)
diff --git a/demos/lulaby-city/index.html b/examples/lulaby-city/index.html
similarity index 100%
rename from demos/lulaby-city/index.html
rename to examples/lulaby-city/index.html
diff --git a/demos/lulaby-city/package.json b/examples/lulaby-city/package.json
similarity index 91%
rename from demos/lulaby-city/package.json
rename to examples/lulaby-city/package.json
index 079c5099..3f3ac053 100644
--- a/demos/lulaby-city/package.json
+++ b/examples/lulaby-city/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/lulaby-city",
+  "name": "@example/lulaby-city",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -57,6 +57,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/lulaby-city"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/lulaby-city"
   }
 }
diff --git a/demos/lulaby-city/pmndrs.json b/examples/lulaby-city/pmndrs.json
similarity index 100%
rename from demos/lulaby-city/pmndrs.json
rename to examples/lulaby-city/pmndrs.json
diff --git a/demos/lulaby-city/public/favicon.ico b/examples/lulaby-city/public/favicon.ico
similarity index 100%
rename from demos/lulaby-city/public/favicon.ico
rename to examples/lulaby-city/public/favicon.ico
diff --git a/demos/lulaby-city/public/logo192.png b/examples/lulaby-city/public/logo192.png
similarity index 100%
rename from demos/lulaby-city/public/logo192.png
rename to examples/lulaby-city/public/logo192.png
diff --git a/demos/lulaby-city/public/logo512.png b/examples/lulaby-city/public/logo512.png
similarity index 100%
rename from demos/lulaby-city/public/logo512.png
rename to examples/lulaby-city/public/logo512.png
diff --git a/demos/lulaby-city/public/manifest.json b/examples/lulaby-city/public/manifest.json
similarity index 100%
rename from demos/lulaby-city/public/manifest.json
rename to examples/lulaby-city/public/manifest.json
diff --git a/demos/lulaby-city/public/robots.txt b/examples/lulaby-city/public/robots.txt
similarity index 100%
rename from demos/lulaby-city/public/robots.txt
rename to examples/lulaby-city/public/robots.txt
diff --git a/demos/lulaby-city/public/vite.svg b/examples/lulaby-city/public/vite.svg
similarity index 100%
rename from demos/lulaby-city/public/vite.svg
rename to examples/lulaby-city/public/vite.svg
diff --git a/demos/lulaby-city/sandbox.config.json b/examples/lulaby-city/sandbox.config.json
similarity index 100%
rename from demos/lulaby-city/sandbox.config.json
rename to examples/lulaby-city/sandbox.config.json
diff --git a/demos/lulaby-city/src/App.jsx b/examples/lulaby-city/src/App.jsx
similarity index 100%
rename from demos/lulaby-city/src/App.jsx
rename to examples/lulaby-city/src/App.jsx
diff --git a/demos/lulaby-city/src/Intro.jsx b/examples/lulaby-city/src/Intro.jsx
similarity index 100%
rename from demos/lulaby-city/src/Intro.jsx
rename to examples/lulaby-city/src/Intro.jsx
diff --git a/demos/lulaby-city/src/index.jsx b/examples/lulaby-city/src/index.jsx
similarity index 100%
rename from demos/lulaby-city/src/index.jsx
rename to examples/lulaby-city/src/index.jsx
diff --git a/demos/lulaby-city/src/scene-draco.glb b/examples/lulaby-city/src/scene-draco.glb
similarity index 100%
rename from demos/lulaby-city/src/scene-draco.glb
rename to examples/lulaby-city/src/scene-draco.glb
diff --git a/demos/lulaby-city/src/styles.css b/examples/lulaby-city/src/styles.css
similarity index 100%
rename from demos/lulaby-city/src/styles.css
rename to examples/lulaby-city/src/styles.css
diff --git a/demos/lulaby-city/src/vite-env.d.ts b/examples/lulaby-city/src/vite-env.d.ts
similarity index 100%
rename from demos/lulaby-city/src/vite-env.d.ts
rename to examples/lulaby-city/src/vite-env.d.ts
diff --git a/demos/lulaby-city/src/zapsplat_icecream.mp3 b/examples/lulaby-city/src/zapsplat_icecream.mp3
similarity index 100%
rename from demos/lulaby-city/src/zapsplat_icecream.mp3
rename to examples/lulaby-city/src/zapsplat_icecream.mp3
diff --git a/demos/lulaby-city/thumbnail.webp b/examples/lulaby-city/thumbnail.webp
similarity index 100%
rename from demos/lulaby-city/thumbnail.webp
rename to examples/lulaby-city/thumbnail.webp
diff --git a/demos/lulaby-city/tsconfig.json b/examples/lulaby-city/tsconfig.json
similarity index 100%
rename from demos/lulaby-city/tsconfig.json
rename to examples/lulaby-city/tsconfig.json
diff --git a/demos/lulaby-city/tsconfig.node.json b/examples/lulaby-city/tsconfig.node.json
similarity index 100%
rename from demos/lulaby-city/tsconfig.node.json
rename to examples/lulaby-city/tsconfig.node.json
diff --git a/demos/lulaby-city/vite.config.ts b/examples/lulaby-city/vite.config.ts
similarity index 100%
rename from demos/lulaby-city/vite.config.ts
rename to examples/lulaby-city/vite.config.ts
diff --git a/demos/lusion-connectors/.prettierrc b/examples/lusion-connectors/.prettierrc
similarity index 100%
rename from demos/lusion-connectors/.prettierrc
rename to examples/lusion-connectors/.prettierrc
diff --git a/examples/lusion-connectors/README.md b/examples/lusion-connectors/README.md
new file mode 100644
index 00000000..4a31a534
--- /dev/null
+++ b/examples/lusion-connectors/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/lusion-connectors)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/lusion-connectors)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/lusion-connectors)
+
+```sh
+$ npx degit pmndrs/examples/examples/lusion-connectors
+```
+
+![](thumbnail.webp)
diff --git a/demos/lusion-connectors/index.html b/examples/lusion-connectors/index.html
similarity index 100%
rename from demos/lusion-connectors/index.html
rename to examples/lusion-connectors/index.html
diff --git a/demos/lusion-connectors/package.json b/examples/lusion-connectors/package.json
similarity index 87%
rename from demos/lusion-connectors/package.json
rename to examples/lusion-connectors/package.json
index 2bf3d68f..d8e2dc21 100644
--- a/demos/lusion-connectors/package.json
+++ b/examples/lusion-connectors/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/lusion-connectors",
+  "name": "@example/lusion-connectors",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/lusion-connectors"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/lusion-connectors"
   }
 }
diff --git a/demos/lusion-connectors/pmndrs.json b/examples/lusion-connectors/pmndrs.json
similarity index 100%
rename from demos/lusion-connectors/pmndrs.json
rename to examples/lusion-connectors/pmndrs.json
diff --git a/demos/lusion-connectors/public/vite.svg b/examples/lusion-connectors/public/vite.svg
similarity index 100%
rename from demos/lusion-connectors/public/vite.svg
rename to examples/lusion-connectors/public/vite.svg
diff --git a/demos/lusion-connectors/src/App.jsx b/examples/lusion-connectors/src/App.jsx
similarity index 100%
rename from demos/lusion-connectors/src/App.jsx
rename to examples/lusion-connectors/src/App.jsx
diff --git a/demos/lusion-connectors/src/c-transformed.glb b/examples/lusion-connectors/src/c-transformed.glb
similarity index 100%
rename from demos/lusion-connectors/src/c-transformed.glb
rename to examples/lusion-connectors/src/c-transformed.glb
diff --git a/demos/lusion-connectors/src/index.jsx b/examples/lusion-connectors/src/index.jsx
similarity index 100%
rename from demos/lusion-connectors/src/index.jsx
rename to examples/lusion-connectors/src/index.jsx
diff --git a/demos/lusion-connectors/src/styles.css b/examples/lusion-connectors/src/styles.css
similarity index 100%
rename from demos/lusion-connectors/src/styles.css
rename to examples/lusion-connectors/src/styles.css
diff --git a/demos/lusion-connectors/src/vite-env.d.ts b/examples/lusion-connectors/src/vite-env.d.ts
similarity index 100%
rename from demos/lusion-connectors/src/vite-env.d.ts
rename to examples/lusion-connectors/src/vite-env.d.ts
diff --git a/demos/lusion-connectors/thumbnail.webp b/examples/lusion-connectors/thumbnail.webp
similarity index 100%
rename from demos/lusion-connectors/thumbnail.webp
rename to examples/lusion-connectors/thumbnail.webp
diff --git a/demos/lusion-connectors/tsconfig.json b/examples/lusion-connectors/tsconfig.json
similarity index 100%
rename from demos/lusion-connectors/tsconfig.json
rename to examples/lusion-connectors/tsconfig.json
diff --git a/demos/lusion-connectors/tsconfig.node.json b/examples/lusion-connectors/tsconfig.node.json
similarity index 100%
rename from demos/lusion-connectors/tsconfig.node.json
rename to examples/lusion-connectors/tsconfig.node.json
diff --git a/demos/lusion-connectors/vite.config.ts b/examples/lusion-connectors/vite.config.ts
similarity index 100%
rename from demos/lusion-connectors/vite.config.ts
rename to examples/lusion-connectors/vite.config.ts
diff --git a/demos/magic-box/.prettierrc b/examples/magic-box/.prettierrc
similarity index 100%
rename from demos/magic-box/.prettierrc
rename to examples/magic-box/.prettierrc
diff --git a/examples/magic-box/README.md b/examples/magic-box/README.md
new file mode 100644
index 00000000..913c05dd
--- /dev/null
+++ b/examples/magic-box/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/magic-box)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/magic-box)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/magic-box)
+
+```sh
+$ npx degit pmndrs/examples/examples/magic-box
+```
+
+![](thumbnail.webp)
diff --git a/demos/magic-box/index.html b/examples/magic-box/index.html
similarity index 100%
rename from demos/magic-box/index.html
rename to examples/magic-box/index.html
diff --git a/demos/portals/package.json b/examples/magic-box/package.json
similarity index 87%
rename from demos/portals/package.json
rename to examples/magic-box/package.json
index 20b58f26..99c16eda 100644
--- a/demos/portals/package.json
+++ b/examples/magic-box/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/portals",
+  "name": "@example/magic-box",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/portals"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/magic-box"
   }
 }
diff --git a/demos/magic-box/pmndrs.json b/examples/magic-box/pmndrs.json
similarity index 100%
rename from demos/magic-box/pmndrs.json
rename to examples/magic-box/pmndrs.json
diff --git a/demos/magic-box/public/vite.svg b/examples/magic-box/public/vite.svg
similarity index 100%
rename from demos/magic-box/public/vite.svg
rename to examples/magic-box/public/vite.svg
diff --git a/demos/magic-box/sandbox.config.json b/examples/magic-box/sandbox.config.json
similarity index 100%
rename from demos/magic-box/sandbox.config.json
rename to examples/magic-box/sandbox.config.json
diff --git a/demos/magic-box/src/App.jsx b/examples/magic-box/src/App.jsx
similarity index 100%
rename from demos/magic-box/src/App.jsx
rename to examples/magic-box/src/App.jsx
diff --git a/demos/magic-box/src/aobox-transformed.glb b/examples/magic-box/src/aobox-transformed.glb
similarity index 100%
rename from demos/magic-box/src/aobox-transformed.glb
rename to examples/magic-box/src/aobox-transformed.glb
diff --git a/demos/magic-box/src/index.jsx b/examples/magic-box/src/index.jsx
similarity index 100%
rename from demos/magic-box/src/index.jsx
rename to examples/magic-box/src/index.jsx
diff --git a/demos/magic-box/src/styles.css b/examples/magic-box/src/styles.css
similarity index 100%
rename from demos/magic-box/src/styles.css
rename to examples/magic-box/src/styles.css
diff --git a/demos/magic-box/src/vite-env.d.ts b/examples/magic-box/src/vite-env.d.ts
similarity index 100%
rename from demos/magic-box/src/vite-env.d.ts
rename to examples/magic-box/src/vite-env.d.ts
diff --git a/demos/magic-box/thumbnail.webp b/examples/magic-box/thumbnail.webp
similarity index 100%
rename from demos/magic-box/thumbnail.webp
rename to examples/magic-box/thumbnail.webp
diff --git a/demos/magic-box/tsconfig.json b/examples/magic-box/tsconfig.json
similarity index 100%
rename from demos/magic-box/tsconfig.json
rename to examples/magic-box/tsconfig.json
diff --git a/demos/magic-box/tsconfig.node.json b/examples/magic-box/tsconfig.node.json
similarity index 100%
rename from demos/magic-box/tsconfig.node.json
rename to examples/magic-box/tsconfig.node.json
diff --git a/demos/magic-box/vite.config.ts b/examples/magic-box/vite.config.ts
similarity index 100%
rename from demos/magic-box/vite.config.ts
rename to examples/magic-box/vite.config.ts
diff --git a/demos/merged-instance/.prettierrc b/examples/merged-instance/.prettierrc
similarity index 100%
rename from demos/merged-instance/.prettierrc
rename to examples/merged-instance/.prettierrc
diff --git a/examples/merged-instance/README.md b/examples/merged-instance/README.md
new file mode 100644
index 00000000..305ef049
--- /dev/null
+++ b/examples/merged-instance/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/merged-instance)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/merged-instance)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/merged-instance)
+
+```sh
+$ npx degit pmndrs/examples/examples/merged-instance
+```
+
+![](thumbnail.webp)
diff --git a/demos/merged-instance/index.html b/examples/merged-instance/index.html
similarity index 100%
rename from demos/merged-instance/index.html
rename to examples/merged-instance/index.html
diff --git a/examples/merged-instance/package.json b/examples/merged-instance/package.json
new file mode 100644
index 00000000..5db1752b
--- /dev/null
+++ b/examples/merged-instance/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/merged-instance",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/merged-instance"
+  }
+}
diff --git a/demos/merged-instance/pmndrs.json b/examples/merged-instance/pmndrs.json
similarity index 100%
rename from demos/merged-instance/pmndrs.json
rename to examples/merged-instance/pmndrs.json
diff --git a/demos/merged-instance/public/vite.svg b/examples/merged-instance/public/vite.svg
similarity index 100%
rename from demos/merged-instance/public/vite.svg
rename to examples/merged-instance/public/vite.svg
diff --git a/demos/merged-instance/src/App.jsx b/examples/merged-instance/src/App.jsx
similarity index 100%
rename from demos/merged-instance/src/App.jsx
rename to examples/merged-instance/src/App.jsx
diff --git a/demos/merged-instance/src/Model.jsx b/examples/merged-instance/src/Model.jsx
similarity index 100%
rename from demos/merged-instance/src/Model.jsx
rename to examples/merged-instance/src/Model.jsx
diff --git a/demos/merged-instance/src/index.jsx b/examples/merged-instance/src/index.jsx
similarity index 100%
rename from demos/merged-instance/src/index.jsx
rename to examples/merged-instance/src/index.jsx
diff --git a/demos/merged-instance/src/scene-draco.glb b/examples/merged-instance/src/scene-draco.glb
similarity index 100%
rename from demos/merged-instance/src/scene-draco.glb
rename to examples/merged-instance/src/scene-draco.glb
diff --git a/demos/merged-instance/src/styles.css b/examples/merged-instance/src/styles.css
similarity index 100%
rename from demos/merged-instance/src/styles.css
rename to examples/merged-instance/src/styles.css
diff --git a/demos/merged-instance/src/vite-env.d.ts b/examples/merged-instance/src/vite-env.d.ts
similarity index 100%
rename from demos/merged-instance/src/vite-env.d.ts
rename to examples/merged-instance/src/vite-env.d.ts
diff --git a/demos/merged-instance/thumbnail.webp b/examples/merged-instance/thumbnail.webp
similarity index 100%
rename from demos/merged-instance/thumbnail.webp
rename to examples/merged-instance/thumbnail.webp
diff --git a/demos/merged-instance/tsconfig.json b/examples/merged-instance/tsconfig.json
similarity index 100%
rename from demos/merged-instance/tsconfig.json
rename to examples/merged-instance/tsconfig.json
diff --git a/demos/merged-instance/tsconfig.node.json b/examples/merged-instance/tsconfig.node.json
similarity index 100%
rename from demos/merged-instance/tsconfig.node.json
rename to examples/merged-instance/tsconfig.node.json
diff --git a/demos/merged-instance/vite.config.ts b/examples/merged-instance/vite.config.ts
similarity index 100%
rename from demos/merged-instance/vite.config.ts
rename to examples/merged-instance/vite.config.ts
diff --git a/demos/minecraft/.prettierrc b/examples/minecraft/.prettierrc
similarity index 100%
rename from demos/minecraft/.prettierrc
rename to examples/minecraft/.prettierrc
diff --git a/examples/minecraft/README.md b/examples/minecraft/README.md
new file mode 100644
index 00000000..db822362
--- /dev/null
+++ b/examples/minecraft/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/minecraft)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/minecraft)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/minecraft)
+
+```sh
+$ npx degit pmndrs/examples/examples/minecraft
+```
+
+![](thumbnail.webp)
diff --git a/demos/minecraft/index.html b/examples/minecraft/index.html
similarity index 100%
rename from demos/minecraft/index.html
rename to examples/minecraft/index.html
diff --git a/demos/minecraft/package.json b/examples/minecraft/package.json
similarity index 90%
rename from demos/minecraft/package.json
rename to examples/minecraft/package.json
index 87c6c961..0aa082fd 100644
--- a/demos/minecraft/package.json
+++ b/examples/minecraft/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/minecraft",
+  "name": "@example/minecraft",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -45,6 +45,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/minecraft"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/minecraft"
   }
 }
diff --git a/demos/minecraft/pmndrs.json b/examples/minecraft/pmndrs.json
similarity index 100%
rename from demos/minecraft/pmndrs.json
rename to examples/minecraft/pmndrs.json
diff --git a/demos/minecraft/public/favicon.ico b/examples/minecraft/public/favicon.ico
similarity index 100%
rename from demos/minecraft/public/favicon.ico
rename to examples/minecraft/public/favicon.ico
diff --git a/demos/minecraft/public/logo192.png b/examples/minecraft/public/logo192.png
similarity index 100%
rename from demos/minecraft/public/logo192.png
rename to examples/minecraft/public/logo192.png
diff --git a/demos/minecraft/public/logo512.png b/examples/minecraft/public/logo512.png
similarity index 100%
rename from demos/minecraft/public/logo512.png
rename to examples/minecraft/public/logo512.png
diff --git a/demos/minecraft/public/manifest.json b/examples/minecraft/public/manifest.json
similarity index 100%
rename from demos/minecraft/public/manifest.json
rename to examples/minecraft/public/manifest.json
diff --git a/demos/minecraft/public/robots.txt b/examples/minecraft/public/robots.txt
similarity index 100%
rename from demos/minecraft/public/robots.txt
rename to examples/minecraft/public/robots.txt
diff --git a/demos/minecraft/public/vite.svg b/examples/minecraft/public/vite.svg
similarity index 100%
rename from demos/minecraft/public/vite.svg
rename to examples/minecraft/public/vite.svg
diff --git a/demos/minecraft/sandbox.config.json b/examples/minecraft/sandbox.config.json
similarity index 100%
rename from demos/minecraft/sandbox.config.json
rename to examples/minecraft/sandbox.config.json
diff --git a/demos/minecraft/src/App.jsx b/examples/minecraft/src/App.jsx
similarity index 93%
rename from demos/minecraft/src/App.jsx
rename to examples/minecraft/src/App.jsx
index 3cfc8102..29a06b5d 100755
--- a/demos/minecraft/src/App.jsx
+++ b/examples/minecraft/src/App.jsx
@@ -6,7 +6,7 @@ import { Player } from "./Player"
 import { Cube, Cubes } from "./Cube"
 
 // The original was made by Maksim Ivanow: https://www.youtube.com/watch?v=Lc2JvBXMesY&t=124s
-// This demo needs pointer-lock, that works only if you open it in a new window
+// This example needs pointer-lock, that works only if you open it in a new window
 // Controls: WASD + left click
 
 export default function App() {
diff --git a/demos/minecraft/src/Axe.jsx b/examples/minecraft/src/Axe.jsx
similarity index 100%
rename from demos/minecraft/src/Axe.jsx
rename to examples/minecraft/src/Axe.jsx
diff --git a/demos/minecraft/src/Cube.jsx b/examples/minecraft/src/Cube.jsx
similarity index 100%
rename from demos/minecraft/src/Cube.jsx
rename to examples/minecraft/src/Cube.jsx
diff --git a/demos/minecraft/src/Ground.jsx b/examples/minecraft/src/Ground.jsx
similarity index 100%
rename from demos/minecraft/src/Ground.jsx
rename to examples/minecraft/src/Ground.jsx
diff --git a/demos/minecraft/src/Player.jsx b/examples/minecraft/src/Player.jsx
similarity index 100%
rename from demos/minecraft/src/Player.jsx
rename to examples/minecraft/src/Player.jsx
diff --git a/demos/minecraft/src/axe.glb b/examples/minecraft/src/axe.glb
similarity index 100%
rename from demos/minecraft/src/axe.glb
rename to examples/minecraft/src/axe.glb
diff --git a/demos/minecraft/src/dirt.jpg b/examples/minecraft/src/dirt.jpg
similarity index 100%
rename from demos/minecraft/src/dirt.jpg
rename to examples/minecraft/src/dirt.jpg
diff --git a/demos/minecraft/src/grass.jpg b/examples/minecraft/src/grass.jpg
similarity index 100%
rename from demos/minecraft/src/grass.jpg
rename to examples/minecraft/src/grass.jpg
diff --git a/demos/minecraft/src/index.jsx b/examples/minecraft/src/index.jsx
similarity index 100%
rename from demos/minecraft/src/index.jsx
rename to examples/minecraft/src/index.jsx
diff --git a/demos/minecraft/src/styles.css b/examples/minecraft/src/styles.css
similarity index 100%
rename from demos/minecraft/src/styles.css
rename to examples/minecraft/src/styles.css
diff --git a/demos/minecraft/src/vite-env.d.ts b/examples/minecraft/src/vite-env.d.ts
similarity index 100%
rename from demos/minecraft/src/vite-env.d.ts
rename to examples/minecraft/src/vite-env.d.ts
diff --git a/demos/minecraft/thumbnail.webp b/examples/minecraft/thumbnail.webp
similarity index 100%
rename from demos/minecraft/thumbnail.webp
rename to examples/minecraft/thumbnail.webp
diff --git a/demos/minecraft/tsconfig.json b/examples/minecraft/tsconfig.json
similarity index 100%
rename from demos/minecraft/tsconfig.json
rename to examples/minecraft/tsconfig.json
diff --git a/demos/minecraft/tsconfig.node.json b/examples/minecraft/tsconfig.node.json
similarity index 100%
rename from demos/minecraft/tsconfig.node.json
rename to examples/minecraft/tsconfig.node.json
diff --git a/demos/minecraft/vite.config.ts b/examples/minecraft/vite.config.ts
similarity index 100%
rename from demos/minecraft/vite.config.ts
rename to examples/minecraft/vite.config.ts
diff --git a/demos/mixing-controls/.prettierrc b/examples/mixing-controls/.prettierrc
similarity index 100%
rename from demos/mixing-controls/.prettierrc
rename to examples/mixing-controls/.prettierrc
diff --git a/demos/iridescent-decals/README.md b/examples/mixing-controls/README.md
similarity index 57%
rename from demos/iridescent-decals/README.md
rename to examples/mixing-controls/README.md
index b3b09443..f6307778 100644
--- a/demos/iridescent-decals/README.md
+++ b/examples/mixing-controls/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/iridescent-decals)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/iridescent-decals)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/iridescent-decals)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mixing-controls)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/mixing-controls)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/mixing-controls)
 
 ```sh
-$ npx degit pmndrs/examples/demos/iridescent-decals
+$ npx degit pmndrs/examples/examples/mixing-controls
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/mixing-controls/index.html b/examples/mixing-controls/index.html
similarity index 100%
rename from demos/mixing-controls/index.html
rename to examples/mixing-controls/index.html
diff --git a/demos/mixing-controls/package.json b/examples/mixing-controls/package.json
similarity index 87%
rename from demos/mixing-controls/package.json
rename to examples/mixing-controls/package.json
index d168444a..977d7651 100644
--- a/demos/mixing-controls/package.json
+++ b/examples/mixing-controls/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/mixing-controls",
+  "name": "@example/mixing-controls",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/mixing-controls"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/mixing-controls"
   }
 }
diff --git a/demos/mixing-controls/pmndrs.json b/examples/mixing-controls/pmndrs.json
similarity index 100%
rename from demos/mixing-controls/pmndrs.json
rename to examples/mixing-controls/pmndrs.json
diff --git a/demos/mixing-controls/public/vite.svg b/examples/mixing-controls/public/vite.svg
similarity index 100%
rename from demos/mixing-controls/public/vite.svg
rename to examples/mixing-controls/public/vite.svg
diff --git a/demos/mixing-controls/src/App.jsx b/examples/mixing-controls/src/App.jsx
similarity index 100%
rename from demos/mixing-controls/src/App.jsx
rename to examples/mixing-controls/src/App.jsx
diff --git a/demos/mixing-controls/src/index.jsx b/examples/mixing-controls/src/index.jsx
similarity index 100%
rename from demos/mixing-controls/src/index.jsx
rename to examples/mixing-controls/src/index.jsx
diff --git a/demos/mixing-controls/src/styles.css b/examples/mixing-controls/src/styles.css
similarity index 100%
rename from demos/mixing-controls/src/styles.css
rename to examples/mixing-controls/src/styles.css
diff --git a/demos/mixing-controls/src/vite-env.d.ts b/examples/mixing-controls/src/vite-env.d.ts
similarity index 100%
rename from demos/mixing-controls/src/vite-env.d.ts
rename to examples/mixing-controls/src/vite-env.d.ts
diff --git a/demos/mixing-controls/thumbnail.webp b/examples/mixing-controls/thumbnail.webp
similarity index 100%
rename from demos/mixing-controls/thumbnail.webp
rename to examples/mixing-controls/thumbnail.webp
diff --git a/demos/mixing-controls/tsconfig.json b/examples/mixing-controls/tsconfig.json
similarity index 100%
rename from demos/mixing-controls/tsconfig.json
rename to examples/mixing-controls/tsconfig.json
diff --git a/demos/mixing-controls/tsconfig.node.json b/examples/mixing-controls/tsconfig.node.json
similarity index 100%
rename from demos/mixing-controls/tsconfig.node.json
rename to examples/mixing-controls/tsconfig.node.json
diff --git a/demos/mixing-controls/vite.config.ts b/examples/mixing-controls/vite.config.ts
similarity index 100%
rename from demos/mixing-controls/vite.config.ts
rename to examples/mixing-controls/vite.config.ts
diff --git a/demos/mixing-html-and-webgl-w-occlusion/.prettierrc b/examples/mixing-html-and-webgl-w-occlusion/.prettierrc
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/.prettierrc
rename to examples/mixing-html-and-webgl-w-occlusion/.prettierrc
diff --git a/examples/mixing-html-and-webgl-w-occlusion/README.md b/examples/mixing-html-and-webgl-w-occlusion/README.md
new file mode 100644
index 00000000..4b471d4f
--- /dev/null
+++ b/examples/mixing-html-and-webgl-w-occlusion/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mixing-html-and-webgl-w-occlusion)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/mixing-html-and-webgl-w-occlusion)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/mixing-html-and-webgl-w-occlusion)
+
+```sh
+$ npx degit pmndrs/examples/examples/mixing-html-and-webgl-w-occlusion
+```
+
+![](thumbnail.webp)
diff --git a/demos/mixing-html-and-webgl-w-occlusion/index.html b/examples/mixing-html-and-webgl-w-occlusion/index.html
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/index.html
rename to examples/mixing-html-and-webgl-w-occlusion/index.html
diff --git a/demos/mixing-html-and-webgl-w-occlusion/package.json b/examples/mixing-html-and-webgl-w-occlusion/package.json
similarity index 84%
rename from demos/mixing-html-and-webgl-w-occlusion/package.json
rename to examples/mixing-html-and-webgl-w-occlusion/package.json
index c9c7444b..d54dc28a 100644
--- a/demos/mixing-html-and-webgl-w-occlusion/package.json
+++ b/examples/mixing-html-and-webgl-w-occlusion/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/mixing-html-and-webgl-w-occlusion",
+  "name": "@example/mixing-html-and-webgl-w-occlusion",
   "version": "1.0.0",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/mixing-html-and-webgl-w-occlusion"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/mixing-html-and-webgl-w-occlusion"
   }
 }
diff --git a/demos/mixing-html-and-webgl-w-occlusion/pmndrs.json b/examples/mixing-html-and-webgl-w-occlusion/pmndrs.json
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/pmndrs.json
rename to examples/mixing-html-and-webgl-w-occlusion/pmndrs.json
diff --git a/demos/mixing-html-and-webgl-w-occlusion/public/vite.svg b/examples/mixing-html-and-webgl-w-occlusion/public/vite.svg
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/public/vite.svg
rename to examples/mixing-html-and-webgl-w-occlusion/public/vite.svg
diff --git a/demos/mixing-html-and-webgl-w-occlusion/sandbox.config.json b/examples/mixing-html-and-webgl-w-occlusion/sandbox.config.json
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/sandbox.config.json
rename to examples/mixing-html-and-webgl-w-occlusion/sandbox.config.json
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/App.jsx b/examples/mixing-html-and-webgl-w-occlusion/src/App.jsx
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/src/App.jsx
rename to examples/mixing-html-and-webgl-w-occlusion/src/App.jsx
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/HeroPage.jsx b/examples/mixing-html-and-webgl-w-occlusion/src/HeroPage.jsx
similarity index 99%
rename from demos/mixing-html-and-webgl-w-occlusion/src/HeroPage.jsx
rename to examples/mixing-html-and-webgl-w-occlusion/src/HeroPage.jsx
index 60255bb9..d4eea038 100755
--- a/demos/mixing-html-and-webgl-w-occlusion/src/HeroPage.jsx
+++ b/examples/mixing-html-and-webgl-w-occlusion/src/HeroPage.jsx
@@ -46,7 +46,7 @@ const features = [
   }
 ]
 const callsToAction = [
-  { name: 'Watch Demo', href: '#', icon: PlayIcon },
+  { name: 'Watch Example', href: '#', icon: PlayIcon },
   { name: 'Contact Sales', href: '#', icon: PhoneIcon }
 ]
 const resources = [
@@ -335,7 +335,7 @@ export default function Example() {
                 <a
                   href="#"
                   className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50">
-                  Live demo
+                  Live example
                 </a>
               </div>
             </div>
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/assets/logo.svg b/examples/mixing-html-and-webgl-w-occlusion/src/assets/logo.svg
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/src/assets/logo.svg
rename to examples/mixing-html-and-webgl-w-occlusion/src/assets/logo.svg
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/index.jsx b/examples/mixing-html-and-webgl-w-occlusion/src/index.jsx
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/src/index.jsx
rename to examples/mixing-html-and-webgl-w-occlusion/src/index.jsx
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/mac-draco.glb b/examples/mixing-html-and-webgl-w-occlusion/src/mac-draco.glb
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/src/mac-draco.glb
rename to examples/mixing-html-and-webgl-w-occlusion/src/mac-draco.glb
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/styles.css b/examples/mixing-html-and-webgl-w-occlusion/src/styles.css
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/src/styles.css
rename to examples/mixing-html-and-webgl-w-occlusion/src/styles.css
diff --git a/demos/mixing-html-and-webgl-w-occlusion/src/vite-env.d.ts b/examples/mixing-html-and-webgl-w-occlusion/src/vite-env.d.ts
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/src/vite-env.d.ts
rename to examples/mixing-html-and-webgl-w-occlusion/src/vite-env.d.ts
diff --git a/demos/mixing-html-and-webgl-w-occlusion/thumbnail.webp b/examples/mixing-html-and-webgl-w-occlusion/thumbnail.webp
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/thumbnail.webp
rename to examples/mixing-html-and-webgl-w-occlusion/thumbnail.webp
diff --git a/demos/mixing-html-and-webgl-w-occlusion/tsconfig.json b/examples/mixing-html-and-webgl-w-occlusion/tsconfig.json
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/tsconfig.json
rename to examples/mixing-html-and-webgl-w-occlusion/tsconfig.json
diff --git a/demos/mixing-html-and-webgl-w-occlusion/tsconfig.node.json b/examples/mixing-html-and-webgl-w-occlusion/tsconfig.node.json
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/tsconfig.node.json
rename to examples/mixing-html-and-webgl-w-occlusion/tsconfig.node.json
diff --git a/demos/mixing-html-and-webgl-w-occlusion/vite.config.ts b/examples/mixing-html-and-webgl-w-occlusion/vite.config.ts
similarity index 100%
rename from demos/mixing-html-and-webgl-w-occlusion/vite.config.ts
rename to examples/mixing-html-and-webgl-w-occlusion/vite.config.ts
diff --git a/demos/mixing-html-and-webgl/.prettierrc b/examples/mixing-html-and-webgl/.prettierrc
similarity index 100%
rename from demos/mixing-html-and-webgl/.prettierrc
rename to examples/mixing-html-and-webgl/.prettierrc
diff --git a/examples/mixing-html-and-webgl/README.md b/examples/mixing-html-and-webgl/README.md
new file mode 100644
index 00000000..b60da60d
--- /dev/null
+++ b/examples/mixing-html-and-webgl/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mixing-html-and-webgl)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/mixing-html-and-webgl)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/mixing-html-and-webgl)
+
+```sh
+$ npx degit pmndrs/examples/examples/mixing-html-and-webgl
+```
+
+![](thumbnail.webp)
diff --git a/demos/mixing-html-and-webgl/index.html b/examples/mixing-html-and-webgl/index.html
similarity index 100%
rename from demos/mixing-html-and-webgl/index.html
rename to examples/mixing-html-and-webgl/index.html
diff --git a/demos/mixing-html-and-webgl/package.json b/examples/mixing-html-and-webgl/package.json
similarity index 85%
rename from demos/mixing-html-and-webgl/package.json
rename to examples/mixing-html-and-webgl/package.json
index 428c62c5..b529928f 100644
--- a/demos/mixing-html-and-webgl/package.json
+++ b/examples/mixing-html-and-webgl/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/mixing-html-and-webgl",
+  "name": "@example/mixing-html-and-webgl",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/mixing-html-and-webgl"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/mixing-html-and-webgl"
   }
 }
diff --git a/demos/mixing-html-and-webgl/pmndrs.json b/examples/mixing-html-and-webgl/pmndrs.json
similarity index 100%
rename from demos/mixing-html-and-webgl/pmndrs.json
rename to examples/mixing-html-and-webgl/pmndrs.json
diff --git a/demos/mixing-html-and-webgl/public/vite.svg b/examples/mixing-html-and-webgl/public/vite.svg
similarity index 100%
rename from demos/mixing-html-and-webgl/public/vite.svg
rename to examples/mixing-html-and-webgl/public/vite.svg
diff --git a/demos/mixing-html-and-webgl/src/App.jsx b/examples/mixing-html-and-webgl/src/App.jsx
similarity index 100%
rename from demos/mixing-html-and-webgl/src/App.jsx
rename to examples/mixing-html-and-webgl/src/App.jsx
diff --git a/demos/mixing-html-and-webgl/src/index.jsx b/examples/mixing-html-and-webgl/src/index.jsx
similarity index 100%
rename from demos/mixing-html-and-webgl/src/index.jsx
rename to examples/mixing-html-and-webgl/src/index.jsx
diff --git a/demos/mixing-html-and-webgl/src/styles.css b/examples/mixing-html-and-webgl/src/styles.css
similarity index 100%
rename from demos/mixing-html-and-webgl/src/styles.css
rename to examples/mixing-html-and-webgl/src/styles.css
diff --git a/demos/mixing-html-and-webgl/src/vite-env.d.ts b/examples/mixing-html-and-webgl/src/vite-env.d.ts
similarity index 100%
rename from demos/mixing-html-and-webgl/src/vite-env.d.ts
rename to examples/mixing-html-and-webgl/src/vite-env.d.ts
diff --git a/demos/mixing-html-and-webgl/thumbnail.webp b/examples/mixing-html-and-webgl/thumbnail.webp
similarity index 100%
rename from demos/mixing-html-and-webgl/thumbnail.webp
rename to examples/mixing-html-and-webgl/thumbnail.webp
diff --git a/demos/mixing-html-and-webgl/tsconfig.json b/examples/mixing-html-and-webgl/tsconfig.json
similarity index 100%
rename from demos/mixing-html-and-webgl/tsconfig.json
rename to examples/mixing-html-and-webgl/tsconfig.json
diff --git a/demos/mixing-html-and-webgl/tsconfig.node.json b/examples/mixing-html-and-webgl/tsconfig.node.json
similarity index 100%
rename from demos/mixing-html-and-webgl/tsconfig.node.json
rename to examples/mixing-html-and-webgl/tsconfig.node.json
diff --git a/demos/mixing-html-and-webgl/vite.config.ts b/examples/mixing-html-and-webgl/vite.config.ts
similarity index 100%
rename from demos/mixing-html-and-webgl/vite.config.ts
rename to examples/mixing-html-and-webgl/vite.config.ts
diff --git a/demos/moksha/.prettierrc b/examples/moksha/.prettierrc
similarity index 100%
rename from demos/moksha/.prettierrc
rename to examples/moksha/.prettierrc
diff --git a/demos/cards/README.md b/examples/moksha/README.md
similarity index 52%
rename from demos/cards/README.md
rename to examples/moksha/README.md
index 72795738..a1502e44 100644
--- a/demos/cards/README.md
+++ b/examples/moksha/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/cards)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/cards)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/cards)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/moksha)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/moksha)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/moksha)
 
 ```sh
-$ npx degit pmndrs/examples/demos/cards
+$ npx degit pmndrs/examples/examples/moksha
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/moksha/index.html b/examples/moksha/index.html
similarity index 100%
rename from demos/moksha/index.html
rename to examples/moksha/index.html
diff --git a/demos/moksha/package.json b/examples/moksha/package.json
similarity index 88%
rename from demos/moksha/package.json
rename to examples/moksha/package.json
index 44848b46..e30d4ddf 100644
--- a/demos/moksha/package.json
+++ b/examples/moksha/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/moksha",
+  "name": "@example/moksha",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/moksha"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/moksha"
   },
   "type": "module"
 }
diff --git a/demos/moksha/pmndrs.json b/examples/moksha/pmndrs.json
similarity index 100%
rename from demos/moksha/pmndrs.json
rename to examples/moksha/pmndrs.json
diff --git a/demos/moksha/public/vite.svg b/examples/moksha/public/vite.svg
similarity index 100%
rename from demos/moksha/public/vite.svg
rename to examples/moksha/public/vite.svg
diff --git a/demos/moksha/sandbox.config.json b/examples/moksha/sandbox.config.json
similarity index 100%
rename from demos/moksha/sandbox.config.json
rename to examples/moksha/sandbox.config.json
diff --git a/demos/moksha/src/blocks.jsx b/examples/moksha/src/blocks.jsx
similarity index 100%
rename from demos/moksha/src/blocks.jsx
rename to examples/moksha/src/blocks.jsx
diff --git a/demos/moksha/src/components/CustomMaterial.js b/examples/moksha/src/components/CustomMaterial.js
similarity index 100%
rename from demos/moksha/src/components/CustomMaterial.js
rename to examples/moksha/src/components/CustomMaterial.js
diff --git a/demos/moksha/src/components/MOONGET_Heavy.blob b/examples/moksha/src/components/MOONGET_Heavy.blob
similarity index 100%
rename from demos/moksha/src/components/MOONGET_Heavy.blob
rename to examples/moksha/src/components/MOONGET_Heavy.blob
diff --git a/demos/moksha/src/components/Plane.jsx b/examples/moksha/src/components/Plane.jsx
similarity index 100%
rename from demos/moksha/src/components/Plane.jsx
rename to examples/moksha/src/components/Plane.jsx
diff --git a/demos/moksha/src/components/Text.jsx b/examples/moksha/src/components/Text.jsx
similarity index 100%
rename from demos/moksha/src/components/Text.jsx
rename to examples/moksha/src/components/Text.jsx
diff --git a/demos/moksha/src/diamonds/BackfaceMaterial.js b/examples/moksha/src/diamonds/BackfaceMaterial.js
similarity index 100%
rename from demos/moksha/src/diamonds/BackfaceMaterial.js
rename to examples/moksha/src/diamonds/BackfaceMaterial.js
diff --git a/demos/moksha/src/diamonds/Diamonds.jsx b/examples/moksha/src/diamonds/Diamonds.jsx
similarity index 100%
rename from demos/moksha/src/diamonds/Diamonds.jsx
rename to examples/moksha/src/diamonds/Diamonds.jsx
diff --git a/demos/moksha/src/diamonds/RefractionMaterial.js b/examples/moksha/src/diamonds/RefractionMaterial.js
similarity index 100%
rename from demos/moksha/src/diamonds/RefractionMaterial.js
rename to examples/moksha/src/diamonds/RefractionMaterial.js
diff --git a/demos/moksha/src/diamonds/diamond.glb b/examples/moksha/src/diamonds/diamond.glb
similarity index 100%
rename from demos/moksha/src/diamonds/diamond.glb
rename to examples/moksha/src/diamonds/diamond.glb
diff --git a/demos/moksha/src/index.jsx b/examples/moksha/src/index.jsx
similarity index 100%
rename from demos/moksha/src/index.jsx
rename to examples/moksha/src/index.jsx
diff --git a/demos/moksha/src/ph1.jpg b/examples/moksha/src/ph1.jpg
similarity index 100%
rename from demos/moksha/src/ph1.jpg
rename to examples/moksha/src/ph1.jpg
diff --git a/demos/moksha/src/ph3.jpg b/examples/moksha/src/ph3.jpg
similarity index 100%
rename from demos/moksha/src/ph3.jpg
rename to examples/moksha/src/ph3.jpg
diff --git a/demos/moksha/src/photo-1515036551567-bf1198cccc35.jpeg b/examples/moksha/src/photo-1515036551567-bf1198cccc35.jpeg
similarity index 100%
rename from demos/moksha/src/photo-1515036551567-bf1198cccc35.jpeg
rename to examples/moksha/src/photo-1515036551567-bf1198cccc35.jpeg
diff --git a/demos/moksha/src/photo-1519608487953-e999c86e7455.jpeg b/examples/moksha/src/photo-1519608487953-e999c86e7455.jpeg
similarity index 100%
rename from demos/moksha/src/photo-1519608487953-e999c86e7455.jpeg
rename to examples/moksha/src/photo-1519608487953-e999c86e7455.jpeg
diff --git a/demos/moksha/src/photo-1533577116850-9cc66cad8a9b.jpeg b/examples/moksha/src/photo-1533577116850-9cc66cad8a9b.jpeg
similarity index 100%
rename from demos/moksha/src/photo-1533577116850-9cc66cad8a9b.jpeg
rename to examples/moksha/src/photo-1533577116850-9cc66cad8a9b.jpeg
diff --git a/demos/moksha/src/photo-1548191265-cc70d3d45ba1.jpeg b/examples/moksha/src/photo-1548191265-cc70d3d45ba1.jpeg
similarity index 100%
rename from demos/moksha/src/photo-1548191265-cc70d3d45ba1.jpeg
rename to examples/moksha/src/photo-1548191265-cc70d3d45ba1.jpeg
diff --git a/demos/moksha/src/store.js b/examples/moksha/src/store.js
similarity index 100%
rename from demos/moksha/src/store.js
rename to examples/moksha/src/store.js
diff --git a/demos/moksha/src/styles.css b/examples/moksha/src/styles.css
similarity index 100%
rename from demos/moksha/src/styles.css
rename to examples/moksha/src/styles.css
diff --git a/demos/moksha/src/vite-env.d.ts b/examples/moksha/src/vite-env.d.ts
similarity index 100%
rename from demos/moksha/src/vite-env.d.ts
rename to examples/moksha/src/vite-env.d.ts
diff --git a/demos/moksha/thumbnail.webp b/examples/moksha/thumbnail.webp
similarity index 100%
rename from demos/moksha/thumbnail.webp
rename to examples/moksha/thumbnail.webp
diff --git a/demos/moksha/tsconfig.json b/examples/moksha/tsconfig.json
similarity index 100%
rename from demos/moksha/tsconfig.json
rename to examples/moksha/tsconfig.json
diff --git a/demos/moksha/tsconfig.node.json b/examples/moksha/tsconfig.node.json
similarity index 100%
rename from demos/moksha/tsconfig.node.json
rename to examples/moksha/tsconfig.node.json
diff --git a/demos/moksha/vite.config.ts b/examples/moksha/vite.config.ts
similarity index 100%
rename from demos/moksha/vite.config.ts
rename to examples/moksha/vite.config.ts
diff --git a/demos/monitors/.prettierrc b/examples/monitors/.prettierrc
similarity index 100%
rename from demos/monitors/.prettierrc
rename to examples/monitors/.prettierrc
diff --git a/examples/monitors/README.md b/examples/monitors/README.md
new file mode 100644
index 00000000..d3ee0c83
--- /dev/null
+++ b/examples/monitors/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/monitors)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/monitors)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/monitors)
+
+```sh
+$ npx degit pmndrs/examples/examples/monitors
+```
+
+![](thumbnail.webp)
diff --git a/demos/monitors/index.html b/examples/monitors/index.html
similarity index 100%
rename from demos/monitors/index.html
rename to examples/monitors/index.html
diff --git a/demos/monitors/package.json b/examples/monitors/package.json
similarity index 89%
rename from demos/monitors/package.json
rename to examples/monitors/package.json
index 3aafc58b..e8cc07e9 100644
--- a/demos/monitors/package.json
+++ b/examples/monitors/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/monitors",
+  "name": "@example/monitors",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -37,6 +37,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/monitors"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/monitors"
   }
 }
diff --git a/demos/monitors/pmndrs.json b/examples/monitors/pmndrs.json
similarity index 100%
rename from demos/monitors/pmndrs.json
rename to examples/monitors/pmndrs.json
diff --git a/demos/monitors/public/vite.svg b/examples/monitors/public/vite.svg
similarity index 100%
rename from demos/monitors/public/vite.svg
rename to examples/monitors/public/vite.svg
diff --git a/demos/monitors/src/App.jsx b/examples/monitors/src/App.jsx
similarity index 100%
rename from demos/monitors/src/App.jsx
rename to examples/monitors/src/App.jsx
diff --git a/demos/monitors/src/Computers.jsx b/examples/monitors/src/Computers.jsx
similarity index 100%
rename from demos/monitors/src/Computers.jsx
rename to examples/monitors/src/Computers.jsx
diff --git a/demos/monitors/src/Inter-Medium.woff b/examples/monitors/src/Inter-Medium.woff
similarity index 100%
rename from demos/monitors/src/Inter-Medium.woff
rename to examples/monitors/src/Inter-Medium.woff
diff --git a/demos/monitors/src/SpinningBox.jsx b/examples/monitors/src/SpinningBox.jsx
similarity index 100%
rename from demos/monitors/src/SpinningBox.jsx
rename to examples/monitors/src/SpinningBox.jsx
diff --git a/demos/monitors/src/computers_1-transformed.glb b/examples/monitors/src/computers_1-transformed.glb
similarity index 100%
rename from demos/monitors/src/computers_1-transformed.glb
rename to examples/monitors/src/computers_1-transformed.glb
diff --git a/demos/monitors/src/index.jsx b/examples/monitors/src/index.jsx
similarity index 100%
rename from demos/monitors/src/index.jsx
rename to examples/monitors/src/index.jsx
diff --git a/demos/monitors/src/styles.css b/examples/monitors/src/styles.css
similarity index 100%
rename from demos/monitors/src/styles.css
rename to examples/monitors/src/styles.css
diff --git a/demos/monitors/src/vite-env.d.ts b/examples/monitors/src/vite-env.d.ts
similarity index 100%
rename from demos/monitors/src/vite-env.d.ts
rename to examples/monitors/src/vite-env.d.ts
diff --git a/demos/monitors/thumbnail.webp b/examples/monitors/thumbnail.webp
similarity index 100%
rename from demos/monitors/thumbnail.webp
rename to examples/monitors/thumbnail.webp
diff --git a/demos/monitors/tsconfig.json b/examples/monitors/tsconfig.json
similarity index 100%
rename from demos/monitors/tsconfig.json
rename to examples/monitors/tsconfig.json
diff --git a/demos/monitors/tsconfig.node.json b/examples/monitors/tsconfig.node.json
similarity index 100%
rename from demos/monitors/tsconfig.node.json
rename to examples/monitors/tsconfig.node.json
diff --git a/demos/monitors/vite.config.ts b/examples/monitors/vite.config.ts
similarity index 100%
rename from demos/monitors/vite.config.ts
rename to examples/monitors/vite.config.ts
diff --git a/demos/motionpathcontrols/.prettierrc b/examples/motionpathcontrols/.prettierrc
similarity index 100%
rename from demos/motionpathcontrols/.prettierrc
rename to examples/motionpathcontrols/.prettierrc
diff --git a/examples/motionpathcontrols/README.md b/examples/motionpathcontrols/README.md
new file mode 100644
index 00000000..b656cf84
--- /dev/null
+++ b/examples/motionpathcontrols/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/motionpathcontrols)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/motionpathcontrols)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/motionpathcontrols)
+
+```sh
+$ npx degit pmndrs/examples/examples/motionpathcontrols
+```
+
+![](thumbnail.webp)
diff --git a/demos/motionpathcontrols/index.html b/examples/motionpathcontrols/index.html
similarity index 100%
rename from demos/motionpathcontrols/index.html
rename to examples/motionpathcontrols/index.html
diff --git a/demos/diamond-refraction/package.json b/examples/motionpathcontrols/package.json
similarity index 86%
rename from demos/diamond-refraction/package.json
rename to examples/motionpathcontrols/package.json
index 40eb154b..c4203583 100644
--- a/demos/diamond-refraction/package.json
+++ b/examples/motionpathcontrols/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/diamond-refraction",
+  "name": "@example/motionpathcontrols",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -10,14 +10,6 @@
     "react-dom": "19.2.8",
     "three": "0.165.0"
   },
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
   "scripts": {
     "dev": "vite --host",
     "dev3": "e2e-dev $npm_package_name",
@@ -32,8 +24,16 @@
     "not op_mini all"
   ],
   "type": "module",
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/diamond-refraction"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/motionpathcontrols"
   }
 }
diff --git a/demos/motionpathcontrols/pmndrs.json b/examples/motionpathcontrols/pmndrs.json
similarity index 100%
rename from demos/motionpathcontrols/pmndrs.json
rename to examples/motionpathcontrols/pmndrs.json
diff --git a/demos/motionpathcontrols/public/vite.svg b/examples/motionpathcontrols/public/vite.svg
similarity index 100%
rename from demos/motionpathcontrols/public/vite.svg
rename to examples/motionpathcontrols/public/vite.svg
diff --git a/demos/motionpathcontrols/src/App.jsx b/examples/motionpathcontrols/src/App.jsx
similarity index 100%
rename from demos/motionpathcontrols/src/App.jsx
rename to examples/motionpathcontrols/src/App.jsx
diff --git a/demos/motionpathcontrols/src/Sticjer_1024x1024@2x.png b/examples/motionpathcontrols/src/Sticjer_1024x1024@2x.png
similarity index 100%
rename from demos/motionpathcontrols/src/Sticjer_1024x1024@2x.png
rename to examples/motionpathcontrols/src/Sticjer_1024x1024@2x.png
diff --git a/demos/motionpathcontrols/src/Sticjer_1024x1024@2x_invert.png b/examples/motionpathcontrols/src/Sticjer_1024x1024@2x_invert.png
similarity index 100%
rename from demos/motionpathcontrols/src/Sticjer_1024x1024@2x_invert.png
rename to examples/motionpathcontrols/src/Sticjer_1024x1024@2x_invert.png
diff --git a/demos/motionpathcontrols/src/curves.jsx b/examples/motionpathcontrols/src/curves.jsx
similarity index 100%
rename from demos/motionpathcontrols/src/curves.jsx
rename to examples/motionpathcontrols/src/curves.jsx
diff --git a/demos/motionpathcontrols/src/index.jsx b/examples/motionpathcontrols/src/index.jsx
similarity index 100%
rename from demos/motionpathcontrols/src/index.jsx
rename to examples/motionpathcontrols/src/index.jsx
diff --git a/demos/motionpathcontrols/src/sony_cinema_camera-transformed.glb b/examples/motionpathcontrols/src/sony_cinema_camera-transformed.glb
similarity index 100%
rename from demos/motionpathcontrols/src/sony_cinema_camera-transformed.glb
rename to examples/motionpathcontrols/src/sony_cinema_camera-transformed.glb
diff --git a/demos/motionpathcontrols/src/styles.css b/examples/motionpathcontrols/src/styles.css
similarity index 100%
rename from demos/motionpathcontrols/src/styles.css
rename to examples/motionpathcontrols/src/styles.css
diff --git a/demos/motionpathcontrols/src/vite-env.d.ts b/examples/motionpathcontrols/src/vite-env.d.ts
similarity index 100%
rename from demos/motionpathcontrols/src/vite-env.d.ts
rename to examples/motionpathcontrols/src/vite-env.d.ts
diff --git a/demos/motionpathcontrols/thumbnail.webp b/examples/motionpathcontrols/thumbnail.webp
similarity index 100%
rename from demos/motionpathcontrols/thumbnail.webp
rename to examples/motionpathcontrols/thumbnail.webp
diff --git a/demos/motionpathcontrols/tsconfig.json b/examples/motionpathcontrols/tsconfig.json
similarity index 100%
rename from demos/motionpathcontrols/tsconfig.json
rename to examples/motionpathcontrols/tsconfig.json
diff --git a/demos/motionpathcontrols/tsconfig.node.json b/examples/motionpathcontrols/tsconfig.node.json
similarity index 100%
rename from demos/motionpathcontrols/tsconfig.node.json
rename to examples/motionpathcontrols/tsconfig.node.json
diff --git a/demos/motionpathcontrols/vite.config.ts b/examples/motionpathcontrols/vite.config.ts
similarity index 100%
rename from demos/motionpathcontrols/vite.config.ts
rename to examples/motionpathcontrols/vite.config.ts
diff --git a/demos/mount-transitions/.prettierrc b/examples/mount-transitions/.prettierrc
similarity index 100%
rename from demos/mount-transitions/.prettierrc
rename to examples/mount-transitions/.prettierrc
diff --git a/examples/mount-transitions/README.md b/examples/mount-transitions/README.md
new file mode 100644
index 00000000..fbc0f87b
--- /dev/null
+++ b/examples/mount-transitions/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/mount-transitions)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/mount-transitions)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/mount-transitions)
+
+```sh
+$ npx degit pmndrs/examples/examples/mount-transitions
+```
+
+![](thumbnail.webp)
diff --git a/demos/mount-transitions/index.html b/examples/mount-transitions/index.html
similarity index 100%
rename from demos/mount-transitions/index.html
rename to examples/mount-transitions/index.html
diff --git a/demos/mount-transitions/package.json b/examples/mount-transitions/package.json
similarity index 87%
rename from demos/mount-transitions/package.json
rename to examples/mount-transitions/package.json
index d0240e1e..326567f2 100644
--- a/demos/mount-transitions/package.json
+++ b/examples/mount-transitions/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/mount-transitions",
+  "name": "@example/mount-transitions",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -36,6 +36,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/mount-transitions"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/mount-transitions"
   }
 }
diff --git a/demos/mount-transitions/pmndrs.json b/examples/mount-transitions/pmndrs.json
similarity index 100%
rename from demos/mount-transitions/pmndrs.json
rename to examples/mount-transitions/pmndrs.json
diff --git a/demos/mount-transitions/public/font.blob b/examples/mount-transitions/public/font.blob
similarity index 100%
rename from demos/mount-transitions/public/font.blob
rename to examples/mount-transitions/public/font.blob
diff --git a/demos/mount-transitions/public/vite.svg b/examples/mount-transitions/public/vite.svg
similarity index 100%
rename from demos/mount-transitions/public/vite.svg
rename to examples/mount-transitions/public/vite.svg
diff --git a/demos/mount-transitions/sandbox.config.json b/examples/mount-transitions/sandbox.config.json
similarity index 100%
rename from demos/mount-transitions/sandbox.config.json
rename to examples/mount-transitions/sandbox.config.json
diff --git a/demos/mount-transitions/src/App.jsx b/examples/mount-transitions/src/App.jsx
similarity index 100%
rename from demos/mount-transitions/src/App.jsx
rename to examples/mount-transitions/src/App.jsx
diff --git a/demos/mount-transitions/src/index.jsx b/examples/mount-transitions/src/index.jsx
similarity index 100%
rename from demos/mount-transitions/src/index.jsx
rename to examples/mount-transitions/src/index.jsx
diff --git a/demos/mount-transitions/src/styles.css b/examples/mount-transitions/src/styles.css
similarity index 100%
rename from demos/mount-transitions/src/styles.css
rename to examples/mount-transitions/src/styles.css
diff --git a/demos/mount-transitions/src/vite-env.d.ts b/examples/mount-transitions/src/vite-env.d.ts
similarity index 100%
rename from demos/mount-transitions/src/vite-env.d.ts
rename to examples/mount-transitions/src/vite-env.d.ts
diff --git a/demos/mount-transitions/thumbnail.webp b/examples/mount-transitions/thumbnail.webp
similarity index 100%
rename from demos/mount-transitions/thumbnail.webp
rename to examples/mount-transitions/thumbnail.webp
diff --git a/demos/mount-transitions/tsconfig.json b/examples/mount-transitions/tsconfig.json
similarity index 100%
rename from demos/mount-transitions/tsconfig.json
rename to examples/mount-transitions/tsconfig.json
diff --git a/demos/mount-transitions/tsconfig.node.json b/examples/mount-transitions/tsconfig.node.json
similarity index 100%
rename from demos/mount-transitions/tsconfig.node.json
rename to examples/mount-transitions/tsconfig.node.json
diff --git a/demos/mount-transitions/vite.config.ts b/examples/mount-transitions/vite.config.ts
similarity index 100%
rename from demos/mount-transitions/vite.config.ts
rename to examples/mount-transitions/vite.config.ts
diff --git a/demos/multiple-views-with-uniform-controls/.prettierrc b/examples/multiple-views-with-uniform-controls/.prettierrc
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/.prettierrc
rename to examples/multiple-views-with-uniform-controls/.prettierrc
diff --git a/examples/multiple-views-with-uniform-controls/README.md b/examples/multiple-views-with-uniform-controls/README.md
new file mode 100644
index 00000000..673f06cc
--- /dev/null
+++ b/examples/multiple-views-with-uniform-controls/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/multiple-views-with-uniform-controls)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/multiple-views-with-uniform-controls)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/multiple-views-with-uniform-controls)
+
+```sh
+$ npx degit pmndrs/examples/examples/multiple-views-with-uniform-controls
+```
+
+![](thumbnail.webp)
diff --git a/demos/multiple-views-with-uniform-controls/index.html b/examples/multiple-views-with-uniform-controls/index.html
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/index.html
rename to examples/multiple-views-with-uniform-controls/index.html
diff --git a/demos/multiple-views-with-uniform-controls/package.json b/examples/multiple-views-with-uniform-controls/package.json
similarity index 85%
rename from demos/multiple-views-with-uniform-controls/package.json
rename to examples/multiple-views-with-uniform-controls/package.json
index f67f82a9..bf57d910 100644
--- a/demos/multiple-views-with-uniform-controls/package.json
+++ b/examples/multiple-views-with-uniform-controls/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/multiple-views-with-uniform-controls",
+  "name": "@example/multiple-views-with-uniform-controls",
   "version": "1.0.0",
   "dependencies": {
     "@mantine/core": "^5.10.5",
@@ -37,6 +37,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/multiple-views-with-uniform-controls"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/multiple-views-with-uniform-controls"
   }
 }
diff --git a/demos/multiple-views-with-uniform-controls/pmndrs.json b/examples/multiple-views-with-uniform-controls/pmndrs.json
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/pmndrs.json
rename to examples/multiple-views-with-uniform-controls/pmndrs.json
diff --git a/demos/multiple-views-with-uniform-controls/public/mac.glb b/examples/multiple-views-with-uniform-controls/public/mac.glb
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/public/mac.glb
rename to examples/multiple-views-with-uniform-controls/public/mac.glb
diff --git a/demos/multiple-views-with-uniform-controls/public/vite.svg b/examples/multiple-views-with-uniform-controls/public/vite.svg
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/public/vite.svg
rename to examples/multiple-views-with-uniform-controls/public/vite.svg
diff --git a/demos/multiple-views-with-uniform-controls/src/App.jsx b/examples/multiple-views-with-uniform-controls/src/App.jsx
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/src/App.jsx
rename to examples/multiple-views-with-uniform-controls/src/App.jsx
diff --git a/demos/multiple-views-with-uniform-controls/src/assets/bricks.gltf b/examples/multiple-views-with-uniform-controls/src/assets/bricks.gltf
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/src/assets/bricks.gltf
rename to examples/multiple-views-with-uniform-controls/src/assets/bricks.gltf
diff --git a/demos/multiple-views-with-uniform-controls/src/index.jsx b/examples/multiple-views-with-uniform-controls/src/index.jsx
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/src/index.jsx
rename to examples/multiple-views-with-uniform-controls/src/index.jsx
diff --git a/demos/multiple-views-with-uniform-controls/src/styles.css b/examples/multiple-views-with-uniform-controls/src/styles.css
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/src/styles.css
rename to examples/multiple-views-with-uniform-controls/src/styles.css
diff --git a/demos/multiple-views-with-uniform-controls/src/vite-env.d.ts b/examples/multiple-views-with-uniform-controls/src/vite-env.d.ts
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/src/vite-env.d.ts
rename to examples/multiple-views-with-uniform-controls/src/vite-env.d.ts
diff --git a/demos/multiple-views-with-uniform-controls/thumbnail.webp b/examples/multiple-views-with-uniform-controls/thumbnail.webp
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/thumbnail.webp
rename to examples/multiple-views-with-uniform-controls/thumbnail.webp
diff --git a/demos/multiple-views-with-uniform-controls/tsconfig.json b/examples/multiple-views-with-uniform-controls/tsconfig.json
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/tsconfig.json
rename to examples/multiple-views-with-uniform-controls/tsconfig.json
diff --git a/demos/multiple-views-with-uniform-controls/tsconfig.node.json b/examples/multiple-views-with-uniform-controls/tsconfig.node.json
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/tsconfig.node.json
rename to examples/multiple-views-with-uniform-controls/tsconfig.node.json
diff --git a/demos/multiple-views-with-uniform-controls/vite.config.ts b/examples/multiple-views-with-uniform-controls/vite.config.ts
similarity index 100%
rename from demos/multiple-views-with-uniform-controls/vite.config.ts
rename to examples/multiple-views-with-uniform-controls/vite.config.ts
diff --git a/demos/nextjs-prism/.prettierrc b/examples/nextjs-prism/.prettierrc
similarity index 100%
rename from demos/nextjs-prism/.prettierrc
rename to examples/nextjs-prism/.prettierrc
diff --git a/examples/nextjs-prism/README.md b/examples/nextjs-prism/README.md
new file mode 100644
index 00000000..5c6af966
--- /dev/null
+++ b/examples/nextjs-prism/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/nextjs-prism)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/nextjs-prism)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/nextjs-prism)
+
+```sh
+$ npx degit pmndrs/examples/examples/nextjs-prism
+```
+
+![](thumbnail.webp)
diff --git a/demos/nextjs-prism/index.html b/examples/nextjs-prism/index.html
similarity index 100%
rename from demos/nextjs-prism/index.html
rename to examples/nextjs-prism/index.html
diff --git a/demos/hi-key-bubbles/package.json b/examples/nextjs-prism/package.json
similarity index 87%
rename from demos/hi-key-bubbles/package.json
rename to examples/nextjs-prism/package.json
index f8f0a54e..8c85f2c7 100644
--- a/demos/hi-key-bubbles/package.json
+++ b/examples/nextjs-prism/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/hi-key-bubbles",
+  "name": "@example/nextjs-prism",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/hi-key-bubbles"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/nextjs-prism"
   }
 }
diff --git a/demos/nextjs-prism/pmndrs.json b/examples/nextjs-prism/pmndrs.json
similarity index 100%
rename from demos/nextjs-prism/pmndrs.json
rename to examples/nextjs-prism/pmndrs.json
diff --git a/demos/nextjs-prism/public/vite.svg b/examples/nextjs-prism/public/vite.svg
similarity index 100%
rename from demos/nextjs-prism/public/vite.svg
rename to examples/nextjs-prism/public/vite.svg
diff --git a/demos/nextjs-prism/sandbox.config.json b/examples/nextjs-prism/sandbox.config.json
similarity index 100%
rename from demos/nextjs-prism/sandbox.config.json
rename to examples/nextjs-prism/sandbox.config.json
diff --git a/demos/nextjs-prism/src/App.jsx b/examples/nextjs-prism/src/App.jsx
similarity index 100%
rename from demos/nextjs-prism/src/App.jsx
rename to examples/nextjs-prism/src/App.jsx
diff --git a/demos/nextjs-prism/src/components/Beam.jsx b/examples/nextjs-prism/src/components/Beam.jsx
similarity index 100%
rename from demos/nextjs-prism/src/components/Beam.jsx
rename to examples/nextjs-prism/src/components/Beam.jsx
diff --git a/demos/nextjs-prism/src/components/Box.jsx b/examples/nextjs-prism/src/components/Box.jsx
similarity index 100%
rename from demos/nextjs-prism/src/components/Box.jsx
rename to examples/nextjs-prism/src/components/Box.jsx
diff --git a/demos/nextjs-prism/src/components/Flare.jsx b/examples/nextjs-prism/src/components/Flare.jsx
similarity index 100%
rename from demos/nextjs-prism/src/components/Flare.jsx
rename to examples/nextjs-prism/src/components/Flare.jsx
diff --git a/demos/nextjs-prism/src/components/Prism.jsx b/examples/nextjs-prism/src/components/Prism.jsx
similarity index 100%
rename from demos/nextjs-prism/src/components/Prism.jsx
rename to examples/nextjs-prism/src/components/Prism.jsx
diff --git a/demos/nextjs-prism/src/components/Rainbow.jsx b/examples/nextjs-prism/src/components/Rainbow.jsx
similarity index 100%
rename from demos/nextjs-prism/src/components/Rainbow.jsx
rename to examples/nextjs-prism/src/components/Rainbow.jsx
diff --git a/demos/nextjs-prism/src/components/Reflect.jsx b/examples/nextjs-prism/src/components/Reflect.jsx
similarity index 100%
rename from demos/nextjs-prism/src/components/Reflect.jsx
rename to examples/nextjs-prism/src/components/Reflect.jsx
diff --git a/demos/nextjs-prism/src/fonts/Inter_Bold.json b/examples/nextjs-prism/src/fonts/Inter_Bold.json
similarity index 100%
rename from demos/nextjs-prism/src/fonts/Inter_Bold.json
rename to examples/nextjs-prism/src/fonts/Inter_Bold.json
diff --git a/demos/nextjs-prism/src/gltf/prism.glb b/examples/nextjs-prism/src/gltf/prism.glb
similarity index 100%
rename from demos/nextjs-prism/src/gltf/prism.glb
rename to examples/nextjs-prism/src/gltf/prism.glb
diff --git a/demos/nextjs-prism/src/index.jsx b/examples/nextjs-prism/src/index.jsx
similarity index 100%
rename from demos/nextjs-prism/src/index.jsx
rename to examples/nextjs-prism/src/index.jsx
diff --git a/demos/nextjs-prism/src/lut/F-6800-STD.cube b/examples/nextjs-prism/src/lut/F-6800-STD.cube
similarity index 100%
rename from demos/nextjs-prism/src/lut/F-6800-STD.cube
rename to examples/nextjs-prism/src/lut/F-6800-STD.cube
diff --git a/demos/nextjs-prism/src/styles.css b/examples/nextjs-prism/src/styles.css
similarity index 100%
rename from demos/nextjs-prism/src/styles.css
rename to examples/nextjs-prism/src/styles.css
diff --git a/demos/nextjs-prism/src/textures/lensflare/LICENSE.txt b/examples/nextjs-prism/src/textures/lensflare/LICENSE.txt
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/LICENSE.txt
rename to examples/nextjs-prism/src/textures/lensflare/LICENSE.txt
diff --git a/demos/nextjs-prism/src/textures/lensflare/hexangle.png b/examples/nextjs-prism/src/textures/lensflare/hexangle.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/hexangle.png
rename to examples/nextjs-prism/src/textures/lensflare/hexangle.png
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare0.png b/examples/nextjs-prism/src/textures/lensflare/lensflare0.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare0.png
rename to examples/nextjs-prism/src/textures/lensflare/lensflare0.png
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare0_alpha.png b/examples/nextjs-prism/src/textures/lensflare/lensflare0_alpha.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare0_alpha.png
rename to examples/nextjs-prism/src/textures/lensflare/lensflare0_alpha.png
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare0_bw.jpg b/examples/nextjs-prism/src/textures/lensflare/lensflare0_bw.jpg
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare0_bw.jpg
rename to examples/nextjs-prism/src/textures/lensflare/lensflare0_bw.jpg
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare0_bw.png b/examples/nextjs-prism/src/textures/lensflare/lensflare0_bw.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare0_bw.png
rename to examples/nextjs-prism/src/textures/lensflare/lensflare0_bw.png
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare1.png b/examples/nextjs-prism/src/textures/lensflare/lensflare1.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare1.png
rename to examples/nextjs-prism/src/textures/lensflare/lensflare1.png
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare2.png b/examples/nextjs-prism/src/textures/lensflare/lensflare2.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare2.png
rename to examples/nextjs-prism/src/textures/lensflare/lensflare2.png
diff --git a/demos/nextjs-prism/src/textures/lensflare/lensflare3.png b/examples/nextjs-prism/src/textures/lensflare/lensflare3.png
similarity index 100%
rename from demos/nextjs-prism/src/textures/lensflare/lensflare3.png
rename to examples/nextjs-prism/src/textures/lensflare/lensflare3.png
diff --git a/demos/nextjs-prism/src/util.js b/examples/nextjs-prism/src/util.js
similarity index 100%
rename from demos/nextjs-prism/src/util.js
rename to examples/nextjs-prism/src/util.js
diff --git a/demos/nextjs-prism/src/vite-env.d.ts b/examples/nextjs-prism/src/vite-env.d.ts
similarity index 100%
rename from demos/nextjs-prism/src/vite-env.d.ts
rename to examples/nextjs-prism/src/vite-env.d.ts
diff --git a/demos/nextjs-prism/thumbnail.webp b/examples/nextjs-prism/thumbnail.webp
similarity index 100%
rename from demos/nextjs-prism/thumbnail.webp
rename to examples/nextjs-prism/thumbnail.webp
diff --git a/demos/nextjs-prism/tsconfig.json b/examples/nextjs-prism/tsconfig.json
similarity index 100%
rename from demos/nextjs-prism/tsconfig.json
rename to examples/nextjs-prism/tsconfig.json
diff --git a/demos/nextjs-prism/tsconfig.node.json b/examples/nextjs-prism/tsconfig.node.json
similarity index 100%
rename from demos/nextjs-prism/tsconfig.node.json
rename to examples/nextjs-prism/tsconfig.node.json
diff --git a/demos/nextjs-prism/vite.config.ts b/examples/nextjs-prism/vite.config.ts
similarity index 100%
rename from demos/nextjs-prism/vite.config.ts
rename to examples/nextjs-prism/vite.config.ts
diff --git a/demos/night-train/.prettierrc b/examples/night-train/.prettierrc
similarity index 100%
rename from demos/night-train/.prettierrc
rename to examples/night-train/.prettierrc
diff --git a/examples/night-train/README.md b/examples/night-train/README.md
new file mode 100644
index 00000000..77ac5985
--- /dev/null
+++ b/examples/night-train/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/night-train)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/night-train)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/night-train)
+
+```sh
+$ npx degit pmndrs/examples/examples/night-train
+```
+
+![](thumbnail.webp)
diff --git a/demos/night-train/index.html b/examples/night-train/index.html
similarity index 100%
rename from demos/night-train/index.html
rename to examples/night-train/index.html
diff --git a/demos/camera-scroll/package.json b/examples/night-train/package.json
similarity index 87%
rename from demos/camera-scroll/package.json
rename to examples/night-train/package.json
index 0cf944ce..3682597d 100644
--- a/demos/camera-scroll/package.json
+++ b/examples/night-train/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/camera-scroll",
+  "name": "@example/night-train",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/camera-scroll"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/night-train"
   }
 }
diff --git a/demos/night-train/pmndrs.json b/examples/night-train/pmndrs.json
similarity index 100%
rename from demos/night-train/pmndrs.json
rename to examples/night-train/pmndrs.json
diff --git a/demos/night-train/public/vite.svg b/examples/night-train/public/vite.svg
similarity index 100%
rename from demos/night-train/public/vite.svg
rename to examples/night-train/public/vite.svg
diff --git a/demos/night-train/sandbox.config.json b/examples/night-train/sandbox.config.json
similarity index 100%
rename from demos/night-train/sandbox.config.json
rename to examples/night-train/sandbox.config.json
diff --git a/demos/night-train/src/App.jsx b/examples/night-train/src/App.jsx
similarity index 100%
rename from demos/night-train/src/App.jsx
rename to examples/night-train/src/App.jsx
diff --git a/demos/night-train/src/cabin-transformed.glb b/examples/night-train/src/cabin-transformed.glb
similarity index 100%
rename from demos/night-train/src/cabin-transformed.glb
rename to examples/night-train/src/cabin-transformed.glb
diff --git a/demos/night-train/src/index.jsx b/examples/night-train/src/index.jsx
similarity index 100%
rename from demos/night-train/src/index.jsx
rename to examples/night-train/src/index.jsx
diff --git a/demos/night-train/src/seat-transformed.glb b/examples/night-train/src/seat-transformed.glb
similarity index 100%
rename from demos/night-train/src/seat-transformed.glb
rename to examples/night-train/src/seat-transformed.glb
diff --git a/demos/night-train/src/styles.css b/examples/night-train/src/styles.css
similarity index 100%
rename from demos/night-train/src/styles.css
rename to examples/night-train/src/styles.css
diff --git a/demos/night-train/src/vite-env.d.ts b/examples/night-train/src/vite-env.d.ts
similarity index 100%
rename from demos/night-train/src/vite-env.d.ts
rename to examples/night-train/src/vite-env.d.ts
diff --git a/demos/night-train/thumbnail.webp b/examples/night-train/thumbnail.webp
similarity index 100%
rename from demos/night-train/thumbnail.webp
rename to examples/night-train/thumbnail.webp
diff --git a/demos/night-train/tsconfig.json b/examples/night-train/tsconfig.json
similarity index 100%
rename from demos/night-train/tsconfig.json
rename to examples/night-train/tsconfig.json
diff --git a/demos/night-train/tsconfig.node.json b/examples/night-train/tsconfig.node.json
similarity index 100%
rename from demos/night-train/tsconfig.node.json
rename to examples/night-train/tsconfig.node.json
diff --git a/demos/night-train/vite.config.ts b/examples/night-train/vite.config.ts
similarity index 100%
rename from demos/night-train/vite.config.ts
rename to examples/night-train/vite.config.ts
diff --git a/demos/object-clump/.prettierrc b/examples/object-clump/.prettierrc
similarity index 100%
rename from demos/object-clump/.prettierrc
rename to examples/object-clump/.prettierrc
diff --git a/examples/object-clump/README.md b/examples/object-clump/README.md
new file mode 100644
index 00000000..3edae9d4
--- /dev/null
+++ b/examples/object-clump/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/object-clump)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/object-clump)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/object-clump)
+
+```sh
+$ npx degit pmndrs/examples/examples/object-clump
+```
+
+![](thumbnail.webp)
diff --git a/demos/object-clump/index.html b/examples/object-clump/index.html
similarity index 100%
rename from demos/object-clump/index.html
rename to examples/object-clump/index.html
diff --git a/demos/object-clump/package.json b/examples/object-clump/package.json
similarity index 88%
rename from demos/object-clump/package.json
rename to examples/object-clump/package.json
index 8821c8c8..de4ad91f 100644
--- a/demos/object-clump/package.json
+++ b/examples/object-clump/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/object-clump",
+  "name": "@example/object-clump",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/object-clump"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/object-clump"
   }
 }
diff --git a/demos/object-clump/pmndrs.json b/examples/object-clump/pmndrs.json
similarity index 100%
rename from demos/object-clump/pmndrs.json
rename to examples/object-clump/pmndrs.json
diff --git a/demos/object-clump/public/vite.svg b/examples/object-clump/public/vite.svg
similarity index 100%
rename from demos/object-clump/public/vite.svg
rename to examples/object-clump/public/vite.svg
diff --git a/demos/object-clump/sandbox.config.json b/examples/object-clump/sandbox.config.json
similarity index 100%
rename from demos/object-clump/sandbox.config.json
rename to examples/object-clump/sandbox.config.json
diff --git a/demos/object-clump/src/App.jsx b/examples/object-clump/src/App.jsx
similarity index 100%
rename from demos/object-clump/src/App.jsx
rename to examples/object-clump/src/App.jsx
diff --git a/demos/object-clump/src/Outlines.tsx b/examples/object-clump/src/Outlines.tsx
similarity index 100%
rename from demos/object-clump/src/Outlines.tsx
rename to examples/object-clump/src/Outlines.tsx
diff --git a/demos/object-clump/src/adamsbridge.hdr b/examples/object-clump/src/adamsbridge.hdr
similarity index 100%
rename from demos/object-clump/src/adamsbridge.hdr
rename to examples/object-clump/src/adamsbridge.hdr
diff --git a/demos/object-clump/src/cross.jpg b/examples/object-clump/src/cross.jpg
similarity index 100%
rename from demos/object-clump/src/cross.jpg
rename to examples/object-clump/src/cross.jpg
diff --git a/demos/object-clump/src/index.jsx b/examples/object-clump/src/index.jsx
similarity index 100%
rename from demos/object-clump/src/index.jsx
rename to examples/object-clump/src/index.jsx
diff --git a/demos/object-clump/src/styles.css b/examples/object-clump/src/styles.css
similarity index 100%
rename from demos/object-clump/src/styles.css
rename to examples/object-clump/src/styles.css
diff --git a/demos/object-clump/src/vite-env.d.ts b/examples/object-clump/src/vite-env.d.ts
similarity index 100%
rename from demos/object-clump/src/vite-env.d.ts
rename to examples/object-clump/src/vite-env.d.ts
diff --git a/demos/object-clump/thumbnail.webp b/examples/object-clump/thumbnail.webp
similarity index 100%
rename from demos/object-clump/thumbnail.webp
rename to examples/object-clump/thumbnail.webp
diff --git a/demos/object-clump/tsconfig.json b/examples/object-clump/tsconfig.json
similarity index 100%
rename from demos/object-clump/tsconfig.json
rename to examples/object-clump/tsconfig.json
diff --git a/demos/object-clump/tsconfig.node.json b/examples/object-clump/tsconfig.node.json
similarity index 100%
rename from demos/object-clump/tsconfig.node.json
rename to examples/object-clump/tsconfig.node.json
diff --git a/demos/object-clump/vite.config.ts b/examples/object-clump/vite.config.ts
similarity index 100%
rename from demos/object-clump/vite.config.ts
rename to examples/object-clump/vite.config.ts
diff --git a/demos/pairing-threejs-to-ui/.codesandbox/workspace.json b/examples/pairing-threejs-to-ui/.codesandbox/workspace.json
similarity index 100%
rename from demos/pairing-threejs-to-ui/.codesandbox/workspace.json
rename to examples/pairing-threejs-to-ui/.codesandbox/workspace.json
diff --git a/demos/pairing-threejs-to-ui/.prettierrc b/examples/pairing-threejs-to-ui/.prettierrc
similarity index 100%
rename from demos/pairing-threejs-to-ui/.prettierrc
rename to examples/pairing-threejs-to-ui/.prettierrc
diff --git a/examples/pairing-threejs-to-ui/README.md b/examples/pairing-threejs-to-ui/README.md
new file mode 100644
index 00000000..7d93d0d9
--- /dev/null
+++ b/examples/pairing-threejs-to-ui/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pairing-threejs-to-ui)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/pairing-threejs-to-ui)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/pairing-threejs-to-ui)
+
+```sh
+$ npx degit pmndrs/examples/examples/pairing-threejs-to-ui
+```
+
+![](thumbnail.webp)
diff --git a/demos/pairing-threejs-to-ui/index.html b/examples/pairing-threejs-to-ui/index.html
similarity index 100%
rename from demos/pairing-threejs-to-ui/index.html
rename to examples/pairing-threejs-to-ui/index.html
diff --git a/demos/pairing-threejs-to-ui/package.json b/examples/pairing-threejs-to-ui/package.json
similarity index 86%
rename from demos/pairing-threejs-to-ui/package.json
rename to examples/pairing-threejs-to-ui/package.json
index 0ced2a01..323d9dee 100644
--- a/demos/pairing-threejs-to-ui/package.json
+++ b/examples/pairing-threejs-to-ui/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/pairing-threejs-to-ui",
+  "name": "@example/pairing-threejs-to-ui",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/pairing-threejs-to-ui"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/pairing-threejs-to-ui"
   }
 }
diff --git a/demos/pairing-threejs-to-ui/pmndrs.json b/examples/pairing-threejs-to-ui/pmndrs.json
similarity index 100%
rename from demos/pairing-threejs-to-ui/pmndrs.json
rename to examples/pairing-threejs-to-ui/pmndrs.json
diff --git a/demos/pairing-threejs-to-ui/public/vite.svg b/examples/pairing-threejs-to-ui/public/vite.svg
similarity index 100%
rename from demos/pairing-threejs-to-ui/public/vite.svg
rename to examples/pairing-threejs-to-ui/public/vite.svg
diff --git a/demos/pairing-threejs-to-ui/src/App.jsx b/examples/pairing-threejs-to-ui/src/App.jsx
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/App.jsx
rename to examples/pairing-threejs-to-ui/src/App.jsx
diff --git a/demos/pairing-threejs-to-ui/src/assets/tree-beech.gltf b/examples/pairing-threejs-to-ui/src/assets/tree-beech.gltf
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/assets/tree-beech.gltf
rename to examples/pairing-threejs-to-ui/src/assets/tree-beech.gltf
diff --git a/demos/pairing-threejs-to-ui/src/assets/tree-lime.gltf b/examples/pairing-threejs-to-ui/src/assets/tree-lime.gltf
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/assets/tree-lime.gltf
rename to examples/pairing-threejs-to-ui/src/assets/tree-lime.gltf
diff --git a/demos/pairing-threejs-to-ui/src/assets/tree-spruce.gltf b/examples/pairing-threejs-to-ui/src/assets/tree-spruce.gltf
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/assets/tree-spruce.gltf
rename to examples/pairing-threejs-to-ui/src/assets/tree-spruce.gltf
diff --git a/demos/pairing-threejs-to-ui/src/index.jsx b/examples/pairing-threejs-to-ui/src/index.jsx
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/index.jsx
rename to examples/pairing-threejs-to-ui/src/index.jsx
diff --git a/demos/pairing-threejs-to-ui/src/styles.css b/examples/pairing-threejs-to-ui/src/styles.css
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/styles.css
rename to examples/pairing-threejs-to-ui/src/styles.css
diff --git a/demos/pairing-threejs-to-ui/src/vite-env.d.ts b/examples/pairing-threejs-to-ui/src/vite-env.d.ts
similarity index 100%
rename from demos/pairing-threejs-to-ui/src/vite-env.d.ts
rename to examples/pairing-threejs-to-ui/src/vite-env.d.ts
diff --git a/demos/pairing-threejs-to-ui/thumbnail.webp b/examples/pairing-threejs-to-ui/thumbnail.webp
similarity index 100%
rename from demos/pairing-threejs-to-ui/thumbnail.webp
rename to examples/pairing-threejs-to-ui/thumbnail.webp
diff --git a/demos/pairing-threejs-to-ui/tsconfig.json b/examples/pairing-threejs-to-ui/tsconfig.json
similarity index 100%
rename from demos/pairing-threejs-to-ui/tsconfig.json
rename to examples/pairing-threejs-to-ui/tsconfig.json
diff --git a/demos/pairing-threejs-to-ui/tsconfig.node.json b/examples/pairing-threejs-to-ui/tsconfig.node.json
similarity index 100%
rename from demos/pairing-threejs-to-ui/tsconfig.node.json
rename to examples/pairing-threejs-to-ui/tsconfig.node.json
diff --git a/demos/pairing-threejs-to-ui/vite.config.ts b/examples/pairing-threejs-to-ui/vite.config.ts
similarity index 100%
rename from demos/pairing-threejs-to-ui/vite.config.ts
rename to examples/pairing-threejs-to-ui/vite.config.ts
diff --git a/demos/pass-through-portals/.prettierrc b/examples/pass-through-portals/.prettierrc
similarity index 100%
rename from demos/pass-through-portals/.prettierrc
rename to examples/pass-through-portals/.prettierrc
diff --git a/examples/pass-through-portals/README.md b/examples/pass-through-portals/README.md
new file mode 100644
index 00000000..fcdb9688
--- /dev/null
+++ b/examples/pass-through-portals/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pass-through-portals)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/pass-through-portals)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/pass-through-portals)
+
+```sh
+$ npx degit pmndrs/examples/examples/pass-through-portals
+```
+
+![](thumbnail.webp)
diff --git a/demos/pass-through-portals/index.html b/examples/pass-through-portals/index.html
similarity index 100%
rename from demos/pass-through-portals/index.html
rename to examples/pass-through-portals/index.html
diff --git a/demos/pass-through-portals/package.json b/examples/pass-through-portals/package.json
similarity index 86%
rename from demos/pass-through-portals/package.json
rename to examples/pass-through-portals/package.json
index bff25f7e..bb39dc74 100644
--- a/demos/pass-through-portals/package.json
+++ b/examples/pass-through-portals/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/pass-through-portals",
+  "name": "@example/pass-through-portals",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/pass-through-portals"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/pass-through-portals"
   }
 }
diff --git a/demos/pass-through-portals/pmndrs.json b/examples/pass-through-portals/pmndrs.json
similarity index 100%
rename from demos/pass-through-portals/pmndrs.json
rename to examples/pass-through-portals/pmndrs.json
diff --git a/demos/pass-through-portals/public/vite.svg b/examples/pass-through-portals/public/vite.svg
similarity index 100%
rename from demos/pass-through-portals/public/vite.svg
rename to examples/pass-through-portals/public/vite.svg
diff --git a/demos/pass-through-portals/sandbox.config.json b/examples/pass-through-portals/sandbox.config.json
similarity index 100%
rename from demos/pass-through-portals/sandbox.config.json
rename to examples/pass-through-portals/sandbox.config.json
diff --git a/demos/pass-through-portals/src/App.jsx b/examples/pass-through-portals/src/App.jsx
similarity index 100%
rename from demos/pass-through-portals/src/App.jsx
rename to examples/pass-through-portals/src/App.jsx
diff --git a/demos/pass-through-portals/src/index.jsx b/examples/pass-through-portals/src/index.jsx
similarity index 100%
rename from demos/pass-through-portals/src/index.jsx
rename to examples/pass-through-portals/src/index.jsx
diff --git a/demos/pass-through-portals/src/low_poly_mccree-transformed.glb b/examples/pass-through-portals/src/low_poly_mccree-transformed.glb
similarity index 100%
rename from demos/pass-through-portals/src/low_poly_mccree-transformed.glb
rename to examples/pass-through-portals/src/low_poly_mccree-transformed.glb
diff --git a/demos/pass-through-portals/src/styles.css b/examples/pass-through-portals/src/styles.css
similarity index 100%
rename from demos/pass-through-portals/src/styles.css
rename to examples/pass-through-portals/src/styles.css
diff --git a/demos/pass-through-portals/src/vite-env.d.ts b/examples/pass-through-portals/src/vite-env.d.ts
similarity index 100%
rename from demos/pass-through-portals/src/vite-env.d.ts
rename to examples/pass-through-portals/src/vite-env.d.ts
diff --git a/demos/pass-through-portals/thumbnail.webp b/examples/pass-through-portals/thumbnail.webp
similarity index 100%
rename from demos/pass-through-portals/thumbnail.webp
rename to examples/pass-through-portals/thumbnail.webp
diff --git a/demos/pass-through-portals/tsconfig.json b/examples/pass-through-portals/tsconfig.json
similarity index 100%
rename from demos/pass-through-portals/tsconfig.json
rename to examples/pass-through-portals/tsconfig.json
diff --git a/demos/pass-through-portals/tsconfig.node.json b/examples/pass-through-portals/tsconfig.node.json
similarity index 100%
rename from demos/pass-through-portals/tsconfig.node.json
rename to examples/pass-through-portals/tsconfig.node.json
diff --git a/demos/pass-through-portals/vite.config.ts b/examples/pass-through-portals/vite.config.ts
similarity index 100%
rename from demos/pass-through-portals/vite.config.ts
rename to examples/pass-through-portals/vite.config.ts
diff --git a/examples/physics-with-convex-polyhedrons/README.md b/examples/physics-with-convex-polyhedrons/README.md
new file mode 100644
index 00000000..4d3f7136
--- /dev/null
+++ b/examples/physics-with-convex-polyhedrons/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/physics-with-convex-polyhedrons)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/physics-with-convex-polyhedrons)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/physics-with-convex-polyhedrons)
+
+```sh
+$ npx degit pmndrs/examples/examples/physics-with-convex-polyhedrons
+```
+
+![](thumbnail.webp)
diff --git a/demos/physics-with-convex-polyhedrons/index.html b/examples/physics-with-convex-polyhedrons/index.html
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/index.html
rename to examples/physics-with-convex-polyhedrons/index.html
diff --git a/demos/physics-with-convex-polyhedrons/package.json b/examples/physics-with-convex-polyhedrons/package.json
similarity index 84%
rename from demos/physics-with-convex-polyhedrons/package.json
rename to examples/physics-with-convex-polyhedrons/package.json
index 3f8a8dec..abd555c4 100644
--- a/demos/physics-with-convex-polyhedrons/package.json
+++ b/examples/physics-with-convex-polyhedrons/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/physics-with-convex-polyhedrons",
+  "name": "@example/physics-with-convex-polyhedrons",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/physics-with-convex-polyhedrons"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/physics-with-convex-polyhedrons"
   }
 }
diff --git a/demos/physics-with-convex-polyhedrons/pmndrs.json b/examples/physics-with-convex-polyhedrons/pmndrs.json
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/pmndrs.json
rename to examples/physics-with-convex-polyhedrons/pmndrs.json
diff --git a/demos/physics-with-convex-polyhedrons/public/vite.svg b/examples/physics-with-convex-polyhedrons/public/vite.svg
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/public/vite.svg
rename to examples/physics-with-convex-polyhedrons/public/vite.svg
diff --git a/demos/physics-with-convex-polyhedrons/src/App.jsx b/examples/physics-with-convex-polyhedrons/src/App.jsx
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/src/App.jsx
rename to examples/physics-with-convex-polyhedrons/src/App.jsx
diff --git a/demos/physics-with-convex-polyhedrons/src/diamond.glb b/examples/physics-with-convex-polyhedrons/src/diamond.glb
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/src/diamond.glb
rename to examples/physics-with-convex-polyhedrons/src/diamond.glb
diff --git a/demos/physics-with-convex-polyhedrons/src/index.jsx b/examples/physics-with-convex-polyhedrons/src/index.jsx
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/src/index.jsx
rename to examples/physics-with-convex-polyhedrons/src/index.jsx
diff --git a/demos/physics-with-convex-polyhedrons/src/styles.css b/examples/physics-with-convex-polyhedrons/src/styles.css
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/src/styles.css
rename to examples/physics-with-convex-polyhedrons/src/styles.css
diff --git a/demos/physics-with-convex-polyhedrons/src/vite-env.d.ts b/examples/physics-with-convex-polyhedrons/src/vite-env.d.ts
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/src/vite-env.d.ts
rename to examples/physics-with-convex-polyhedrons/src/vite-env.d.ts
diff --git a/demos/physics-with-convex-polyhedrons/thumbnail.webp b/examples/physics-with-convex-polyhedrons/thumbnail.webp
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/thumbnail.webp
rename to examples/physics-with-convex-polyhedrons/thumbnail.webp
diff --git a/demos/physics-with-convex-polyhedrons/tsconfig.json b/examples/physics-with-convex-polyhedrons/tsconfig.json
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/tsconfig.json
rename to examples/physics-with-convex-polyhedrons/tsconfig.json
diff --git a/demos/physics-with-convex-polyhedrons/tsconfig.node.json b/examples/physics-with-convex-polyhedrons/tsconfig.node.json
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/tsconfig.node.json
rename to examples/physics-with-convex-polyhedrons/tsconfig.node.json
diff --git a/demos/physics-with-convex-polyhedrons/vite.config.ts b/examples/physics-with-convex-polyhedrons/vite.config.ts
similarity index 100%
rename from demos/physics-with-convex-polyhedrons/vite.config.ts
rename to examples/physics-with-convex-polyhedrons/vite.config.ts
diff --git a/demos/pinball-in-70-lines/.prettierrc b/examples/pinball-in-70-lines/.prettierrc
similarity index 100%
rename from demos/pinball-in-70-lines/.prettierrc
rename to examples/pinball-in-70-lines/.prettierrc
diff --git a/examples/pinball-in-70-lines/README.md b/examples/pinball-in-70-lines/README.md
new file mode 100644
index 00000000..b6e63e21
--- /dev/null
+++ b/examples/pinball-in-70-lines/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pinball-in-70-lines)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/pinball-in-70-lines)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/pinball-in-70-lines)
+
+```sh
+$ npx degit pmndrs/examples/examples/pinball-in-70-lines
+```
+
+![](thumbnail.webp)
diff --git a/demos/pinball-in-70-lines/index.html b/examples/pinball-in-70-lines/index.html
similarity index 100%
rename from demos/pinball-in-70-lines/index.html
rename to examples/pinball-in-70-lines/index.html
diff --git a/demos/trigger-meshes/package.json b/examples/pinball-in-70-lines/package.json
similarity index 86%
rename from demos/trigger-meshes/package.json
rename to examples/pinball-in-70-lines/package.json
index eb222bc0..fc87f019 100644
--- a/demos/trigger-meshes/package.json
+++ b/examples/pinball-in-70-lines/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/trigger-meshes",
+  "name": "@example/pinball-in-70-lines",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/trigger-meshes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/pinball-in-70-lines"
   }
 }
diff --git a/demos/pinball-in-70-lines/pmndrs.json b/examples/pinball-in-70-lines/pmndrs.json
similarity index 100%
rename from demos/pinball-in-70-lines/pmndrs.json
rename to examples/pinball-in-70-lines/pmndrs.json
diff --git a/demos/pinball-in-70-lines/public/vite.svg b/examples/pinball-in-70-lines/public/vite.svg
similarity index 100%
rename from demos/pinball-in-70-lines/public/vite.svg
rename to examples/pinball-in-70-lines/public/vite.svg
diff --git a/demos/pinball-in-70-lines/src/App.jsx b/examples/pinball-in-70-lines/src/App.jsx
similarity index 100%
rename from demos/pinball-in-70-lines/src/App.jsx
rename to examples/pinball-in-70-lines/src/App.jsx
diff --git a/demos/pinball-in-70-lines/src/bg.jpg b/examples/pinball-in-70-lines/src/bg.jpg
similarity index 100%
rename from demos/pinball-in-70-lines/src/bg.jpg
rename to examples/pinball-in-70-lines/src/bg.jpg
diff --git a/demos/pinball-in-70-lines/src/cross.jpg b/examples/pinball-in-70-lines/src/cross.jpg
similarity index 100%
rename from demos/pinball-in-70-lines/src/cross.jpg
rename to examples/pinball-in-70-lines/src/cross.jpg
diff --git a/demos/pinball-in-70-lines/src/index.jsx b/examples/pinball-in-70-lines/src/index.jsx
similarity index 100%
rename from demos/pinball-in-70-lines/src/index.jsx
rename to examples/pinball-in-70-lines/src/index.jsx
diff --git a/demos/pinball-in-70-lines/src/styles.css b/examples/pinball-in-70-lines/src/styles.css
similarity index 100%
rename from demos/pinball-in-70-lines/src/styles.css
rename to examples/pinball-in-70-lines/src/styles.css
diff --git a/demos/pinball-in-70-lines/src/vite-env.d.ts b/examples/pinball-in-70-lines/src/vite-env.d.ts
similarity index 100%
rename from demos/pinball-in-70-lines/src/vite-env.d.ts
rename to examples/pinball-in-70-lines/src/vite-env.d.ts
diff --git a/demos/pinball-in-70-lines/thumbnail.webp b/examples/pinball-in-70-lines/thumbnail.webp
similarity index 100%
rename from demos/pinball-in-70-lines/thumbnail.webp
rename to examples/pinball-in-70-lines/thumbnail.webp
diff --git a/demos/pinball-in-70-lines/tsconfig.json b/examples/pinball-in-70-lines/tsconfig.json
similarity index 100%
rename from demos/pinball-in-70-lines/tsconfig.json
rename to examples/pinball-in-70-lines/tsconfig.json
diff --git a/demos/pinball-in-70-lines/tsconfig.node.json b/examples/pinball-in-70-lines/tsconfig.node.json
similarity index 100%
rename from demos/pinball-in-70-lines/tsconfig.node.json
rename to examples/pinball-in-70-lines/tsconfig.node.json
diff --git a/demos/pinball-in-70-lines/vite.config.ts b/examples/pinball-in-70-lines/vite.config.ts
similarity index 100%
rename from demos/pinball-in-70-lines/vite.config.ts
rename to examples/pinball-in-70-lines/vite.config.ts
diff --git a/demos/pmndrs-vercel/.prettierrc b/examples/pmndrs-vercel/.prettierrc
similarity index 100%
rename from demos/pmndrs-vercel/.prettierrc
rename to examples/pmndrs-vercel/.prettierrc
diff --git a/examples/pmndrs-vercel/README.md b/examples/pmndrs-vercel/README.md
new file mode 100644
index 00000000..2954ccd9
--- /dev/null
+++ b/examples/pmndrs-vercel/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/pmndrs-vercel)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/pmndrs-vercel)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/pmndrs-vercel)
+
+```sh
+$ npx degit pmndrs/examples/examples/pmndrs-vercel
+```
+
+![](thumbnail.webp)
diff --git a/demos/pmndrs-vercel/index.html b/examples/pmndrs-vercel/index.html
similarity index 100%
rename from demos/pmndrs-vercel/index.html
rename to examples/pmndrs-vercel/index.html
diff --git a/demos/pmndrs-vercel/package.json b/examples/pmndrs-vercel/package.json
similarity index 87%
rename from demos/pmndrs-vercel/package.json
rename to examples/pmndrs-vercel/package.json
index 3c7131e3..388a6f80 100644
--- a/demos/pmndrs-vercel/package.json
+++ b/examples/pmndrs-vercel/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/pmndrs-vercel",
+  "name": "@example/pmndrs-vercel",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/pmndrs-vercel"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/pmndrs-vercel"
   }
 }
diff --git a/demos/pmndrs-vercel/pmndrs.json b/examples/pmndrs-vercel/pmndrs.json
similarity index 100%
rename from demos/pmndrs-vercel/pmndrs.json
rename to examples/pmndrs-vercel/pmndrs.json
diff --git a/demos/pmndrs-vercel/public/vite.svg b/examples/pmndrs-vercel/public/vite.svg
similarity index 100%
rename from demos/pmndrs-vercel/public/vite.svg
rename to examples/pmndrs-vercel/public/vite.svg
diff --git a/demos/pmndrs-vercel/src/App.jsx b/examples/pmndrs-vercel/src/App.jsx
similarity index 100%
rename from demos/pmndrs-vercel/src/App.jsx
rename to examples/pmndrs-vercel/src/App.jsx
diff --git a/demos/pmndrs-vercel/src/cursor.glb b/examples/pmndrs-vercel/src/cursor.glb
similarity index 100%
rename from demos/pmndrs-vercel/src/cursor.glb
rename to examples/pmndrs-vercel/src/cursor.glb
diff --git a/demos/pmndrs-vercel/src/index.jsx b/examples/pmndrs-vercel/src/index.jsx
similarity index 100%
rename from demos/pmndrs-vercel/src/index.jsx
rename to examples/pmndrs-vercel/src/index.jsx
diff --git a/demos/pmndrs-vercel/src/pmndrs.glb b/examples/pmndrs-vercel/src/pmndrs.glb
similarity index 100%
rename from demos/pmndrs-vercel/src/pmndrs.glb
rename to examples/pmndrs-vercel/src/pmndrs.glb
diff --git a/demos/pmndrs-vercel/src/styles.css b/examples/pmndrs-vercel/src/styles.css
similarity index 100%
rename from demos/pmndrs-vercel/src/styles.css
rename to examples/pmndrs-vercel/src/styles.css
diff --git a/demos/pmndrs-vercel/src/vite-env.d.ts b/examples/pmndrs-vercel/src/vite-env.d.ts
similarity index 100%
rename from demos/pmndrs-vercel/src/vite-env.d.ts
rename to examples/pmndrs-vercel/src/vite-env.d.ts
diff --git a/demos/pmndrs-vercel/thumbnail.webp b/examples/pmndrs-vercel/thumbnail.webp
similarity index 100%
rename from demos/pmndrs-vercel/thumbnail.webp
rename to examples/pmndrs-vercel/thumbnail.webp
diff --git a/demos/pmndrs-vercel/tsconfig.json b/examples/pmndrs-vercel/tsconfig.json
similarity index 100%
rename from demos/pmndrs-vercel/tsconfig.json
rename to examples/pmndrs-vercel/tsconfig.json
diff --git a/demos/pmndrs-vercel/tsconfig.node.json b/examples/pmndrs-vercel/tsconfig.node.json
similarity index 100%
rename from demos/pmndrs-vercel/tsconfig.node.json
rename to examples/pmndrs-vercel/tsconfig.node.json
diff --git a/demos/pmndrs-vercel/vite.config.ts b/examples/pmndrs-vercel/vite.config.ts
similarity index 100%
rename from demos/pmndrs-vercel/vite.config.ts
rename to examples/pmndrs-vercel/vite.config.ts
diff --git a/demos/portal-shapes/.prettierrc b/examples/portal-shapes/.prettierrc
similarity index 100%
rename from demos/portal-shapes/.prettierrc
rename to examples/portal-shapes/.prettierrc
diff --git a/examples/portal-shapes/README.md b/examples/portal-shapes/README.md
new file mode 100644
index 00000000..a4738ea5
--- /dev/null
+++ b/examples/portal-shapes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/portal-shapes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/portal-shapes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/portal-shapes)
+
+```sh
+$ npx degit pmndrs/examples/examples/portal-shapes
+```
+
+![](thumbnail.webp)
diff --git a/demos/portal-shapes/index.html b/examples/portal-shapes/index.html
similarity index 100%
rename from demos/portal-shapes/index.html
rename to examples/portal-shapes/index.html
diff --git a/demos/portal-shapes/package.json b/examples/portal-shapes/package.json
similarity index 87%
rename from demos/portal-shapes/package.json
rename to examples/portal-shapes/package.json
index 2da06e57..c153bfb6 100644
--- a/demos/portal-shapes/package.json
+++ b/examples/portal-shapes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/portal-shapes",
+  "name": "@example/portal-shapes",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/portal-shapes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/portal-shapes"
   }
 }
diff --git a/demos/portal-shapes/pmndrs.json b/examples/portal-shapes/pmndrs.json
similarity index 100%
rename from demos/portal-shapes/pmndrs.json
rename to examples/portal-shapes/pmndrs.json
diff --git a/demos/portal-shapes/public/journey-transformed.glb b/examples/portal-shapes/public/journey-transformed.glb
similarity index 100%
rename from demos/portal-shapes/public/journey-transformed.glb
rename to examples/portal-shapes/public/journey-transformed.glb
diff --git a/demos/portal-shapes/public/shapes-transformed.glb b/examples/portal-shapes/public/shapes-transformed.glb
similarity index 100%
rename from demos/portal-shapes/public/shapes-transformed.glb
rename to examples/portal-shapes/public/shapes-transformed.glb
diff --git a/demos/portal-shapes/public/vite.svg b/examples/portal-shapes/public/vite.svg
similarity index 100%
rename from demos/portal-shapes/public/vite.svg
rename to examples/portal-shapes/public/vite.svg
diff --git a/demos/portal-shapes/sandbox.config.json b/examples/portal-shapes/sandbox.config.json
similarity index 100%
rename from demos/portal-shapes/sandbox.config.json
rename to examples/portal-shapes/sandbox.config.json
diff --git a/demos/portal-shapes/src/App.jsx b/examples/portal-shapes/src/App.jsx
similarity index 100%
rename from demos/portal-shapes/src/App.jsx
rename to examples/portal-shapes/src/App.jsx
diff --git a/demos/portal-shapes/src/bold.blob b/examples/portal-shapes/src/bold.blob
similarity index 100%
rename from demos/portal-shapes/src/bold.blob
rename to examples/portal-shapes/src/bold.blob
diff --git a/demos/portal-shapes/src/index.jsx b/examples/portal-shapes/src/index.jsx
similarity index 100%
rename from demos/portal-shapes/src/index.jsx
rename to examples/portal-shapes/src/index.jsx
diff --git a/demos/portal-shapes/src/sandboxes/Basic.jsx b/examples/portal-shapes/src/sandboxes/Basic.jsx
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/Basic.jsx
rename to examples/portal-shapes/src/sandboxes/Basic.jsx
diff --git a/demos/portal-shapes/src/sandboxes/PingPong.jsx b/examples/portal-shapes/src/sandboxes/PingPong.jsx
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/PingPong.jsx
rename to examples/portal-shapes/src/sandboxes/PingPong.jsx
diff --git a/demos/portal-shapes/src/sandboxes/Rocket.jsx b/examples/portal-shapes/src/sandboxes/Rocket.jsx
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/Rocket.jsx
rename to examples/portal-shapes/src/sandboxes/Rocket.jsx
diff --git a/demos/portal-shapes/src/sandboxes/Shoe.jsx b/examples/portal-shapes/src/sandboxes/Shoe.jsx
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/Shoe.jsx
rename to examples/portal-shapes/src/sandboxes/Shoe.jsx
diff --git a/demos/portal-shapes/src/sandboxes/Stencil.jsx b/examples/portal-shapes/src/sandboxes/Stencil.jsx
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/Stencil.jsx
rename to examples/portal-shapes/src/sandboxes/Stencil.jsx
diff --git a/demos/portal-shapes/src/sandboxes/Turtle.jsx b/examples/portal-shapes/src/sandboxes/Turtle.jsx
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/Turtle.jsx
rename to examples/portal-shapes/src/sandboxes/Turtle.jsx
diff --git a/demos/portal-shapes/src/sandboxes/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb b/examples/portal-shapes/src/sandboxes/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb
rename to examples/portal-shapes/src/sandboxes/model_52a_-_kemps_ridley_sea_turtle_no_id-transformed.glb
diff --git a/demos/portal-shapes/src/sandboxes/react-transformed.glb b/examples/portal-shapes/src/sandboxes/react-transformed.glb
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/react-transformed.glb
rename to examples/portal-shapes/src/sandboxes/react-transformed.glb
diff --git a/demos/portal-shapes/src/sandboxes/rocket-transformed.glb b/examples/portal-shapes/src/sandboxes/rocket-transformed.glb
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/rocket-transformed.glb
rename to examples/portal-shapes/src/sandboxes/rocket-transformed.glb
diff --git a/demos/portal-shapes/src/sandboxes/shoe-draco.glb b/examples/portal-shapes/src/sandboxes/shoe-draco.glb
similarity index 100%
rename from demos/portal-shapes/src/sandboxes/shoe-draco.glb
rename to examples/portal-shapes/src/sandboxes/shoe-draco.glb
diff --git a/demos/portal-shapes/src/styles.css b/examples/portal-shapes/src/styles.css
similarity index 100%
rename from demos/portal-shapes/src/styles.css
rename to examples/portal-shapes/src/styles.css
diff --git a/demos/portal-shapes/src/vite-env.d.ts b/examples/portal-shapes/src/vite-env.d.ts
similarity index 100%
rename from demos/portal-shapes/src/vite-env.d.ts
rename to examples/portal-shapes/src/vite-env.d.ts
diff --git a/demos/portal-shapes/thumbnail.webp b/examples/portal-shapes/thumbnail.webp
similarity index 100%
rename from demos/portal-shapes/thumbnail.webp
rename to examples/portal-shapes/thumbnail.webp
diff --git a/demos/portal-shapes/tsconfig.json b/examples/portal-shapes/tsconfig.json
similarity index 100%
rename from demos/portal-shapes/tsconfig.json
rename to examples/portal-shapes/tsconfig.json
diff --git a/demos/portal-shapes/tsconfig.node.json b/examples/portal-shapes/tsconfig.node.json
similarity index 100%
rename from demos/portal-shapes/tsconfig.node.json
rename to examples/portal-shapes/tsconfig.node.json
diff --git a/demos/portal-shapes/vite.config.ts b/examples/portal-shapes/vite.config.ts
similarity index 100%
rename from demos/portal-shapes/vite.config.ts
rename to examples/portal-shapes/vite.config.ts
diff --git a/demos/portals/.prettierrc b/examples/portals/.prettierrc
similarity index 100%
rename from demos/portals/.prettierrc
rename to examples/portals/.prettierrc
diff --git a/demos/enter-portals/README.md b/examples/portals/README.md
similarity index 59%
rename from demos/enter-portals/README.md
rename to examples/portals/README.md
index 5d592585..f6baad9b 100644
--- a/demos/enter-portals/README.md
+++ b/examples/portals/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/enter-portals)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/enter-portals)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/enter-portals)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/portals)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/portals)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/portals)
 
 ```sh
-$ npx degit pmndrs/examples/demos/enter-portals
+$ npx degit pmndrs/examples/examples/portals
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/portals/index.html b/examples/portals/index.html
similarity index 100%
rename from demos/portals/index.html
rename to examples/portals/index.html
diff --git a/demos/magic-box/package.json b/examples/portals/package.json
similarity index 88%
rename from demos/magic-box/package.json
rename to examples/portals/package.json
index cb53273a..83878cdf 100644
--- a/demos/magic-box/package.json
+++ b/examples/portals/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/magic-box",
+  "name": "@example/portals",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/magic-box"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/portals"
   }
 }
diff --git a/demos/portals/pmndrs.json b/examples/portals/pmndrs.json
similarity index 100%
rename from demos/portals/pmndrs.json
rename to examples/portals/pmndrs.json
diff --git a/demos/portals/public/Inter_Medium_Regular.json b/examples/portals/public/Inter_Medium_Regular.json
similarity index 100%
rename from demos/portals/public/Inter_Medium_Regular.json
rename to examples/portals/public/Inter_Medium_Regular.json
diff --git a/demos/portals/public/vite.svg b/examples/portals/public/vite.svg
similarity index 100%
rename from demos/portals/public/vite.svg
rename to examples/portals/public/vite.svg
diff --git a/demos/portals/sandbox.config.json b/examples/portals/sandbox.config.json
similarity index 100%
rename from demos/portals/sandbox.config.json
rename to examples/portals/sandbox.config.json
diff --git a/demos/portals/src/App.jsx b/examples/portals/src/App.jsx
similarity index 100%
rename from demos/portals/src/App.jsx
rename to examples/portals/src/App.jsx
diff --git a/demos/portals/src/ao_shapes.glb b/examples/portals/src/ao_shapes.glb
similarity index 100%
rename from demos/portals/src/ao_shapes.glb
rename to examples/portals/src/ao_shapes.glb
diff --git a/demos/portals/src/index.jsx b/examples/portals/src/index.jsx
similarity index 100%
rename from demos/portals/src/index.jsx
rename to examples/portals/src/index.jsx
diff --git a/demos/portals/src/styles.css b/examples/portals/src/styles.css
similarity index 100%
rename from demos/portals/src/styles.css
rename to examples/portals/src/styles.css
diff --git a/demos/portals/src/vite-env.d.ts b/examples/portals/src/vite-env.d.ts
similarity index 100%
rename from demos/portals/src/vite-env.d.ts
rename to examples/portals/src/vite-env.d.ts
diff --git a/demos/portals/thumbnail.webp b/examples/portals/thumbnail.webp
similarity index 100%
rename from demos/portals/thumbnail.webp
rename to examples/portals/thumbnail.webp
diff --git a/demos/portals/tsconfig.json b/examples/portals/tsconfig.json
similarity index 100%
rename from demos/portals/tsconfig.json
rename to examples/portals/tsconfig.json
diff --git a/demos/portals/tsconfig.node.json b/examples/portals/tsconfig.node.json
similarity index 100%
rename from demos/portals/tsconfig.node.json
rename to examples/portals/tsconfig.node.json
diff --git a/demos/portals/vite.config.ts b/examples/portals/vite.config.ts
similarity index 100%
rename from demos/portals/vite.config.ts
rename to examples/portals/vite.config.ts
diff --git a/demos/progressive-loading-states-with-suspense/.codesandbox/workspace.json b/examples/progressive-loading-states-with-suspense/.codesandbox/workspace.json
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/.codesandbox/workspace.json
rename to examples/progressive-loading-states-with-suspense/.codesandbox/workspace.json
diff --git a/demos/progressive-loading-states-with-suspense/.prettierrc b/examples/progressive-loading-states-with-suspense/.prettierrc
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/.prettierrc
rename to examples/progressive-loading-states-with-suspense/.prettierrc
diff --git a/examples/progressive-loading-states-with-suspense/README.md b/examples/progressive-loading-states-with-suspense/README.md
new file mode 100644
index 00000000..2609aad7
--- /dev/null
+++ b/examples/progressive-loading-states-with-suspense/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/progressive-loading-states-with-suspense)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/progressive-loading-states-with-suspense)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/progressive-loading-states-with-suspense)
+
+```sh
+$ npx degit pmndrs/examples/examples/progressive-loading-states-with-suspense
+```
+
+![](thumbnail.webp)
diff --git a/demos/progressive-loading-states-with-suspense/index.html b/examples/progressive-loading-states-with-suspense/index.html
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/index.html
rename to examples/progressive-loading-states-with-suspense/index.html
diff --git a/examples/progressive-loading-states-with-suspense/package.json b/examples/progressive-loading-states-with-suspense/package.json
new file mode 100644
index 00000000..de879ecb
--- /dev/null
+++ b/examples/progressive-loading-states-with-suspense/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/progressive-loading-states-with-suspense",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/progressive-loading-states-with-suspense"
+  }
+}
diff --git a/demos/progressive-loading-states-with-suspense/pmndrs.json b/examples/progressive-loading-states-with-suspense/pmndrs.json
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/pmndrs.json
rename to examples/progressive-loading-states-with-suspense/pmndrs.json
diff --git a/demos/progressive-loading-states-with-suspense/public/vite.svg b/examples/progressive-loading-states-with-suspense/public/vite.svg
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/public/vite.svg
rename to examples/progressive-loading-states-with-suspense/public/vite.svg
diff --git a/demos/progressive-loading-states-with-suspense/sandbox.config.json b/examples/progressive-loading-states-with-suspense/sandbox.config.json
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/sandbox.config.json
rename to examples/progressive-loading-states-with-suspense/sandbox.config.json
diff --git a/demos/progressive-loading-states-with-suspense/src/App.jsx b/examples/progressive-loading-states-with-suspense/src/App.jsx
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/src/App.jsx
rename to examples/progressive-loading-states-with-suspense/src/App.jsx
diff --git a/demos/progressive-loading-states-with-suspense/src/bust-hi.glb b/examples/progressive-loading-states-with-suspense/src/bust-hi.glb
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/src/bust-hi.glb
rename to examples/progressive-loading-states-with-suspense/src/bust-hi.glb
diff --git a/demos/progressive-loading-states-with-suspense/src/bust-lo-draco.glb b/examples/progressive-loading-states-with-suspense/src/bust-lo-draco.glb
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/src/bust-lo-draco.glb
rename to examples/progressive-loading-states-with-suspense/src/bust-lo-draco.glb
diff --git a/demos/progressive-loading-states-with-suspense/src/index.jsx b/examples/progressive-loading-states-with-suspense/src/index.jsx
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/src/index.jsx
rename to examples/progressive-loading-states-with-suspense/src/index.jsx
diff --git a/demos/progressive-loading-states-with-suspense/src/styles.css b/examples/progressive-loading-states-with-suspense/src/styles.css
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/src/styles.css
rename to examples/progressive-loading-states-with-suspense/src/styles.css
diff --git a/demos/progressive-loading-states-with-suspense/src/vite-env.d.ts b/examples/progressive-loading-states-with-suspense/src/vite-env.d.ts
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/src/vite-env.d.ts
rename to examples/progressive-loading-states-with-suspense/src/vite-env.d.ts
diff --git a/demos/progressive-loading-states-with-suspense/thumbnail.webp b/examples/progressive-loading-states-with-suspense/thumbnail.webp
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/thumbnail.webp
rename to examples/progressive-loading-states-with-suspense/thumbnail.webp
diff --git a/demos/progressive-loading-states-with-suspense/tsconfig.json b/examples/progressive-loading-states-with-suspense/tsconfig.json
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/tsconfig.json
rename to examples/progressive-loading-states-with-suspense/tsconfig.json
diff --git a/demos/progressive-loading-states-with-suspense/tsconfig.node.json b/examples/progressive-loading-states-with-suspense/tsconfig.node.json
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/tsconfig.node.json
rename to examples/progressive-loading-states-with-suspense/tsconfig.node.json
diff --git a/demos/progressive-loading-states-with-suspense/vite.config.ts b/examples/progressive-loading-states-with-suspense/vite.config.ts
similarity index 100%
rename from demos/progressive-loading-states-with-suspense/vite.config.ts
rename to examples/progressive-loading-states-with-suspense/vite.config.ts
diff --git a/demos/racing-game/.prettierrc b/examples/racing-game/.prettierrc
similarity index 100%
rename from demos/racing-game/.prettierrc
rename to examples/racing-game/.prettierrc
diff --git a/examples/racing-game/README.md b/examples/racing-game/README.md
new file mode 100644
index 00000000..f96fea72
--- /dev/null
+++ b/examples/racing-game/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/racing-game)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/racing-game)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/racing-game)
+
+```sh
+$ npx degit pmndrs/examples/examples/racing-game
+```
+
+![](thumbnail.webp)
diff --git a/demos/racing-game/index.html b/examples/racing-game/index.html
similarity index 100%
rename from demos/racing-game/index.html
rename to examples/racing-game/index.html
diff --git a/demos/racing-game/package.json b/examples/racing-game/package.json
similarity index 89%
rename from demos/racing-game/package.json
rename to examples/racing-game/package.json
index d0575c15..81675944 100644
--- a/demos/racing-game/package.json
+++ b/examples/racing-game/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/racing-game",
+  "name": "@example/racing-game",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -40,6 +40,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/racing-game"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/racing-game"
   }
 }
diff --git a/demos/racing-game/pmndrs.json b/examples/racing-game/pmndrs.json
similarity index 100%
rename from demos/racing-game/pmndrs.json
rename to examples/racing-game/pmndrs.json
diff --git a/demos/racing-game/public/images/bronze.png b/examples/racing-game/public/images/bronze.png
similarity index 100%
rename from demos/racing-game/public/images/bronze.png
rename to examples/racing-game/public/images/bronze.png
diff --git a/demos/racing-game/public/images/gold.png b/examples/racing-game/public/images/gold.png
similarity index 100%
rename from demos/racing-game/public/images/gold.png
rename to examples/racing-game/public/images/gold.png
diff --git a/demos/racing-game/public/images/silver.png b/examples/racing-game/public/images/silver.png
similarity index 100%
rename from demos/racing-game/public/images/silver.png
rename to examples/racing-game/public/images/silver.png
diff --git a/demos/racing-game/public/models/chassis-draco.glb b/examples/racing-game/public/models/chassis-draco.glb
similarity index 100%
rename from demos/racing-game/public/models/chassis-draco.glb
rename to examples/racing-game/public/models/chassis-draco.glb
diff --git a/demos/racing-game/public/models/track-draco.glb b/examples/racing-game/public/models/track-draco.glb
similarity index 100%
rename from demos/racing-game/public/models/track-draco.glb
rename to examples/racing-game/public/models/track-draco.glb
diff --git a/demos/racing-game/public/models/wheel-draco.glb b/examples/racing-game/public/models/wheel-draco.glb
similarity index 100%
rename from demos/racing-game/public/models/wheel-draco.glb
rename to examples/racing-game/public/models/wheel-draco.glb
diff --git a/demos/racing-game/public/sounds/accelerate.mp3 b/examples/racing-game/public/sounds/accelerate.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/accelerate.mp3
rename to examples/racing-game/public/sounds/accelerate.mp3
diff --git a/demos/racing-game/public/sounds/boost.mp3 b/examples/racing-game/public/sounds/boost.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/boost.mp3
rename to examples/racing-game/public/sounds/boost.mp3
diff --git a/demos/racing-game/public/sounds/crash.mp3 b/examples/racing-game/public/sounds/crash.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/crash.mp3
rename to examples/racing-game/public/sounds/crash.mp3
diff --git a/demos/racing-game/public/sounds/engine.mp3 b/examples/racing-game/public/sounds/engine.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/engine.mp3
rename to examples/racing-game/public/sounds/engine.mp3
diff --git a/demos/racing-game/public/sounds/honk.mp3 b/examples/racing-game/public/sounds/honk.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/honk.mp3
rename to examples/racing-game/public/sounds/honk.mp3
diff --git a/demos/racing-game/public/sounds/tire-brake.mp3 b/examples/racing-game/public/sounds/tire-brake.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/tire-brake.mp3
rename to examples/racing-game/public/sounds/tire-brake.mp3
diff --git a/demos/racing-game/public/sounds/train.mp3 b/examples/racing-game/public/sounds/train.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/train.mp3
rename to examples/racing-game/public/sounds/train.mp3
diff --git a/demos/racing-game/public/sounds/water.mp3 b/examples/racing-game/public/sounds/water.mp3
similarity index 100%
rename from demos/racing-game/public/sounds/water.mp3
rename to examples/racing-game/public/sounds/water.mp3
diff --git a/demos/racing-game/public/textures/cursor.svg b/examples/racing-game/public/textures/cursor.svg
similarity index 100%
rename from demos/racing-game/public/textures/cursor.svg
rename to examples/racing-game/public/textures/cursor.svg
diff --git a/demos/racing-game/public/textures/dikhololo_night_1k.hdr b/examples/racing-game/public/textures/dikhololo_night_1k.hdr
similarity index 100%
rename from demos/racing-game/public/textures/dikhololo_night_1k.hdr
rename to examples/racing-game/public/textures/dikhololo_night_1k.hdr
diff --git a/demos/racing-game/public/textures/heightmap_1024.png b/examples/racing-game/public/textures/heightmap_1024.png
similarity index 100%
rename from demos/racing-game/public/textures/heightmap_1024.png
rename to examples/racing-game/public/textures/heightmap_1024.png
diff --git a/demos/racing-game/public/textures/mask.svg b/examples/racing-game/public/textures/mask.svg
similarity index 100%
rename from demos/racing-game/public/textures/mask.svg
rename to examples/racing-game/public/textures/mask.svg
diff --git a/demos/racing-game/public/textures/no_sound.png b/examples/racing-game/public/textures/no_sound.png
similarity index 100%
rename from demos/racing-game/public/textures/no_sound.png
rename to examples/racing-game/public/textures/no_sound.png
diff --git a/demos/racing-game/public/vite.svg b/examples/racing-game/public/vite.svg
similarity index 100%
rename from demos/racing-game/public/vite.svg
rename to examples/racing-game/public/vite.svg
diff --git a/demos/racing-game/src/App.tsx b/examples/racing-game/src/App.tsx
similarity index 100%
rename from demos/racing-game/src/App.tsx
rename to examples/racing-game/src/App.tsx
diff --git a/demos/racing-game/src/assetUrl.ts b/examples/racing-game/src/assetUrl.ts
similarity index 70%
rename from demos/racing-game/src/assetUrl.ts
rename to examples/racing-game/src/assetUrl.ts
index 99752750..39e71e00 100644
--- a/demos/racing-game/src/assetUrl.ts
+++ b/examples/racing-game/src/assetUrl.ts
@@ -1,3 +1,3 @@
-// Assets live in public/; the site serves each demo under /<demoname>, so
+// Assets live in public/; the site serves each example under /<examplename>, so
 // root-absolute paths 404 there. BASE_URL is not guaranteed to end with '/'.
 export const assetUrl = (path: string) => import.meta.env.BASE_URL.replace(/\/?$/, '/') + path.replace(/^\//, '')
diff --git a/demos/racing-game/src/controls/HideMouse.ts b/examples/racing-game/src/controls/HideMouse.ts
similarity index 100%
rename from demos/racing-game/src/controls/HideMouse.ts
rename to examples/racing-game/src/controls/HideMouse.ts
diff --git a/demos/racing-game/src/controls/Keyboard.ts b/examples/racing-game/src/controls/Keyboard.ts
similarity index 100%
rename from demos/racing-game/src/controls/Keyboard.ts
rename to examples/racing-game/src/controls/Keyboard.ts
diff --git a/demos/racing-game/src/controls/index.tsx b/examples/racing-game/src/controls/index.tsx
similarity index 100%
rename from demos/racing-game/src/controls/index.tsx
rename to examples/racing-game/src/controls/index.tsx
diff --git a/demos/racing-game/src/effects/Boost.tsx b/examples/racing-game/src/effects/Boost.tsx
similarity index 100%
rename from demos/racing-game/src/effects/Boost.tsx
rename to examples/racing-game/src/effects/Boost.tsx
diff --git a/demos/racing-game/src/effects/Dust.tsx b/examples/racing-game/src/effects/Dust.tsx
similarity index 100%
rename from demos/racing-game/src/effects/Dust.tsx
rename to examples/racing-game/src/effects/Dust.tsx
diff --git a/demos/racing-game/src/effects/Skid.tsx b/examples/racing-game/src/effects/Skid.tsx
similarity index 100%
rename from demos/racing-game/src/effects/Skid.tsx
rename to examples/racing-game/src/effects/Skid.tsx
diff --git a/demos/racing-game/src/effects/index.ts b/examples/racing-game/src/effects/index.ts
similarity index 100%
rename from demos/racing-game/src/effects/index.ts
rename to examples/racing-game/src/effects/index.ts
diff --git a/demos/racing-game/src/index.tsx b/examples/racing-game/src/index.tsx
similarity index 100%
rename from demos/racing-game/src/index.tsx
rename to examples/racing-game/src/index.tsx
diff --git a/demos/racing-game/src/models/Goal.ts b/examples/racing-game/src/models/Goal.ts
similarity index 100%
rename from demos/racing-game/src/models/Goal.ts
rename to examples/racing-game/src/models/Goal.ts
diff --git a/demos/racing-game/src/models/Ramp.tsx b/examples/racing-game/src/models/Ramp.tsx
similarity index 100%
rename from demos/racing-game/src/models/Ramp.tsx
rename to examples/racing-game/src/models/Ramp.tsx
diff --git a/demos/racing-game/src/models/index.ts b/examples/racing-game/src/models/index.ts
similarity index 100%
rename from demos/racing-game/src/models/index.ts
rename to examples/racing-game/src/models/index.ts
diff --git a/demos/racing-game/src/models/track/Heightmap.tsx b/examples/racing-game/src/models/track/Heightmap.tsx
similarity index 100%
rename from demos/racing-game/src/models/track/Heightmap.tsx
rename to examples/racing-game/src/models/track/Heightmap.tsx
diff --git a/demos/racing-game/src/models/track/Track.tsx b/examples/racing-game/src/models/track/Track.tsx
similarity index 100%
rename from demos/racing-game/src/models/track/Track.tsx
rename to examples/racing-game/src/models/track/Track.tsx
diff --git a/demos/racing-game/src/models/track/Train.tsx b/examples/racing-game/src/models/track/Train.tsx
similarity index 100%
rename from demos/racing-game/src/models/track/Train.tsx
rename to examples/racing-game/src/models/track/Train.tsx
diff --git a/demos/racing-game/src/models/track/index.ts b/examples/racing-game/src/models/track/index.ts
similarity index 100%
rename from demos/racing-game/src/models/track/index.ts
rename to examples/racing-game/src/models/track/index.ts
diff --git a/demos/racing-game/src/models/vehicle/Chassis.tsx b/examples/racing-game/src/models/vehicle/Chassis.tsx
similarity index 100%
rename from demos/racing-game/src/models/vehicle/Chassis.tsx
rename to examples/racing-game/src/models/vehicle/Chassis.tsx
diff --git a/demos/racing-game/src/models/vehicle/Vehicle.tsx b/examples/racing-game/src/models/vehicle/Vehicle.tsx
similarity index 100%
rename from demos/racing-game/src/models/vehicle/Vehicle.tsx
rename to examples/racing-game/src/models/vehicle/Vehicle.tsx
diff --git a/demos/racing-game/src/models/vehicle/Wheel.tsx b/examples/racing-game/src/models/vehicle/Wheel.tsx
similarity index 100%
rename from demos/racing-game/src/models/vehicle/Wheel.tsx
rename to examples/racing-game/src/models/vehicle/Wheel.tsx
diff --git a/demos/racing-game/src/models/vehicle/index.ts b/examples/racing-game/src/models/vehicle/index.ts
similarity index 100%
rename from demos/racing-game/src/models/vehicle/index.ts
rename to examples/racing-game/src/models/vehicle/index.ts
diff --git a/demos/racing-game/src/store.ts b/examples/racing-game/src/store.ts
similarity index 100%
rename from demos/racing-game/src/store.ts
rename to examples/racing-game/src/store.ts
diff --git a/demos/racing-game/src/styles.css b/examples/racing-game/src/styles.css
similarity index 100%
rename from demos/racing-game/src/styles.css
rename to examples/racing-game/src/styles.css
diff --git a/demos/racing-game/src/ui/Clock.tsx b/examples/racing-game/src/ui/Clock.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Clock.tsx
rename to examples/racing-game/src/ui/Clock.tsx
diff --git a/demos/racing-game/src/ui/Editor.ts b/examples/racing-game/src/ui/Editor.ts
similarity index 100%
rename from demos/racing-game/src/ui/Editor.ts
rename to examples/racing-game/src/ui/Editor.ts
diff --git a/demos/racing-game/src/ui/Help.tsx b/examples/racing-game/src/ui/Help.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Help.tsx
rename to examples/racing-game/src/ui/Help.tsx
diff --git a/demos/racing-game/src/ui/Intro.tsx b/examples/racing-game/src/ui/Intro.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Intro.tsx
rename to examples/racing-game/src/ui/Intro.tsx
diff --git a/demos/racing-game/src/ui/Minimap.tsx b/examples/racing-game/src/ui/Minimap.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Minimap.tsx
rename to examples/racing-game/src/ui/Minimap.tsx
diff --git a/demos/racing-game/src/ui/Speed/Boost.tsx b/examples/racing-game/src/ui/Speed/Boost.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Speed/Boost.tsx
rename to examples/racing-game/src/ui/Speed/Boost.tsx
diff --git a/demos/racing-game/src/ui/Speed/Gauge.tsx b/examples/racing-game/src/ui/Speed/Gauge.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Speed/Gauge.tsx
rename to examples/racing-game/src/ui/Speed/Gauge.tsx
diff --git a/demos/racing-game/src/ui/Speed/Text.tsx b/examples/racing-game/src/ui/Speed/Text.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Speed/Text.tsx
rename to examples/racing-game/src/ui/Speed/Text.tsx
diff --git a/demos/racing-game/src/ui/Speed/index.tsx b/examples/racing-game/src/ui/Speed/index.tsx
similarity index 100%
rename from demos/racing-game/src/ui/Speed/index.tsx
rename to examples/racing-game/src/ui/Speed/index.tsx
diff --git a/demos/racing-game/src/ui/index.ts b/examples/racing-game/src/ui/index.ts
similarity index 100%
rename from demos/racing-game/src/ui/index.ts
rename to examples/racing-game/src/ui/index.ts
diff --git a/demos/racing-game/src/useToggle.tsx b/examples/racing-game/src/useToggle.tsx
similarity index 100%
rename from demos/racing-game/src/useToggle.tsx
rename to examples/racing-game/src/useToggle.tsx
diff --git a/demos/racing-game/src/vite-env.d.ts b/examples/racing-game/src/vite-env.d.ts
similarity index 100%
rename from demos/racing-game/src/vite-env.d.ts
rename to examples/racing-game/src/vite-env.d.ts
diff --git a/demos/racing-game/thumbnail.webp b/examples/racing-game/thumbnail.webp
similarity index 100%
rename from demos/racing-game/thumbnail.webp
rename to examples/racing-game/thumbnail.webp
diff --git a/demos/racing-game/tsconfig.json b/examples/racing-game/tsconfig.json
similarity index 100%
rename from demos/racing-game/tsconfig.json
rename to examples/racing-game/tsconfig.json
diff --git a/demos/racing-game/tsconfig.node.json b/examples/racing-game/tsconfig.node.json
similarity index 100%
rename from demos/racing-game/tsconfig.node.json
rename to examples/racing-game/tsconfig.node.json
diff --git a/demos/racing-game/vite.config.ts b/examples/racing-game/vite.config.ts
similarity index 100%
rename from demos/racing-game/vite.config.ts
rename to examples/racing-game/vite.config.ts
diff --git a/demos/ragdoll-physics/.prettierrc b/examples/ragdoll-physics/.prettierrc
similarity index 100%
rename from demos/ragdoll-physics/.prettierrc
rename to examples/ragdoll-physics/.prettierrc
diff --git a/examples/ragdoll-physics/README.md b/examples/ragdoll-physics/README.md
new file mode 100644
index 00000000..9239e2c3
--- /dev/null
+++ b/examples/ragdoll-physics/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ragdoll-physics)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/ragdoll-physics)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/ragdoll-physics)
+
+```sh
+$ npx degit pmndrs/examples/examples/ragdoll-physics
+```
+
+![](thumbnail.webp)
diff --git a/demos/ragdoll-physics/index.html b/examples/ragdoll-physics/index.html
similarity index 100%
rename from demos/ragdoll-physics/index.html
rename to examples/ragdoll-physics/index.html
diff --git a/demos/merged-instance/package.json b/examples/ragdoll-physics/package.json
similarity index 87%
rename from demos/merged-instance/package.json
rename to examples/ragdoll-physics/package.json
index b9e724d8..f86bbeb5 100644
--- a/demos/merged-instance/package.json
+++ b/examples/ragdoll-physics/package.json
@@ -1,7 +1,8 @@
 {
-  "name": "@demo/merged-instance",
+  "name": "@example/ragdoll-physics",
   "version": "1.0.0",
   "dependencies": {
+    "@react-three/cannon": "^6.6.0",
     "@react-three/drei": "10.7.7",
     "@react-three/fiber": "9.6.1",
     "react": "19.2.8",
@@ -32,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/merged-instance"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/ragdoll-physics"
   }
 }
diff --git a/demos/ragdoll-physics/pmndrs.json b/examples/ragdoll-physics/pmndrs.json
similarity index 100%
rename from demos/ragdoll-physics/pmndrs.json
rename to examples/ragdoll-physics/pmndrs.json
diff --git a/demos/ragdoll-physics/public/vite.svg b/examples/ragdoll-physics/public/vite.svg
similarity index 100%
rename from demos/ragdoll-physics/public/vite.svg
rename to examples/ragdoll-physics/public/vite.svg
diff --git a/demos/ragdoll-physics/sandbox.config.json b/examples/ragdoll-physics/sandbox.config.json
similarity index 100%
rename from demos/ragdoll-physics/sandbox.config.json
rename to examples/ragdoll-physics/sandbox.config.json
diff --git a/demos/ragdoll-physics/src/App.jsx b/examples/ragdoll-physics/src/App.jsx
similarity index 100%
rename from demos/ragdoll-physics/src/App.jsx
rename to examples/ragdoll-physics/src/App.jsx
diff --git a/demos/ragdoll-physics/src/components/Furniture.jsx b/examples/ragdoll-physics/src/components/Furniture.jsx
similarity index 100%
rename from demos/ragdoll-physics/src/components/Furniture.jsx
rename to examples/ragdoll-physics/src/components/Furniture.jsx
diff --git a/demos/ragdoll-physics/src/components/Guy.jsx b/examples/ragdoll-physics/src/components/Guy.jsx
similarity index 100%
rename from demos/ragdoll-physics/src/components/Guy.jsx
rename to examples/ragdoll-physics/src/components/Guy.jsx
diff --git a/demos/ragdoll-physics/src/components/cup.glb b/examples/ragdoll-physics/src/components/cup.glb
similarity index 100%
rename from demos/ragdoll-physics/src/components/cup.glb
rename to examples/ragdoll-physics/src/components/cup.glb
diff --git a/demos/ragdoll-physics/src/helpers/Block.jsx b/examples/ragdoll-physics/src/helpers/Block.jsx
similarity index 100%
rename from demos/ragdoll-physics/src/helpers/Block.jsx
rename to examples/ragdoll-physics/src/helpers/Block.jsx
diff --git a/demos/ragdoll-physics/src/helpers/Drag.js b/examples/ragdoll-physics/src/helpers/Drag.js
similarity index 100%
rename from demos/ragdoll-physics/src/helpers/Drag.js
rename to examples/ragdoll-physics/src/helpers/Drag.js
diff --git a/demos/ragdoll-physics/src/helpers/createRagdoll.js b/examples/ragdoll-physics/src/helpers/createRagdoll.js
similarity index 99%
rename from demos/ragdoll-physics/src/helpers/createRagdoll.js
rename to examples/ragdoll-physics/src/helpers/createRagdoll.js
index 66ac7aa6..f3de6aba 100755
--- a/demos/ragdoll-physics/src/helpers/createRagdoll.js
+++ b/examples/ragdoll-physics/src/helpers/createRagdoll.js
@@ -1,4 +1,4 @@
-// Converted from the createRagdoll method in CANNON js ragdoll demo
+// Converted from the createRagdoll method in CANNON js ragdoll example
 export function createRagdoll(scale, angleA = 0, angleB = 0, twistAngle = 0) {
   const shouldersDistance = 0.45 * scale,
     upperArmLength = 0.4 * scale,
diff --git a/demos/ragdoll-physics/src/index.jsx b/examples/ragdoll-physics/src/index.jsx
similarity index 100%
rename from demos/ragdoll-physics/src/index.jsx
rename to examples/ragdoll-physics/src/index.jsx
diff --git a/demos/ragdoll-physics/src/styles.css b/examples/ragdoll-physics/src/styles.css
similarity index 100%
rename from demos/ragdoll-physics/src/styles.css
rename to examples/ragdoll-physics/src/styles.css
diff --git a/demos/ragdoll-physics/src/vite-env.d.ts b/examples/ragdoll-physics/src/vite-env.d.ts
similarity index 100%
rename from demos/ragdoll-physics/src/vite-env.d.ts
rename to examples/ragdoll-physics/src/vite-env.d.ts
diff --git a/demos/ragdoll-physics/thumbnail.webp b/examples/ragdoll-physics/thumbnail.webp
similarity index 100%
rename from demos/ragdoll-physics/thumbnail.webp
rename to examples/ragdoll-physics/thumbnail.webp
diff --git a/demos/ragdoll-physics/tsconfig.json b/examples/ragdoll-physics/tsconfig.json
similarity index 100%
rename from demos/ragdoll-physics/tsconfig.json
rename to examples/ragdoll-physics/tsconfig.json
diff --git a/demos/ragdoll-physics/tsconfig.node.json b/examples/ragdoll-physics/tsconfig.node.json
similarity index 100%
rename from demos/ragdoll-physics/tsconfig.node.json
rename to examples/ragdoll-physics/tsconfig.node.json
diff --git a/demos/ragdoll-physics/vite.config.ts b/examples/ragdoll-physics/vite.config.ts
similarity index 100%
rename from demos/ragdoll-physics/vite.config.ts
rename to examples/ragdoll-physics/vite.config.ts
diff --git a/demos/rapier-physics/.codesandbox/workspace.json b/examples/rapier-physics/.codesandbox/workspace.json
similarity index 100%
rename from demos/rapier-physics/.codesandbox/workspace.json
rename to examples/rapier-physics/.codesandbox/workspace.json
diff --git a/demos/rapier-physics/.prettierrc b/examples/rapier-physics/.prettierrc
similarity index 100%
rename from demos/rapier-physics/.prettierrc
rename to examples/rapier-physics/.prettierrc
diff --git a/examples/rapier-physics/README.md b/examples/rapier-physics/README.md
new file mode 100644
index 00000000..3a55fa20
--- /dev/null
+++ b/examples/rapier-physics/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/rapier-physics)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/rapier-physics)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/rapier-physics)
+
+```sh
+$ npx degit pmndrs/examples/examples/rapier-physics
+```
+
+![](thumbnail.webp)
diff --git a/demos/rapier-physics/index.html b/examples/rapier-physics/index.html
similarity index 100%
rename from demos/rapier-physics/index.html
rename to examples/rapier-physics/index.html
diff --git a/demos/rapier-physics/package.json b/examples/rapier-physics/package.json
similarity index 87%
rename from demos/rapier-physics/package.json
rename to examples/rapier-physics/package.json
index 0f78a329..2c812124 100644
--- a/demos/rapier-physics/package.json
+++ b/examples/rapier-physics/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/rapier-physics",
+  "name": "@example/rapier-physics",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/rapier-physics"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/rapier-physics"
   }
 }
diff --git a/demos/rapier-physics/pmndrs.json b/examples/rapier-physics/pmndrs.json
similarity index 100%
rename from demos/rapier-physics/pmndrs.json
rename to examples/rapier-physics/pmndrs.json
diff --git a/demos/rapier-physics/public/vite.svg b/examples/rapier-physics/public/vite.svg
similarity index 100%
rename from demos/rapier-physics/public/vite.svg
rename to examples/rapier-physics/public/vite.svg
diff --git a/demos/rapier-physics/sandbox.config.json b/examples/rapier-physics/sandbox.config.json
similarity index 100%
rename from demos/rapier-physics/sandbox.config.json
rename to examples/rapier-physics/sandbox.config.json
diff --git a/demos/rapier-physics/src/App.jsx b/examples/rapier-physics/src/App.jsx
similarity index 100%
rename from demos/rapier-physics/src/App.jsx
rename to examples/rapier-physics/src/App.jsx
diff --git a/demos/rapier-physics/src/ball-trip.optimized.glb b/examples/rapier-physics/src/ball-trip.optimized.glb
similarity index 100%
rename from demos/rapier-physics/src/ball-trip.optimized.glb
rename to examples/rapier-physics/src/ball-trip.optimized.glb
diff --git a/demos/rapier-physics/src/index.jsx b/examples/rapier-physics/src/index.jsx
similarity index 100%
rename from demos/rapier-physics/src/index.jsx
rename to examples/rapier-physics/src/index.jsx
diff --git a/demos/rapier-physics/src/styles.css b/examples/rapier-physics/src/styles.css
similarity index 100%
rename from demos/rapier-physics/src/styles.css
rename to examples/rapier-physics/src/styles.css
diff --git a/demos/rapier-physics/src/vite-env.d.ts b/examples/rapier-physics/src/vite-env.d.ts
similarity index 100%
rename from demos/rapier-physics/src/vite-env.d.ts
rename to examples/rapier-physics/src/vite-env.d.ts
diff --git a/demos/rapier-physics/thumbnail.webp b/examples/rapier-physics/thumbnail.webp
similarity index 100%
rename from demos/rapier-physics/thumbnail.webp
rename to examples/rapier-physics/thumbnail.webp
diff --git a/demos/rapier-physics/tsconfig.json b/examples/rapier-physics/tsconfig.json
similarity index 100%
rename from demos/rapier-physics/tsconfig.json
rename to examples/rapier-physics/tsconfig.json
diff --git a/demos/rapier-physics/tsconfig.node.json b/examples/rapier-physics/tsconfig.node.json
similarity index 100%
rename from demos/rapier-physics/tsconfig.node.json
rename to examples/rapier-physics/tsconfig.node.json
diff --git a/demos/rapier-physics/vite.config.ts b/examples/rapier-physics/vite.config.ts
similarity index 100%
rename from demos/rapier-physics/vite.config.ts
rename to examples/rapier-physics/vite.config.ts
diff --git a/demos/rapier-ping-pong/.prettierrc b/examples/rapier-ping-pong/.prettierrc
similarity index 100%
rename from demos/rapier-ping-pong/.prettierrc
rename to examples/rapier-ping-pong/.prettierrc
diff --git a/examples/rapier-ping-pong/README.md b/examples/rapier-ping-pong/README.md
new file mode 100644
index 00000000..47ecc7f5
--- /dev/null
+++ b/examples/rapier-ping-pong/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/rapier-ping-pong)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/rapier-ping-pong)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/rapier-ping-pong)
+
+```sh
+$ npx degit pmndrs/examples/examples/rapier-ping-pong
+```
+
+![](thumbnail.webp)
diff --git a/demos/rapier-ping-pong/index.html b/examples/rapier-ping-pong/index.html
similarity index 100%
rename from demos/rapier-ping-pong/index.html
rename to examples/rapier-ping-pong/index.html
diff --git a/demos/rapier-ping-pong/package.json b/examples/rapier-ping-pong/package.json
similarity index 88%
rename from demos/rapier-ping-pong/package.json
rename to examples/rapier-ping-pong/package.json
index 773276dd..d9caafac 100644
--- a/demos/rapier-ping-pong/package.json
+++ b/examples/rapier-ping-pong/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/rapier-ping-pong",
+  "name": "@example/rapier-ping-pong",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -36,7 +36,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/rapier-ping-pong"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/rapier-ping-pong"
   },
   "type": "module"
 }
diff --git a/demos/rapier-ping-pong/pmndrs.json b/examples/rapier-ping-pong/pmndrs.json
similarity index 100%
rename from demos/rapier-ping-pong/pmndrs.json
rename to examples/rapier-ping-pong/pmndrs.json
diff --git a/demos/rapier-ping-pong/public/vite.svg b/examples/rapier-ping-pong/public/vite.svg
similarity index 100%
rename from demos/rapier-ping-pong/public/vite.svg
rename to examples/rapier-ping-pong/public/vite.svg
diff --git a/demos/rapier-ping-pong/src/App.jsx b/examples/rapier-ping-pong/src/App.jsx
similarity index 100%
rename from demos/rapier-ping-pong/src/App.jsx
rename to examples/rapier-ping-pong/src/App.jsx
diff --git a/demos/rapier-ping-pong/src/Intro.jsx b/examples/rapier-ping-pong/src/Intro.jsx
similarity index 100%
rename from demos/rapier-ping-pong/src/Intro.jsx
rename to examples/rapier-ping-pong/src/Intro.jsx
diff --git a/demos/rapier-ping-pong/src/index.jsx b/examples/rapier-ping-pong/src/index.jsx
similarity index 100%
rename from demos/rapier-ping-pong/src/index.jsx
rename to examples/rapier-ping-pong/src/index.jsx
diff --git a/demos/rapier-ping-pong/src/resources/bg.jpg b/examples/rapier-ping-pong/src/resources/bg.jpg
similarity index 100%
rename from demos/rapier-ping-pong/src/resources/bg.jpg
rename to examples/rapier-ping-pong/src/resources/bg.jpg
diff --git a/demos/rapier-ping-pong/src/resources/crossp.jpg b/examples/rapier-ping-pong/src/resources/crossp.jpg
similarity index 100%
rename from demos/rapier-ping-pong/src/resources/crossp.jpg
rename to examples/rapier-ping-pong/src/resources/crossp.jpg
diff --git a/demos/rapier-ping-pong/src/resources/firasans_regular.json b/examples/rapier-ping-pong/src/resources/firasans_regular.json
similarity index 100%
rename from demos/rapier-ping-pong/src/resources/firasans_regular.json
rename to examples/rapier-ping-pong/src/resources/firasans_regular.json
diff --git a/demos/rapier-ping-pong/src/resources/ping.mp3 b/examples/rapier-ping-pong/src/resources/ping.mp3
similarity index 100%
rename from demos/rapier-ping-pong/src/resources/ping.mp3
rename to examples/rapier-ping-pong/src/resources/ping.mp3
diff --git a/demos/rapier-ping-pong/src/resources/pingpong.glb b/examples/rapier-ping-pong/src/resources/pingpong.glb
similarity index 100%
rename from demos/rapier-ping-pong/src/resources/pingpong.glb
rename to examples/rapier-ping-pong/src/resources/pingpong.glb
diff --git a/demos/rapier-ping-pong/src/styles.css b/examples/rapier-ping-pong/src/styles.css
similarity index 100%
rename from demos/rapier-ping-pong/src/styles.css
rename to examples/rapier-ping-pong/src/styles.css
diff --git a/demos/rapier-ping-pong/src/vite-env.d.ts b/examples/rapier-ping-pong/src/vite-env.d.ts
similarity index 100%
rename from demos/rapier-ping-pong/src/vite-env.d.ts
rename to examples/rapier-ping-pong/src/vite-env.d.ts
diff --git a/demos/rapier-ping-pong/thumbnail.webp b/examples/rapier-ping-pong/thumbnail.webp
similarity index 100%
rename from demos/rapier-ping-pong/thumbnail.webp
rename to examples/rapier-ping-pong/thumbnail.webp
diff --git a/demos/rapier-ping-pong/tsconfig.json b/examples/rapier-ping-pong/tsconfig.json
similarity index 100%
rename from demos/rapier-ping-pong/tsconfig.json
rename to examples/rapier-ping-pong/tsconfig.json
diff --git a/demos/rapier-ping-pong/tsconfig.node.json b/examples/rapier-ping-pong/tsconfig.node.json
similarity index 100%
rename from demos/rapier-ping-pong/tsconfig.node.json
rename to examples/rapier-ping-pong/tsconfig.node.json
diff --git a/demos/rapier-ping-pong/vite.config.ts b/examples/rapier-ping-pong/vite.config.ts
similarity index 100%
rename from demos/rapier-ping-pong/vite.config.ts
rename to examples/rapier-ping-pong/vite.config.ts
diff --git a/demos/raycast-cycling/.prettierrc b/examples/raycast-cycling/.prettierrc
similarity index 100%
rename from demos/raycast-cycling/.prettierrc
rename to examples/raycast-cycling/.prettierrc
diff --git a/examples/raycast-cycling/README.md b/examples/raycast-cycling/README.md
new file mode 100644
index 00000000..eafd4fa8
--- /dev/null
+++ b/examples/raycast-cycling/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/raycast-cycling)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/raycast-cycling)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/raycast-cycling)
+
+```sh
+$ npx degit pmndrs/examples/examples/raycast-cycling
+```
+
+![](thumbnail.webp)
diff --git a/demos/raycast-cycling/index.html b/examples/raycast-cycling/index.html
similarity index 100%
rename from demos/raycast-cycling/index.html
rename to examples/raycast-cycling/index.html
diff --git a/demos/raycast-cycling/package.json b/examples/raycast-cycling/package.json
similarity index 86%
rename from demos/raycast-cycling/package.json
rename to examples/raycast-cycling/package.json
index d157b78a..db8c02de 100644
--- a/demos/raycast-cycling/package.json
+++ b/examples/raycast-cycling/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/raycast-cycling",
+  "name": "@example/raycast-cycling",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/raycast-cycling"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/raycast-cycling"
   },
   "type": "module"
 }
diff --git a/demos/raycast-cycling/pmndrs.json b/examples/raycast-cycling/pmndrs.json
similarity index 100%
rename from demos/raycast-cycling/pmndrs.json
rename to examples/raycast-cycling/pmndrs.json
diff --git a/demos/raycast-cycling/public/vite.svg b/examples/raycast-cycling/public/vite.svg
similarity index 100%
rename from demos/raycast-cycling/public/vite.svg
rename to examples/raycast-cycling/public/vite.svg
diff --git a/demos/raycast-cycling/src/App.jsx b/examples/raycast-cycling/src/App.jsx
similarity index 100%
rename from demos/raycast-cycling/src/App.jsx
rename to examples/raycast-cycling/src/App.jsx
diff --git a/demos/raycast-cycling/src/demo/Underlay.jsx b/examples/raycast-cycling/src/example/Underlay.jsx
similarity index 100%
rename from demos/raycast-cycling/src/demo/Underlay.jsx
rename to examples/raycast-cycling/src/example/Underlay.jsx
diff --git a/demos/raycast-cycling/src/index.jsx b/examples/raycast-cycling/src/index.jsx
similarity index 81%
rename from demos/raycast-cycling/src/index.jsx
rename to examples/raycast-cycling/src/index.jsx
index b7ecfa95..cd658fb8 100755
--- a/demos/raycast-cycling/src/index.jsx
+++ b/examples/raycast-cycling/src/index.jsx
@@ -1,7 +1,7 @@
 import { createRoot } from 'react-dom/client'
 import './styles.css'
 import App from './App'
-import Underlay from './demo/Underlay'
+import Underlay from './example/Underlay'
 
 createRoot(document.getElementById('root')).render(
   <>
diff --git a/demos/raycast-cycling/src/styles.css b/examples/raycast-cycling/src/styles.css
similarity index 100%
rename from demos/raycast-cycling/src/styles.css
rename to examples/raycast-cycling/src/styles.css
diff --git a/demos/raycast-cycling/src/vite-env.d.ts b/examples/raycast-cycling/src/vite-env.d.ts
similarity index 100%
rename from demos/raycast-cycling/src/vite-env.d.ts
rename to examples/raycast-cycling/src/vite-env.d.ts
diff --git a/demos/raycast-cycling/thumbnail.webp b/examples/raycast-cycling/thumbnail.webp
similarity index 100%
rename from demos/raycast-cycling/thumbnail.webp
rename to examples/raycast-cycling/thumbnail.webp
diff --git a/demos/raycast-cycling/tsconfig.json b/examples/raycast-cycling/tsconfig.json
similarity index 100%
rename from demos/raycast-cycling/tsconfig.json
rename to examples/raycast-cycling/tsconfig.json
diff --git a/demos/raycast-cycling/tsconfig.node.json b/examples/raycast-cycling/tsconfig.node.json
similarity index 100%
rename from demos/raycast-cycling/tsconfig.node.json
rename to examples/raycast-cycling/tsconfig.node.json
diff --git a/demos/raycast-cycling/vite.config.ts b/examples/raycast-cycling/vite.config.ts
similarity index 100%
rename from demos/raycast-cycling/vite.config.ts
rename to examples/raycast-cycling/vite.config.ts
diff --git a/demos/re-using-geometry-and-level-of-detail/.codesandbox/workspace.json b/examples/re-using-geometry-and-level-of-detail/.codesandbox/workspace.json
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/.codesandbox/workspace.json
rename to examples/re-using-geometry-and-level-of-detail/.codesandbox/workspace.json
diff --git a/demos/re-using-geometry-and-level-of-detail/.prettierrc b/examples/re-using-geometry-and-level-of-detail/.prettierrc
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/.prettierrc
rename to examples/re-using-geometry-and-level-of-detail/.prettierrc
diff --git a/examples/re-using-geometry-and-level-of-detail/README.md b/examples/re-using-geometry-and-level-of-detail/README.md
new file mode 100644
index 00000000..f01ed02d
--- /dev/null
+++ b/examples/re-using-geometry-and-level-of-detail/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/re-using-geometry-and-level-of-detail)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/re-using-geometry-and-level-of-detail)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/re-using-geometry-and-level-of-detail)
+
+```sh
+$ npx degit pmndrs/examples/examples/re-using-geometry-and-level-of-detail
+```
+
+![](thumbnail.webp)
diff --git a/demos/re-using-geometry-and-level-of-detail/index.html b/examples/re-using-geometry-and-level-of-detail/index.html
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/index.html
rename to examples/re-using-geometry-and-level-of-detail/index.html
diff --git a/examples/re-using-geometry-and-level-of-detail/package.json b/examples/re-using-geometry-and-level-of-detail/package.json
new file mode 100644
index 00000000..029c01c8
--- /dev/null
+++ b/examples/re-using-geometry-and-level-of-detail/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/re-using-geometry-and-level-of-detail",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/re-using-geometry-and-level-of-detail"
+  }
+}
diff --git a/demos/re-using-geometry-and-level-of-detail/pmndrs.json b/examples/re-using-geometry-and-level-of-detail/pmndrs.json
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/pmndrs.json
rename to examples/re-using-geometry-and-level-of-detail/pmndrs.json
diff --git a/demos/re-using-geometry-and-level-of-detail/public/vite.svg b/examples/re-using-geometry-and-level-of-detail/public/vite.svg
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/public/vite.svg
rename to examples/re-using-geometry-and-level-of-detail/public/vite.svg
diff --git a/demos/re-using-geometry-and-level-of-detail/sandbox.config.json b/examples/re-using-geometry-and-level-of-detail/sandbox.config.json
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/sandbox.config.json
rename to examples/re-using-geometry-and-level-of-detail/sandbox.config.json
diff --git a/demos/re-using-geometry-and-level-of-detail/src/App.jsx b/examples/re-using-geometry-and-level-of-detail/src/App.jsx
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/App.jsx
rename to examples/re-using-geometry-and-level-of-detail/src/App.jsx
diff --git a/demos/re-using-geometry-and-level-of-detail/src/bust-1-d.glb b/examples/re-using-geometry-and-level-of-detail/src/bust-1-d.glb
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/bust-1-d.glb
rename to examples/re-using-geometry-and-level-of-detail/src/bust-1-d.glb
diff --git a/demos/re-using-geometry-and-level-of-detail/src/bust-2-d.glb b/examples/re-using-geometry-and-level-of-detail/src/bust-2-d.glb
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/bust-2-d.glb
rename to examples/re-using-geometry-and-level-of-detail/src/bust-2-d.glb
diff --git a/demos/re-using-geometry-and-level-of-detail/src/bust-3-d.glb b/examples/re-using-geometry-and-level-of-detail/src/bust-3-d.glb
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/bust-3-d.glb
rename to examples/re-using-geometry-and-level-of-detail/src/bust-3-d.glb
diff --git a/demos/re-using-geometry-and-level-of-detail/src/bust-4-d.glb b/examples/re-using-geometry-and-level-of-detail/src/bust-4-d.glb
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/bust-4-d.glb
rename to examples/re-using-geometry-and-level-of-detail/src/bust-4-d.glb
diff --git a/demos/re-using-geometry-and-level-of-detail/src/bust-5-d.glb b/examples/re-using-geometry-and-level-of-detail/src/bust-5-d.glb
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/bust-5-d.glb
rename to examples/re-using-geometry-and-level-of-detail/src/bust-5-d.glb
diff --git a/demos/re-using-geometry-and-level-of-detail/src/index.jsx b/examples/re-using-geometry-and-level-of-detail/src/index.jsx
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/index.jsx
rename to examples/re-using-geometry-and-level-of-detail/src/index.jsx
diff --git a/demos/re-using-geometry-and-level-of-detail/src/styles.css b/examples/re-using-geometry-and-level-of-detail/src/styles.css
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/styles.css
rename to examples/re-using-geometry-and-level-of-detail/src/styles.css
diff --git a/demos/re-using-geometry-and-level-of-detail/src/vite-env.d.ts b/examples/re-using-geometry-and-level-of-detail/src/vite-env.d.ts
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/src/vite-env.d.ts
rename to examples/re-using-geometry-and-level-of-detail/src/vite-env.d.ts
diff --git a/demos/re-using-geometry-and-level-of-detail/thumbnail.webp b/examples/re-using-geometry-and-level-of-detail/thumbnail.webp
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/thumbnail.webp
rename to examples/re-using-geometry-and-level-of-detail/thumbnail.webp
diff --git a/demos/re-using-geometry-and-level-of-detail/tsconfig.json b/examples/re-using-geometry-and-level-of-detail/tsconfig.json
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/tsconfig.json
rename to examples/re-using-geometry-and-level-of-detail/tsconfig.json
diff --git a/demos/re-using-geometry-and-level-of-detail/tsconfig.node.json b/examples/re-using-geometry-and-level-of-detail/tsconfig.node.json
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/tsconfig.node.json
rename to examples/re-using-geometry-and-level-of-detail/tsconfig.node.json
diff --git a/demos/re-using-geometry-and-level-of-detail/vite.config.ts b/examples/re-using-geometry-and-level-of-detail/vite.config.ts
similarity index 100%
rename from demos/re-using-geometry-and-level-of-detail/vite.config.ts
rename to examples/re-using-geometry-and-level-of-detail/vite.config.ts
diff --git a/demos/re-using-gltfs/.prettierrc b/examples/re-using-gltfs/.prettierrc
similarity index 100%
rename from demos/re-using-gltfs/.prettierrc
rename to examples/re-using-gltfs/.prettierrc
diff --git a/examples/re-using-gltfs/README.md b/examples/re-using-gltfs/README.md
new file mode 100644
index 00000000..aacced6c
--- /dev/null
+++ b/examples/re-using-gltfs/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/re-using-gltfs)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/re-using-gltfs)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/re-using-gltfs)
+
+```sh
+$ npx degit pmndrs/examples/examples/re-using-gltfs
+```
+
+![](thumbnail.webp)
diff --git a/demos/re-using-gltfs/index.html b/examples/re-using-gltfs/index.html
similarity index 100%
rename from demos/re-using-gltfs/index.html
rename to examples/re-using-gltfs/index.html
diff --git a/demos/re-using-gltfs/package.json b/examples/re-using-gltfs/package.json
similarity index 84%
rename from demos/re-using-gltfs/package.json
rename to examples/re-using-gltfs/package.json
index 1d8d04fa..7c393fff 100644
--- a/demos/re-using-gltfs/package.json
+++ b/examples/re-using-gltfs/package.json
@@ -6,7 +6,7 @@
     "react-dom": "19.2.8",
     "three": "0.165.0"
   },
-  "name": "@demo/re-using-gltfs",
+  "name": "@example/re-using-gltfs",
   "version": "1.0.0",
   "type": "module",
   "devDependencies": {
@@ -26,6 +26,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/re-using-gltfs"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/re-using-gltfs"
   }
 }
diff --git a/demos/re-using-gltfs/pmndrs.json b/examples/re-using-gltfs/pmndrs.json
similarity index 100%
rename from demos/re-using-gltfs/pmndrs.json
rename to examples/re-using-gltfs/pmndrs.json
diff --git a/demos/re-using-gltfs/public/vite.svg b/examples/re-using-gltfs/public/vite.svg
similarity index 100%
rename from demos/re-using-gltfs/public/vite.svg
rename to examples/re-using-gltfs/public/vite.svg
diff --git a/demos/re-using-gltfs/src/App.jsx b/examples/re-using-gltfs/src/App.jsx
similarity index 100%
rename from demos/re-using-gltfs/src/App.jsx
rename to examples/re-using-gltfs/src/App.jsx
diff --git a/demos/re-using-gltfs/src/index.jsx b/examples/re-using-gltfs/src/index.jsx
similarity index 100%
rename from demos/re-using-gltfs/src/index.jsx
rename to examples/re-using-gltfs/src/index.jsx
diff --git a/demos/re-using-gltfs/src/shoe.gltf b/examples/re-using-gltfs/src/shoe.gltf
similarity index 100%
rename from demos/re-using-gltfs/src/shoe.gltf
rename to examples/re-using-gltfs/src/shoe.gltf
diff --git a/demos/re-using-gltfs/src/style.css b/examples/re-using-gltfs/src/style.css
similarity index 100%
rename from demos/re-using-gltfs/src/style.css
rename to examples/re-using-gltfs/src/style.css
diff --git a/demos/re-using-gltfs/src/vite-env.d.ts b/examples/re-using-gltfs/src/vite-env.d.ts
similarity index 100%
rename from demos/re-using-gltfs/src/vite-env.d.ts
rename to examples/re-using-gltfs/src/vite-env.d.ts
diff --git a/demos/re-using-gltfs/thumbnail.webp b/examples/re-using-gltfs/thumbnail.webp
similarity index 100%
rename from demos/re-using-gltfs/thumbnail.webp
rename to examples/re-using-gltfs/thumbnail.webp
diff --git a/demos/re-using-gltfs/tsconfig.json b/examples/re-using-gltfs/tsconfig.json
similarity index 100%
rename from demos/re-using-gltfs/tsconfig.json
rename to examples/re-using-gltfs/tsconfig.json
diff --git a/demos/re-using-gltfs/tsconfig.node.json b/examples/re-using-gltfs/tsconfig.node.json
similarity index 100%
rename from demos/re-using-gltfs/tsconfig.node.json
rename to examples/re-using-gltfs/tsconfig.node.json
diff --git a/demos/re-using-gltfs/vite.config.ts b/examples/re-using-gltfs/vite.config.ts
similarity index 100%
rename from demos/re-using-gltfs/vite.config.ts
rename to examples/re-using-gltfs/vite.config.ts
diff --git a/demos/react-ellipsecurve/.codesandbox/workspace.json b/examples/react-ellipsecurve/.codesandbox/workspace.json
similarity index 100%
rename from demos/react-ellipsecurve/.codesandbox/workspace.json
rename to examples/react-ellipsecurve/.codesandbox/workspace.json
diff --git a/demos/react-ellipsecurve/.eslintrc b/examples/react-ellipsecurve/.eslintrc
similarity index 100%
rename from demos/react-ellipsecurve/.eslintrc
rename to examples/react-ellipsecurve/.eslintrc
diff --git a/demos/react-ellipsecurve/.prettierrc b/examples/react-ellipsecurve/.prettierrc
similarity index 100%
rename from demos/react-ellipsecurve/.prettierrc
rename to examples/react-ellipsecurve/.prettierrc
diff --git a/examples/react-ellipsecurve/README.md b/examples/react-ellipsecurve/README.md
new file mode 100644
index 00000000..0823e0d6
--- /dev/null
+++ b/examples/react-ellipsecurve/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/react-ellipsecurve)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/react-ellipsecurve)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/react-ellipsecurve)
+
+```sh
+$ npx degit pmndrs/examples/examples/react-ellipsecurve
+```
+
+![](thumbnail.webp)
diff --git a/demos/react-ellipsecurve/index.html b/examples/react-ellipsecurve/index.html
similarity index 100%
rename from demos/react-ellipsecurve/index.html
rename to examples/react-ellipsecurve/index.html
diff --git a/demos/react-ellipsecurve/package.json b/examples/react-ellipsecurve/package.json
similarity index 88%
rename from demos/react-ellipsecurve/package.json
rename to examples/react-ellipsecurve/package.json
index a837d518..ed6b47a4 100644
--- a/demos/react-ellipsecurve/package.json
+++ b/examples/react-ellipsecurve/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/react-ellipsecurve",
+  "name": "@example/react-ellipsecurve",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -39,6 +39,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/react-ellipsecurve"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/react-ellipsecurve"
   }
 }
diff --git a/demos/react-ellipsecurve/pmndrs.json b/examples/react-ellipsecurve/pmndrs.json
similarity index 100%
rename from demos/react-ellipsecurve/pmndrs.json
rename to examples/react-ellipsecurve/pmndrs.json
diff --git a/demos/react-ellipsecurve/public/vite.svg b/examples/react-ellipsecurve/public/vite.svg
similarity index 100%
rename from demos/react-ellipsecurve/public/vite.svg
rename to examples/react-ellipsecurve/public/vite.svg
diff --git a/demos/react-ellipsecurve/src/App.jsx b/examples/react-ellipsecurve/src/App.jsx
similarity index 100%
rename from demos/react-ellipsecurve/src/App.jsx
rename to examples/react-ellipsecurve/src/App.jsx
diff --git a/demos/react-ellipsecurve/src/index.jsx b/examples/react-ellipsecurve/src/index.jsx
similarity index 100%
rename from demos/react-ellipsecurve/src/index.jsx
rename to examples/react-ellipsecurve/src/index.jsx
diff --git a/demos/react-ellipsecurve/src/styles.css b/examples/react-ellipsecurve/src/styles.css
similarity index 100%
rename from demos/react-ellipsecurve/src/styles.css
rename to examples/react-ellipsecurve/src/styles.css
diff --git a/demos/react-ellipsecurve/src/vite-env.d.ts b/examples/react-ellipsecurve/src/vite-env.d.ts
similarity index 100%
rename from demos/react-ellipsecurve/src/vite-env.d.ts
rename to examples/react-ellipsecurve/src/vite-env.d.ts
diff --git a/demos/react-ellipsecurve/thumbnail.webp b/examples/react-ellipsecurve/thumbnail.webp
similarity index 100%
rename from demos/react-ellipsecurve/thumbnail.webp
rename to examples/react-ellipsecurve/thumbnail.webp
diff --git a/demos/react-ellipsecurve/tsconfig.json b/examples/react-ellipsecurve/tsconfig.json
similarity index 100%
rename from demos/react-ellipsecurve/tsconfig.json
rename to examples/react-ellipsecurve/tsconfig.json
diff --git a/demos/react-ellipsecurve/tsconfig.node.json b/examples/react-ellipsecurve/tsconfig.node.json
similarity index 100%
rename from demos/react-ellipsecurve/tsconfig.node.json
rename to examples/react-ellipsecurve/tsconfig.node.json
diff --git a/demos/react-ellipsecurve/vite.config.ts b/examples/react-ellipsecurve/vite.config.ts
similarity index 100%
rename from demos/react-ellipsecurve/vite.config.ts
rename to examples/react-ellipsecurve/vite.config.ts
diff --git a/demos/react-pp-outlines/.prettierrc b/examples/react-pp-outlines/.prettierrc
similarity index 100%
rename from demos/react-pp-outlines/.prettierrc
rename to examples/react-pp-outlines/.prettierrc
diff --git a/examples/react-pp-outlines/README.md b/examples/react-pp-outlines/README.md
new file mode 100644
index 00000000..789db452
--- /dev/null
+++ b/examples/react-pp-outlines/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/react-pp-outlines)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/react-pp-outlines)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/react-pp-outlines)
+
+```sh
+$ npx degit pmndrs/examples/examples/react-pp-outlines
+```
+
+![](thumbnail.webp)
diff --git a/demos/react-pp-outlines/index.html b/examples/react-pp-outlines/index.html
similarity index 100%
rename from demos/react-pp-outlines/index.html
rename to examples/react-pp-outlines/index.html
diff --git a/demos/motionpathcontrols/package.json b/examples/react-pp-outlines/package.json
similarity index 86%
rename from demos/motionpathcontrols/package.json
rename to examples/react-pp-outlines/package.json
index 6b825d7a..085cbb4e 100644
--- a/demos/motionpathcontrols/package.json
+++ b/examples/react-pp-outlines/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/motionpathcontrols",
+  "name": "@example/react-pp-outlines",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -10,6 +10,14 @@
     "react-dom": "19.2.8",
     "three": "0.165.0"
   },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
   "scripts": {
     "dev": "vite --host",
     "dev3": "e2e-dev $npm_package_name",
@@ -24,16 +32,8 @@
     "not op_mini all"
   ],
   "type": "module",
-  "devDependencies": {
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@types/three": "^0.165.0",
-    "@vitejs/plugin-react": "^6.0.4",
-    "typescript": "^7.0.2",
-    "vite": "^8.1.5"
-  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/motionpathcontrols"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/react-pp-outlines"
   }
 }
diff --git a/demos/react-pp-outlines/pmndrs.json b/examples/react-pp-outlines/pmndrs.json
similarity index 100%
rename from demos/react-pp-outlines/pmndrs.json
rename to examples/react-pp-outlines/pmndrs.json
diff --git a/demos/react-pp-outlines/public/vite.svg b/examples/react-pp-outlines/public/vite.svg
similarity index 100%
rename from demos/react-pp-outlines/public/vite.svg
rename to examples/react-pp-outlines/public/vite.svg
diff --git a/demos/react-pp-outlines/src/App.jsx b/examples/react-pp-outlines/src/App.jsx
similarity index 100%
rename from demos/react-pp-outlines/src/App.jsx
rename to examples/react-pp-outlines/src/App.jsx
diff --git a/demos/react-pp-outlines/src/Engine.jsx b/examples/react-pp-outlines/src/Engine.jsx
similarity index 100%
rename from demos/react-pp-outlines/src/Engine.jsx
rename to examples/react-pp-outlines/src/Engine.jsx
diff --git a/demos/react-pp-outlines/src/index.jsx b/examples/react-pp-outlines/src/index.jsx
similarity index 100%
rename from demos/react-pp-outlines/src/index.jsx
rename to examples/react-pp-outlines/src/index.jsx
diff --git a/demos/react-pp-outlines/src/machine-transformed.glb b/examples/react-pp-outlines/src/machine-transformed.glb
similarity index 100%
rename from demos/react-pp-outlines/src/machine-transformed.glb
rename to examples/react-pp-outlines/src/machine-transformed.glb
diff --git a/demos/react-pp-outlines/src/styles.css b/examples/react-pp-outlines/src/styles.css
similarity index 100%
rename from demos/react-pp-outlines/src/styles.css
rename to examples/react-pp-outlines/src/styles.css
diff --git a/demos/react-pp-outlines/src/vite-env.d.ts b/examples/react-pp-outlines/src/vite-env.d.ts
similarity index 100%
rename from demos/react-pp-outlines/src/vite-env.d.ts
rename to examples/react-pp-outlines/src/vite-env.d.ts
diff --git a/demos/react-pp-outlines/thumbnail.webp b/examples/react-pp-outlines/thumbnail.webp
similarity index 100%
rename from demos/react-pp-outlines/thumbnail.webp
rename to examples/react-pp-outlines/thumbnail.webp
diff --git a/demos/react-pp-outlines/tsconfig.json b/examples/react-pp-outlines/tsconfig.json
similarity index 100%
rename from demos/react-pp-outlines/tsconfig.json
rename to examples/react-pp-outlines/tsconfig.json
diff --git a/demos/react-pp-outlines/tsconfig.node.json b/examples/react-pp-outlines/tsconfig.node.json
similarity index 100%
rename from demos/react-pp-outlines/tsconfig.node.json
rename to examples/react-pp-outlines/tsconfig.node.json
diff --git a/demos/react-pp-outlines/vite.config.ts b/examples/react-pp-outlines/vite.config.ts
similarity index 100%
rename from demos/react-pp-outlines/vite.config.ts
rename to examples/react-pp-outlines/vite.config.ts
diff --git a/demos/react-spring-animations/.prettierrc b/examples/react-spring-animations/.prettierrc
similarity index 100%
rename from demos/react-spring-animations/.prettierrc
rename to examples/react-spring-animations/.prettierrc
diff --git a/examples/react-spring-animations/README.md b/examples/react-spring-animations/README.md
new file mode 100644
index 00000000..0bfb42a2
--- /dev/null
+++ b/examples/react-spring-animations/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/react-spring-animations)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/react-spring-animations)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/react-spring-animations)
+
+```sh
+$ npx degit pmndrs/examples/examples/react-spring-animations
+```
+
+![](thumbnail.webp)
diff --git a/demos/react-spring-animations/index.html b/examples/react-spring-animations/index.html
similarity index 100%
rename from demos/react-spring-animations/index.html
rename to examples/react-spring-animations/index.html
diff --git a/demos/react-spring-animations/package.json b/examples/react-spring-animations/package.json
similarity index 86%
rename from demos/react-spring-animations/package.json
rename to examples/react-spring-animations/package.json
index 455cade1..0997a998 100644
--- a/demos/react-spring-animations/package.json
+++ b/examples/react-spring-animations/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/react-spring-animations",
+  "name": "@example/react-spring-animations",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/core": "^10.1.2",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/react-spring-animations"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/react-spring-animations"
   }
 }
diff --git a/demos/react-spring-animations/pmndrs.json b/examples/react-spring-animations/pmndrs.json
similarity index 100%
rename from demos/react-spring-animations/pmndrs.json
rename to examples/react-spring-animations/pmndrs.json
diff --git a/demos/react-spring-animations/public/vite.svg b/examples/react-spring-animations/public/vite.svg
similarity index 100%
rename from demos/react-spring-animations/public/vite.svg
rename to examples/react-spring-animations/public/vite.svg
diff --git a/demos/react-spring-animations/src/Canvas.jsx b/examples/react-spring-animations/src/Canvas.jsx
similarity index 100%
rename from demos/react-spring-animations/src/Canvas.jsx
rename to examples/react-spring-animations/src/Canvas.jsx
diff --git a/demos/react-spring-animations/src/cross.jpg b/examples/react-spring-animations/src/cross.jpg
similarity index 100%
rename from demos/react-spring-animations/src/cross.jpg
rename to examples/react-spring-animations/src/cross.jpg
diff --git a/demos/react-spring-animations/src/headless.glb b/examples/react-spring-animations/src/headless.glb
similarity index 100%
rename from demos/react-spring-animations/src/headless.glb
rename to examples/react-spring-animations/src/headless.glb
diff --git a/demos/react-spring-animations/src/index.jsx b/examples/react-spring-animations/src/index.jsx
similarity index 100%
rename from demos/react-spring-animations/src/index.jsx
rename to examples/react-spring-animations/src/index.jsx
diff --git a/demos/react-spring-animations/src/styles.css b/examples/react-spring-animations/src/styles.css
similarity index 100%
rename from demos/react-spring-animations/src/styles.css
rename to examples/react-spring-animations/src/styles.css
diff --git a/demos/react-spring-animations/src/switch.glb b/examples/react-spring-animations/src/switch.glb
similarity index 100%
rename from demos/react-spring-animations/src/switch.glb
rename to examples/react-spring-animations/src/switch.glb
diff --git a/demos/react-spring-animations/src/vite-env.d.ts b/examples/react-spring-animations/src/vite-env.d.ts
similarity index 100%
rename from demos/react-spring-animations/src/vite-env.d.ts
rename to examples/react-spring-animations/src/vite-env.d.ts
diff --git a/demos/react-spring-animations/thumbnail.webp b/examples/react-spring-animations/thumbnail.webp
similarity index 100%
rename from demos/react-spring-animations/thumbnail.webp
rename to examples/react-spring-animations/thumbnail.webp
diff --git a/demos/react-spring-animations/tsconfig.json b/examples/react-spring-animations/tsconfig.json
similarity index 100%
rename from demos/react-spring-animations/tsconfig.json
rename to examples/react-spring-animations/tsconfig.json
diff --git a/demos/react-spring-animations/tsconfig.node.json b/examples/react-spring-animations/tsconfig.node.json
similarity index 100%
rename from demos/react-spring-animations/tsconfig.node.json
rename to examples/react-spring-animations/tsconfig.node.json
diff --git a/demos/react-spring-animations/vite.config.ts b/examples/react-spring-animations/vite.config.ts
similarity index 100%
rename from demos/react-spring-animations/vite.config.ts
rename to examples/react-spring-animations/vite.config.ts
diff --git a/demos/room-with-soft-shadows/.prettierrc b/examples/room-with-soft-shadows/.prettierrc
similarity index 100%
rename from demos/room-with-soft-shadows/.prettierrc
rename to examples/room-with-soft-shadows/.prettierrc
diff --git a/examples/room-with-soft-shadows/README.md b/examples/room-with-soft-shadows/README.md
new file mode 100644
index 00000000..b1e3e427
--- /dev/null
+++ b/examples/room-with-soft-shadows/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/room-with-soft-shadows)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/room-with-soft-shadows)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/room-with-soft-shadows)
+
+```sh
+$ npx degit pmndrs/examples/examples/room-with-soft-shadows
+```
+
+![](thumbnail.webp)
diff --git a/demos/room-with-soft-shadows/index.html b/examples/room-with-soft-shadows/index.html
similarity index 100%
rename from demos/room-with-soft-shadows/index.html
rename to examples/room-with-soft-shadows/index.html
diff --git a/demos/room-with-soft-shadows/package.json b/examples/room-with-soft-shadows/package.json
similarity index 85%
rename from demos/room-with-soft-shadows/package.json
rename to examples/room-with-soft-shadows/package.json
index 9aefbe5d..a41074de 100644
--- a/demos/room-with-soft-shadows/package.json
+++ b/examples/room-with-soft-shadows/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/room-with-soft-shadows",
+  "name": "@example/room-with-soft-shadows",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/room-with-soft-shadows"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/room-with-soft-shadows"
   }
 }
diff --git a/demos/room-with-soft-shadows/pmndrs.json b/examples/room-with-soft-shadows/pmndrs.json
similarity index 100%
rename from demos/room-with-soft-shadows/pmndrs.json
rename to examples/room-with-soft-shadows/pmndrs.json
diff --git a/demos/room-with-soft-shadows/public/vite.svg b/examples/room-with-soft-shadows/public/vite.svg
similarity index 100%
rename from demos/room-with-soft-shadows/public/vite.svg
rename to examples/room-with-soft-shadows/public/vite.svg
diff --git a/demos/room-with-soft-shadows/src/App.jsx b/examples/room-with-soft-shadows/src/App.jsx
similarity index 100%
rename from demos/room-with-soft-shadows/src/App.jsx
rename to examples/room-with-soft-shadows/src/App.jsx
diff --git a/demos/room-with-soft-shadows/src/Room.jsx b/examples/room-with-soft-shadows/src/Room.jsx
similarity index 100%
rename from demos/room-with-soft-shadows/src/Room.jsx
rename to examples/room-with-soft-shadows/src/Room.jsx
diff --git a/demos/room-with-soft-shadows/src/index.jsx b/examples/room-with-soft-shadows/src/index.jsx
similarity index 100%
rename from demos/room-with-soft-shadows/src/index.jsx
rename to examples/room-with-soft-shadows/src/index.jsx
diff --git a/demos/room-with-soft-shadows/src/room-transformed.glb b/examples/room-with-soft-shadows/src/room-transformed.glb
similarity index 100%
rename from demos/room-with-soft-shadows/src/room-transformed.glb
rename to examples/room-with-soft-shadows/src/room-transformed.glb
diff --git a/demos/room-with-soft-shadows/src/styles.css b/examples/room-with-soft-shadows/src/styles.css
similarity index 100%
rename from demos/room-with-soft-shadows/src/styles.css
rename to examples/room-with-soft-shadows/src/styles.css
diff --git a/demos/room-with-soft-shadows/src/vite-env.d.ts b/examples/room-with-soft-shadows/src/vite-env.d.ts
similarity index 100%
rename from demos/room-with-soft-shadows/src/vite-env.d.ts
rename to examples/room-with-soft-shadows/src/vite-env.d.ts
diff --git a/demos/room-with-soft-shadows/thumbnail.webp b/examples/room-with-soft-shadows/thumbnail.webp
similarity index 100%
rename from demos/room-with-soft-shadows/thumbnail.webp
rename to examples/room-with-soft-shadows/thumbnail.webp
diff --git a/demos/room-with-soft-shadows/tsconfig.json b/examples/room-with-soft-shadows/tsconfig.json
similarity index 100%
rename from demos/room-with-soft-shadows/tsconfig.json
rename to examples/room-with-soft-shadows/tsconfig.json
diff --git a/demos/room-with-soft-shadows/tsconfig.node.json b/examples/room-with-soft-shadows/tsconfig.node.json
similarity index 100%
rename from demos/room-with-soft-shadows/tsconfig.node.json
rename to examples/room-with-soft-shadows/tsconfig.node.json
diff --git a/demos/room-with-soft-shadows/vite.config.ts b/examples/room-with-soft-shadows/vite.config.ts
similarity index 100%
rename from demos/room-with-soft-shadows/vite.config.ts
rename to examples/room-with-soft-shadows/vite.config.ts
diff --git a/demos/router-transitions/.prettierrc b/examples/router-transitions/.prettierrc
similarity index 100%
rename from demos/router-transitions/.prettierrc
rename to examples/router-transitions/.prettierrc
diff --git a/examples/router-transitions/README.md b/examples/router-transitions/README.md
new file mode 100644
index 00000000..ec11692a
--- /dev/null
+++ b/examples/router-transitions/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/router-transitions)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/router-transitions)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/router-transitions)
+
+```sh
+$ npx degit pmndrs/examples/examples/router-transitions
+```
+
+![](thumbnail.webp)
diff --git a/demos/router-transitions/index.html b/examples/router-transitions/index.html
similarity index 100%
rename from demos/router-transitions/index.html
rename to examples/router-transitions/index.html
diff --git a/demos/router-transitions/package.json b/examples/router-transitions/package.json
similarity index 87%
rename from demos/router-transitions/package.json
rename to examples/router-transitions/package.json
index 8939bd33..c9f2dd32 100644
--- a/demos/router-transitions/package.json
+++ b/examples/router-transitions/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/router-transitions",
+  "name": "@example/router-transitions",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -36,6 +36,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/router-transitions"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/router-transitions"
   }
 }
diff --git a/demos/router-transitions/pmndrs.json b/examples/router-transitions/pmndrs.json
similarity index 100%
rename from demos/router-transitions/pmndrs.json
rename to examples/router-transitions/pmndrs.json
diff --git a/demos/router-transitions/public/ao.jpg b/examples/router-transitions/public/ao.jpg
similarity index 100%
rename from demos/router-transitions/public/ao.jpg
rename to examples/router-transitions/public/ao.jpg
diff --git a/demos/router-transitions/public/height.png b/examples/router-transitions/public/height.png
similarity index 100%
rename from demos/router-transitions/public/height.png
rename to examples/router-transitions/public/height.png
diff --git a/demos/router-transitions/public/normal.jpg b/examples/router-transitions/public/normal.jpg
similarity index 100%
rename from demos/router-transitions/public/normal.jpg
rename to examples/router-transitions/public/normal.jpg
diff --git a/demos/router-transitions/public/photo_studio_01_1k.hdr b/examples/router-transitions/public/photo_studio_01_1k.hdr
similarity index 100%
rename from demos/router-transitions/public/photo_studio_01_1k.hdr
rename to examples/router-transitions/public/photo_studio_01_1k.hdr
diff --git a/demos/router-transitions/public/roughness.jpg b/examples/router-transitions/public/roughness.jpg
similarity index 100%
rename from demos/router-transitions/public/roughness.jpg
rename to examples/router-transitions/public/roughness.jpg
diff --git a/demos/router-transitions/public/vite.svg b/examples/router-transitions/public/vite.svg
similarity index 100%
rename from demos/router-transitions/public/vite.svg
rename to examples/router-transitions/public/vite.svg
diff --git a/demos/router-transitions/src/App.jsx b/examples/router-transitions/src/App.jsx
similarity index 100%
rename from demos/router-transitions/src/App.jsx
rename to examples/router-transitions/src/App.jsx
diff --git a/demos/router-transitions/src/bomb-gp.glb b/examples/router-transitions/src/bomb-gp.glb
similarity index 100%
rename from demos/router-transitions/src/bomb-gp.glb
rename to examples/router-transitions/src/bomb-gp.glb
diff --git a/demos/router-transitions/src/index.jsx b/examples/router-transitions/src/index.jsx
similarity index 100%
rename from demos/router-transitions/src/index.jsx
rename to examples/router-transitions/src/index.jsx
diff --git a/demos/router-transitions/src/styles.css b/examples/router-transitions/src/styles.css
similarity index 100%
rename from demos/router-transitions/src/styles.css
rename to examples/router-transitions/src/styles.css
diff --git a/demos/router-transitions/src/vite-env.d.ts b/examples/router-transitions/src/vite-env.d.ts
similarity index 100%
rename from demos/router-transitions/src/vite-env.d.ts
rename to examples/router-transitions/src/vite-env.d.ts
diff --git a/demos/router-transitions/thumbnail.webp b/examples/router-transitions/thumbnail.webp
similarity index 100%
rename from demos/router-transitions/thumbnail.webp
rename to examples/router-transitions/thumbnail.webp
diff --git a/demos/router-transitions/tsconfig.json b/examples/router-transitions/tsconfig.json
similarity index 100%
rename from demos/router-transitions/tsconfig.json
rename to examples/router-transitions/tsconfig.json
diff --git a/demos/router-transitions/tsconfig.node.json b/examples/router-transitions/tsconfig.node.json
similarity index 100%
rename from demos/router-transitions/tsconfig.node.json
rename to examples/router-transitions/tsconfig.node.json
diff --git a/demos/router-transitions/vite.config.ts b/examples/router-transitions/vite.config.ts
similarity index 100%
rename from demos/router-transitions/vite.config.ts
rename to examples/router-transitions/vite.config.ts
diff --git a/demos/scrollcontrols-and-lens-refraction/.prettierrc b/examples/scrollcontrols-and-lens-refraction/.prettierrc
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/.prettierrc
rename to examples/scrollcontrols-and-lens-refraction/.prettierrc
diff --git a/examples/scrollcontrols-and-lens-refraction/README.md b/examples/scrollcontrols-and-lens-refraction/README.md
new file mode 100644
index 00000000..37acc3e3
--- /dev/null
+++ b/examples/scrollcontrols-and-lens-refraction/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/scrollcontrols-and-lens-refraction)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/scrollcontrols-and-lens-refraction)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/scrollcontrols-and-lens-refraction)
+
+```sh
+$ npx degit pmndrs/examples/examples/scrollcontrols-and-lens-refraction
+```
+
+![](thumbnail.webp)
diff --git a/demos/scrollcontrols-and-lens-refraction/index.html b/examples/scrollcontrols-and-lens-refraction/index.html
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/index.html
rename to examples/scrollcontrols-and-lens-refraction/index.html
diff --git a/demos/scrollcontrols-and-lens-refraction/package.json b/examples/scrollcontrols-and-lens-refraction/package.json
similarity index 83%
rename from demos/scrollcontrols-and-lens-refraction/package.json
rename to examples/scrollcontrols-and-lens-refraction/package.json
index 8c9c770b..d4e1d7cb 100644
--- a/demos/scrollcontrols-and-lens-refraction/package.json
+++ b/examples/scrollcontrols-and-lens-refraction/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/scrollcontrols-and-lens-refraction",
+  "name": "@example/scrollcontrols-and-lens-refraction",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/scrollcontrols-and-lens-refraction"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/scrollcontrols-and-lens-refraction"
   }
 }
diff --git a/demos/scrollcontrols-and-lens-refraction/pmndrs.json b/examples/scrollcontrols-and-lens-refraction/pmndrs.json
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/pmndrs.json
rename to examples/scrollcontrols-and-lens-refraction/pmndrs.json
diff --git a/demos/scrollcontrols-and-lens-refraction/src/App.jsx b/examples/scrollcontrols-and-lens-refraction/src/App.jsx
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/App.jsx
rename to examples/scrollcontrols-and-lens-refraction/src/App.jsx
diff --git a/demos/scrollcontrols-and-lens-refraction/src/Inter-Regular.woff b/examples/scrollcontrols-and-lens-refraction/src/Inter-Regular.woff
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/Inter-Regular.woff
rename to examples/scrollcontrols-and-lens-refraction/src/Inter-Regular.woff
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img1.jpg b/examples/scrollcontrols-and-lens-refraction/src/img1.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img1.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img1.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img2.jpg b/examples/scrollcontrols-and-lens-refraction/src/img2.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img2.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img2.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img3.jpg b/examples/scrollcontrols-and-lens-refraction/src/img3.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img3.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img3.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img4.jpg b/examples/scrollcontrols-and-lens-refraction/src/img4.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img4.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img4.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img5.jpg b/examples/scrollcontrols-and-lens-refraction/src/img5.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img5.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img5.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img6.jpg b/examples/scrollcontrols-and-lens-refraction/src/img6.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img6.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img6.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img7.jpg b/examples/scrollcontrols-and-lens-refraction/src/img7.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img7.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img7.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/img8.jpg b/examples/scrollcontrols-and-lens-refraction/src/img8.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/img8.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/img8.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/index.jsx b/examples/scrollcontrols-and-lens-refraction/src/index.jsx
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/index.jsx
rename to examples/scrollcontrols-and-lens-refraction/src/index.jsx
diff --git a/demos/scrollcontrols-and-lens-refraction/src/lens-transformed.glb b/examples/scrollcontrols-and-lens-refraction/src/lens-transformed.glb
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/lens-transformed.glb
rename to examples/scrollcontrols-and-lens-refraction/src/lens-transformed.glb
diff --git a/demos/scrollcontrols-and-lens-refraction/src/styles.css b/examples/scrollcontrols-and-lens-refraction/src/styles.css
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/styles.css
rename to examples/scrollcontrols-and-lens-refraction/src/styles.css
diff --git a/demos/scrollcontrols-and-lens-refraction/src/trip1.jpg b/examples/scrollcontrols-and-lens-refraction/src/trip1.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/trip1.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/trip1.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/trip2.jpg b/examples/scrollcontrols-and-lens-refraction/src/trip2.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/trip2.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/trip2.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/trip3.jpg b/examples/scrollcontrols-and-lens-refraction/src/trip3.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/trip3.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/trip3.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/trip4.jpg b/examples/scrollcontrols-and-lens-refraction/src/trip4.jpg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/trip4.jpg
rename to examples/scrollcontrols-and-lens-refraction/src/trip4.jpg
diff --git a/demos/scrollcontrols-and-lens-refraction/src/vite-env.d.ts b/examples/scrollcontrols-and-lens-refraction/src/vite-env.d.ts
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/vite-env.d.ts
rename to examples/scrollcontrols-and-lens-refraction/src/vite-env.d.ts
diff --git a/demos/scrollcontrols-and-lens-refraction/src/vite.svg b/examples/scrollcontrols-and-lens-refraction/src/vite.svg
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/src/vite.svg
rename to examples/scrollcontrols-and-lens-refraction/src/vite.svg
diff --git a/demos/scrollcontrols-and-lens-refraction/thumbnail.webp b/examples/scrollcontrols-and-lens-refraction/thumbnail.webp
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/thumbnail.webp
rename to examples/scrollcontrols-and-lens-refraction/thumbnail.webp
diff --git a/demos/scrollcontrols-and-lens-refraction/tsconfig.json b/examples/scrollcontrols-and-lens-refraction/tsconfig.json
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/tsconfig.json
rename to examples/scrollcontrols-and-lens-refraction/tsconfig.json
diff --git a/demos/scrollcontrols-and-lens-refraction/tsconfig.node.json b/examples/scrollcontrols-and-lens-refraction/tsconfig.node.json
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/tsconfig.node.json
rename to examples/scrollcontrols-and-lens-refraction/tsconfig.node.json
diff --git a/demos/scrollcontrols-and-lens-refraction/vite.config.ts b/examples/scrollcontrols-and-lens-refraction/vite.config.ts
similarity index 100%
rename from demos/scrollcontrols-and-lens-refraction/vite.config.ts
rename to examples/scrollcontrols-and-lens-refraction/vite.config.ts
diff --git a/demos/scrollcontrols-gltf/.prettierrc b/examples/scrollcontrols-gltf/.prettierrc
similarity index 100%
rename from demos/scrollcontrols-gltf/.prettierrc
rename to examples/scrollcontrols-gltf/.prettierrc
diff --git a/examples/scrollcontrols-gltf/README.md b/examples/scrollcontrols-gltf/README.md
new file mode 100644
index 00000000..127b84b4
--- /dev/null
+++ b/examples/scrollcontrols-gltf/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/scrollcontrols-gltf)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/scrollcontrols-gltf)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/scrollcontrols-gltf)
+
+```sh
+$ npx degit pmndrs/examples/examples/scrollcontrols-gltf
+```
+
+![](thumbnail.webp)
diff --git a/demos/scrollcontrols-gltf/index.html b/examples/scrollcontrols-gltf/index.html
similarity index 100%
rename from demos/scrollcontrols-gltf/index.html
rename to examples/scrollcontrols-gltf/index.html
diff --git a/demos/bounds-and-makedefault/package.json b/examples/scrollcontrols-gltf/package.json
similarity index 85%
rename from demos/bounds-and-makedefault/package.json
rename to examples/scrollcontrols-gltf/package.json
index 6dbae4d4..2c9d9788 100644
--- a/demos/bounds-and-makedefault/package.json
+++ b/examples/scrollcontrols-gltf/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bounds-and-makedefault",
+  "name": "@example/scrollcontrols-gltf",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bounds-and-makedefault"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/scrollcontrols-gltf"
   }
 }
diff --git a/demos/scrollcontrols-gltf/pmndrs.json b/examples/scrollcontrols-gltf/pmndrs.json
similarity index 100%
rename from demos/scrollcontrols-gltf/pmndrs.json
rename to examples/scrollcontrols-gltf/pmndrs.json
diff --git a/demos/scrollcontrols-gltf/public/vite.svg b/examples/scrollcontrols-gltf/public/vite.svg
similarity index 100%
rename from demos/scrollcontrols-gltf/public/vite.svg
rename to examples/scrollcontrols-gltf/public/vite.svg
diff --git a/demos/scrollcontrols-gltf/src/App.jsx b/examples/scrollcontrols-gltf/src/App.jsx
similarity index 100%
rename from demos/scrollcontrols-gltf/src/App.jsx
rename to examples/scrollcontrols-gltf/src/App.jsx
diff --git a/demos/scrollcontrols-gltf/src/LittlestTokyo-transformed.glb b/examples/scrollcontrols-gltf/src/LittlestTokyo-transformed.glb
similarity index 100%
rename from demos/scrollcontrols-gltf/src/LittlestTokyo-transformed.glb
rename to examples/scrollcontrols-gltf/src/LittlestTokyo-transformed.glb
diff --git a/demos/scrollcontrols-gltf/src/index.jsx b/examples/scrollcontrols-gltf/src/index.jsx
similarity index 100%
rename from demos/scrollcontrols-gltf/src/index.jsx
rename to examples/scrollcontrols-gltf/src/index.jsx
diff --git a/demos/scrollcontrols-gltf/src/styles.css b/examples/scrollcontrols-gltf/src/styles.css
similarity index 100%
rename from demos/scrollcontrols-gltf/src/styles.css
rename to examples/scrollcontrols-gltf/src/styles.css
diff --git a/demos/scrollcontrols-gltf/src/vite-env.d.ts b/examples/scrollcontrols-gltf/src/vite-env.d.ts
similarity index 100%
rename from demos/scrollcontrols-gltf/src/vite-env.d.ts
rename to examples/scrollcontrols-gltf/src/vite-env.d.ts
diff --git a/demos/scrollcontrols-gltf/thumbnail.webp b/examples/scrollcontrols-gltf/thumbnail.webp
similarity index 100%
rename from demos/scrollcontrols-gltf/thumbnail.webp
rename to examples/scrollcontrols-gltf/thumbnail.webp
diff --git a/demos/scrollcontrols-gltf/tsconfig.json b/examples/scrollcontrols-gltf/tsconfig.json
similarity index 100%
rename from demos/scrollcontrols-gltf/tsconfig.json
rename to examples/scrollcontrols-gltf/tsconfig.json
diff --git a/demos/scrollcontrols-gltf/tsconfig.node.json b/examples/scrollcontrols-gltf/tsconfig.node.json
similarity index 100%
rename from demos/scrollcontrols-gltf/tsconfig.node.json
rename to examples/scrollcontrols-gltf/tsconfig.node.json
diff --git a/demos/scrollcontrols-gltf/vite.config.ts b/examples/scrollcontrols-gltf/vite.config.ts
similarity index 100%
rename from demos/scrollcontrols-gltf/vite.config.ts
rename to examples/scrollcontrols-gltf/vite.config.ts
diff --git a/demos/scrollcontrols-with-minimap/.prettierrc b/examples/scrollcontrols-with-minimap/.prettierrc
similarity index 100%
rename from demos/scrollcontrols-with-minimap/.prettierrc
rename to examples/scrollcontrols-with-minimap/.prettierrc
diff --git a/examples/scrollcontrols-with-minimap/README.md b/examples/scrollcontrols-with-minimap/README.md
new file mode 100644
index 00000000..bc9b81ed
--- /dev/null
+++ b/examples/scrollcontrols-with-minimap/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/scrollcontrols-with-minimap)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/scrollcontrols-with-minimap)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/scrollcontrols-with-minimap)
+
+```sh
+$ npx degit pmndrs/examples/examples/scrollcontrols-with-minimap
+```
+
+![](thumbnail.webp)
diff --git a/demos/scrollcontrols-with-minimap/index.html b/examples/scrollcontrols-with-minimap/index.html
similarity index 100%
rename from demos/scrollcontrols-with-minimap/index.html
rename to examples/scrollcontrols-with-minimap/index.html
diff --git a/examples/scrollcontrols-with-minimap/package.json b/examples/scrollcontrols-with-minimap/package.json
new file mode 100644
index 00000000..9fb2c867
--- /dev/null
+++ b/examples/scrollcontrols-with-minimap/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "@example/scrollcontrols-with-minimap",
+  "version": "1.0.0",
+  "dependencies": {
+    "@pmndrs/branding": "^0.0.8",
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/scrollcontrols-with-minimap"
+  }
+}
diff --git a/demos/scrollcontrols-with-minimap/pmndrs.json b/examples/scrollcontrols-with-minimap/pmndrs.json
similarity index 100%
rename from demos/scrollcontrols-with-minimap/pmndrs.json
rename to examples/scrollcontrols-with-minimap/pmndrs.json
diff --git a/demos/scrollcontrols-with-minimap/public/Inter-UI-Medium.ttf b/examples/scrollcontrols-with-minimap/public/Inter-UI-Medium.ttf
similarity index 100%
rename from demos/scrollcontrols-with-minimap/public/Inter-UI-Medium.ttf
rename to examples/scrollcontrols-with-minimap/public/Inter-UI-Medium.ttf
diff --git a/demos/scrollcontrols-with-minimap/public/vite.svg b/examples/scrollcontrols-with-minimap/public/vite.svg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/public/vite.svg
rename to examples/scrollcontrols-with-minimap/public/vite.svg
diff --git a/demos/scrollcontrols-with-minimap/src/App.jsx b/examples/scrollcontrols-with-minimap/src/App.jsx
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/App.jsx
rename to examples/scrollcontrols-with-minimap/src/App.jsx
diff --git a/demos/scrollcontrols-with-minimap/src/img1.jpg b/examples/scrollcontrols-with-minimap/src/img1.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img1.jpg
rename to examples/scrollcontrols-with-minimap/src/img1.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img2.jpg b/examples/scrollcontrols-with-minimap/src/img2.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img2.jpg
rename to examples/scrollcontrols-with-minimap/src/img2.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img3.jpg b/examples/scrollcontrols-with-minimap/src/img3.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img3.jpg
rename to examples/scrollcontrols-with-minimap/src/img3.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img4.jpg b/examples/scrollcontrols-with-minimap/src/img4.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img4.jpg
rename to examples/scrollcontrols-with-minimap/src/img4.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img5.jpg b/examples/scrollcontrols-with-minimap/src/img5.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img5.jpg
rename to examples/scrollcontrols-with-minimap/src/img5.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img6.jpg b/examples/scrollcontrols-with-minimap/src/img6.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img6.jpg
rename to examples/scrollcontrols-with-minimap/src/img6.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img7.jpg b/examples/scrollcontrols-with-minimap/src/img7.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img7.jpg
rename to examples/scrollcontrols-with-minimap/src/img7.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/img8.jpg b/examples/scrollcontrols-with-minimap/src/img8.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/img8.jpg
rename to examples/scrollcontrols-with-minimap/src/img8.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/index.jsx b/examples/scrollcontrols-with-minimap/src/index.jsx
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/index.jsx
rename to examples/scrollcontrols-with-minimap/src/index.jsx
diff --git a/demos/scrollcontrols-with-minimap/src/styles.css b/examples/scrollcontrols-with-minimap/src/styles.css
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/styles.css
rename to examples/scrollcontrols-with-minimap/src/styles.css
diff --git a/demos/scrollcontrols-with-minimap/src/trip1.jpg b/examples/scrollcontrols-with-minimap/src/trip1.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/trip1.jpg
rename to examples/scrollcontrols-with-minimap/src/trip1.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/trip2.jpg b/examples/scrollcontrols-with-minimap/src/trip2.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/trip2.jpg
rename to examples/scrollcontrols-with-minimap/src/trip2.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/trip3.jpg b/examples/scrollcontrols-with-minimap/src/trip3.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/trip3.jpg
rename to examples/scrollcontrols-with-minimap/src/trip3.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/trip4.jpg b/examples/scrollcontrols-with-minimap/src/trip4.jpg
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/trip4.jpg
rename to examples/scrollcontrols-with-minimap/src/trip4.jpg
diff --git a/demos/scrollcontrols-with-minimap/src/vite-env.d.ts b/examples/scrollcontrols-with-minimap/src/vite-env.d.ts
similarity index 100%
rename from demos/scrollcontrols-with-minimap/src/vite-env.d.ts
rename to examples/scrollcontrols-with-minimap/src/vite-env.d.ts
diff --git a/demos/scrollcontrols-with-minimap/thumbnail.webp b/examples/scrollcontrols-with-minimap/thumbnail.webp
similarity index 100%
rename from demos/scrollcontrols-with-minimap/thumbnail.webp
rename to examples/scrollcontrols-with-minimap/thumbnail.webp
diff --git a/demos/scrollcontrols-with-minimap/tsconfig.json b/examples/scrollcontrols-with-minimap/tsconfig.json
similarity index 100%
rename from demos/scrollcontrols-with-minimap/tsconfig.json
rename to examples/scrollcontrols-with-minimap/tsconfig.json
diff --git a/demos/scrollcontrols-with-minimap/tsconfig.node.json b/examples/scrollcontrols-with-minimap/tsconfig.node.json
similarity index 100%
rename from demos/scrollcontrols-with-minimap/tsconfig.node.json
rename to examples/scrollcontrols-with-minimap/tsconfig.node.json
diff --git a/demos/scrollcontrols-with-minimap/vite.config.ts b/examples/scrollcontrols-with-minimap/vite.config.ts
similarity index 100%
rename from demos/scrollcontrols-with-minimap/vite.config.ts
rename to examples/scrollcontrols-with-minimap/vite.config.ts
diff --git a/demos/selective-outlines/.prettierrc b/examples/selective-outlines/.prettierrc
similarity index 100%
rename from demos/selective-outlines/.prettierrc
rename to examples/selective-outlines/.prettierrc
diff --git a/demos/html-annotations/README.md b/examples/selective-outlines/README.md
similarity index 56%
rename from demos/html-annotations/README.md
rename to examples/selective-outlines/README.md
index f6cc9caf..54093379 100644
--- a/demos/html-annotations/README.md
+++ b/examples/selective-outlines/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/html-annotations)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/html-annotations)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/html-annotations)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/selective-outlines)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/selective-outlines)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/selective-outlines)
 
 ```sh
-$ npx degit pmndrs/examples/demos/html-annotations
+$ npx degit pmndrs/examples/examples/selective-outlines
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/selective-outlines/index.html b/examples/selective-outlines/index.html
similarity index 100%
rename from demos/selective-outlines/index.html
rename to examples/selective-outlines/index.html
diff --git a/demos/selective-outlines/package.json b/examples/selective-outlines/package.json
similarity index 86%
rename from demos/selective-outlines/package.json
rename to examples/selective-outlines/package.json
index 8bfdb5d4..f2d1e75f 100644
--- a/demos/selective-outlines/package.json
+++ b/examples/selective-outlines/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/selective-outlines",
+  "name": "@example/selective-outlines",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/selective-outlines"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/selective-outlines"
   }
 }
diff --git a/demos/selective-outlines/pmndrs.json b/examples/selective-outlines/pmndrs.json
similarity index 100%
rename from demos/selective-outlines/pmndrs.json
rename to examples/selective-outlines/pmndrs.json
diff --git a/demos/selective-outlines/public/vite.svg b/examples/selective-outlines/public/vite.svg
similarity index 100%
rename from demos/selective-outlines/public/vite.svg
rename to examples/selective-outlines/public/vite.svg
diff --git a/demos/selective-outlines/src/App.jsx b/examples/selective-outlines/src/App.jsx
similarity index 100%
rename from demos/selective-outlines/src/App.jsx
rename to examples/selective-outlines/src/App.jsx
diff --git a/demos/selective-outlines/src/index.jsx b/examples/selective-outlines/src/index.jsx
similarity index 100%
rename from demos/selective-outlines/src/index.jsx
rename to examples/selective-outlines/src/index.jsx
diff --git a/demos/selective-outlines/src/styles.css b/examples/selective-outlines/src/styles.css
similarity index 100%
rename from demos/selective-outlines/src/styles.css
rename to examples/selective-outlines/src/styles.css
diff --git a/demos/selective-outlines/src/vite-env.d.ts b/examples/selective-outlines/src/vite-env.d.ts
similarity index 100%
rename from demos/selective-outlines/src/vite-env.d.ts
rename to examples/selective-outlines/src/vite-env.d.ts
diff --git a/demos/selective-outlines/thumbnail.webp b/examples/selective-outlines/thumbnail.webp
similarity index 100%
rename from demos/selective-outlines/thumbnail.webp
rename to examples/selective-outlines/thumbnail.webp
diff --git a/demos/selective-outlines/tsconfig.json b/examples/selective-outlines/tsconfig.json
similarity index 100%
rename from demos/selective-outlines/tsconfig.json
rename to examples/selective-outlines/tsconfig.json
diff --git a/demos/selective-outlines/tsconfig.node.json b/examples/selective-outlines/tsconfig.node.json
similarity index 100%
rename from demos/selective-outlines/tsconfig.node.json
rename to examples/selective-outlines/tsconfig.node.json
diff --git a/demos/selective-outlines/vite.config.ts b/examples/selective-outlines/vite.config.ts
similarity index 100%
rename from demos/selective-outlines/vite.config.ts
rename to examples/selective-outlines/vite.config.ts
diff --git a/demos/shader-fire/.prettierrc b/examples/shader-fire/.prettierrc
similarity index 100%
rename from demos/shader-fire/.prettierrc
rename to examples/shader-fire/.prettierrc
diff --git a/examples/shader-fire/README.md b/examples/shader-fire/README.md
new file mode 100644
index 00000000..607be76d
--- /dev/null
+++ b/examples/shader-fire/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shader-fire)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/shader-fire)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/shader-fire)
+
+```sh
+$ npx degit pmndrs/examples/examples/shader-fire
+```
+
+![](thumbnail.webp)
diff --git a/demos/shader-fire/index.html b/examples/shader-fire/index.html
similarity index 100%
rename from demos/shader-fire/index.html
rename to examples/shader-fire/index.html
diff --git a/demos/shader-fire/package.json b/examples/shader-fire/package.json
similarity index 87%
rename from demos/shader-fire/package.json
rename to examples/shader-fire/package.json
index 4c59d6c0..17aab327 100644
--- a/demos/shader-fire/package.json
+++ b/examples/shader-fire/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/shader-fire",
+  "name": "@example/shader-fire",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -31,7 +31,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/shader-fire"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/shader-fire"
   },
   "type": "module"
 }
diff --git a/demos/shader-fire/pmndrs.json b/examples/shader-fire/pmndrs.json
similarity index 100%
rename from demos/shader-fire/pmndrs.json
rename to examples/shader-fire/pmndrs.json
diff --git a/demos/shader-fire/public/vite.svg b/examples/shader-fire/public/vite.svg
similarity index 100%
rename from demos/shader-fire/public/vite.svg
rename to examples/shader-fire/public/vite.svg
diff --git a/demos/shader-fire/src/App.jsx b/examples/shader-fire/src/App.jsx
similarity index 100%
rename from demos/shader-fire/src/App.jsx
rename to examples/shader-fire/src/App.jsx
diff --git a/demos/shader-fire/src/fire.png b/examples/shader-fire/src/fire.png
similarity index 100%
rename from demos/shader-fire/src/fire.png
rename to examples/shader-fire/src/fire.png
diff --git a/demos/shader-fire/src/index.jsx b/examples/shader-fire/src/index.jsx
similarity index 100%
rename from demos/shader-fire/src/index.jsx
rename to examples/shader-fire/src/index.jsx
diff --git a/demos/shader-fire/src/styles.css b/examples/shader-fire/src/styles.css
similarity index 100%
rename from demos/shader-fire/src/styles.css
rename to examples/shader-fire/src/styles.css
diff --git a/demos/shader-fire/src/vite-env.d.ts b/examples/shader-fire/src/vite-env.d.ts
similarity index 100%
rename from demos/shader-fire/src/vite-env.d.ts
rename to examples/shader-fire/src/vite-env.d.ts
diff --git a/demos/shader-fire/thumbnail.webp b/examples/shader-fire/thumbnail.webp
similarity index 100%
rename from demos/shader-fire/thumbnail.webp
rename to examples/shader-fire/thumbnail.webp
diff --git a/demos/shader-fire/tsconfig.json b/examples/shader-fire/tsconfig.json
similarity index 100%
rename from demos/shader-fire/tsconfig.json
rename to examples/shader-fire/tsconfig.json
diff --git a/demos/shader-fire/tsconfig.node.json b/examples/shader-fire/tsconfig.node.json
similarity index 100%
rename from demos/shader-fire/tsconfig.node.json
rename to examples/shader-fire/tsconfig.node.json
diff --git a/demos/shader-fire/vite.config.ts b/examples/shader-fire/vite.config.ts
similarity index 100%
rename from demos/shader-fire/vite.config.ts
rename to examples/shader-fire/vite.config.ts
diff --git a/demos/shader-hmr/.prettierrc b/examples/shader-hmr/.prettierrc
similarity index 100%
rename from demos/shader-hmr/.prettierrc
rename to examples/shader-hmr/.prettierrc
diff --git a/demos/basic-ballpit/README.md b/examples/shader-hmr/README.md
similarity index 50%
rename from demos/basic-ballpit/README.md
rename to examples/shader-hmr/README.md
index a32cd14a..7012b774 100644
--- a/demos/basic-ballpit/README.md
+++ b/examples/shader-hmr/README.md
@@ -1,9 +1,9 @@
-[![Static](https://img.shields.io/badge/demo-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/basic-ballpit)
-[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/demos/basic-ballpit)
-[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/demos/basic-ballpit)
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shader-hmr)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/shader-hmr)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/shader-hmr)
 
 ```sh
-$ npx degit pmndrs/examples/demos/basic-ballpit
+$ npx degit pmndrs/examples/examples/shader-hmr
 ```
 
 ![](thumbnail.webp)
diff --git a/demos/shader-hmr/index.html b/examples/shader-hmr/index.html
similarity index 100%
rename from demos/shader-hmr/index.html
rename to examples/shader-hmr/index.html
diff --git a/demos/bouncy-watch/package.json b/examples/shader-hmr/package.json
similarity index 87%
rename from demos/bouncy-watch/package.json
rename to examples/shader-hmr/package.json
index aebadc4e..6e95b2f2 100644
--- a/demos/bouncy-watch/package.json
+++ b/examples/shader-hmr/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bouncy-watch",
+  "name": "@example/shader-hmr",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bouncy-watch"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/shader-hmr"
   }
 }
diff --git a/demos/shader-hmr/pmndrs.json b/examples/shader-hmr/pmndrs.json
similarity index 100%
rename from demos/shader-hmr/pmndrs.json
rename to examples/shader-hmr/pmndrs.json
diff --git a/demos/shader-hmr/public/vite.svg b/examples/shader-hmr/public/vite.svg
similarity index 100%
rename from demos/shader-hmr/public/vite.svg
rename to examples/shader-hmr/public/vite.svg
diff --git a/demos/shader-hmr/src/App.jsx b/examples/shader-hmr/src/App.jsx
similarity index 100%
rename from demos/shader-hmr/src/App.jsx
rename to examples/shader-hmr/src/App.jsx
diff --git a/demos/shader-hmr/src/WaveMaterial.js b/examples/shader-hmr/src/WaveMaterial.js
similarity index 100%
rename from demos/shader-hmr/src/WaveMaterial.js
rename to examples/shader-hmr/src/WaveMaterial.js
diff --git a/demos/shader-hmr/src/index.jsx b/examples/shader-hmr/src/index.jsx
similarity index 100%
rename from demos/shader-hmr/src/index.jsx
rename to examples/shader-hmr/src/index.jsx
diff --git a/demos/shader-hmr/src/styles.css b/examples/shader-hmr/src/styles.css
similarity index 100%
rename from demos/shader-hmr/src/styles.css
rename to examples/shader-hmr/src/styles.css
diff --git a/demos/shader-hmr/src/vite-env.d.ts b/examples/shader-hmr/src/vite-env.d.ts
similarity index 100%
rename from demos/shader-hmr/src/vite-env.d.ts
rename to examples/shader-hmr/src/vite-env.d.ts
diff --git a/demos/shader-hmr/thumbnail.webp b/examples/shader-hmr/thumbnail.webp
similarity index 100%
rename from demos/shader-hmr/thumbnail.webp
rename to examples/shader-hmr/thumbnail.webp
diff --git a/demos/shader-hmr/tsconfig.json b/examples/shader-hmr/tsconfig.json
similarity index 100%
rename from demos/shader-hmr/tsconfig.json
rename to examples/shader-hmr/tsconfig.json
diff --git a/demos/shader-hmr/tsconfig.node.json b/examples/shader-hmr/tsconfig.node.json
similarity index 100%
rename from demos/shader-hmr/tsconfig.node.json
rename to examples/shader-hmr/tsconfig.node.json
diff --git a/demos/shader-hmr/vite.config.ts b/examples/shader-hmr/vite.config.ts
similarity index 100%
rename from demos/shader-hmr/vite.config.ts
rename to examples/shader-hmr/vite.config.ts
diff --git a/demos/shadermaterials/.prettierrc b/examples/shadermaterials/.prettierrc
similarity index 100%
rename from demos/shadermaterials/.prettierrc
rename to examples/shadermaterials/.prettierrc
diff --git a/examples/shadermaterials/README.md b/examples/shadermaterials/README.md
new file mode 100644
index 00000000..de18166d
--- /dev/null
+++ b/examples/shadermaterials/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shadermaterials)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/shadermaterials)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/shadermaterials)
+
+```sh
+$ npx degit pmndrs/examples/examples/shadermaterials
+```
+
+![](thumbnail.webp)
diff --git a/demos/shadermaterials/index.html b/examples/shadermaterials/index.html
similarity index 100%
rename from demos/shadermaterials/index.html
rename to examples/shadermaterials/index.html
diff --git a/examples/shadermaterials/package.json b/examples/shadermaterials/package.json
new file mode 100644
index 00000000..bf3d1615
--- /dev/null
+++ b/examples/shadermaterials/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/shadermaterials",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/shadermaterials"
+  }
+}
diff --git a/demos/shadermaterials/pmndrs.json b/examples/shadermaterials/pmndrs.json
similarity index 100%
rename from demos/shadermaterials/pmndrs.json
rename to examples/shadermaterials/pmndrs.json
diff --git a/demos/shadermaterials/public/vite.svg b/examples/shadermaterials/public/vite.svg
similarity index 100%
rename from demos/shadermaterials/public/vite.svg
rename to examples/shadermaterials/public/vite.svg
diff --git a/demos/shadermaterials/src/App.jsx b/examples/shadermaterials/src/App.jsx
similarity index 100%
rename from demos/shadermaterials/src/App.jsx
rename to examples/shadermaterials/src/App.jsx
diff --git a/demos/shadermaterials/src/img/Img1.jpg b/examples/shadermaterials/src/img/Img1.jpg
similarity index 100%
rename from demos/shadermaterials/src/img/Img1.jpg
rename to examples/shadermaterials/src/img/Img1.jpg
diff --git a/demos/shadermaterials/src/img/Img2.jpg b/examples/shadermaterials/src/img/Img2.jpg
similarity index 100%
rename from demos/shadermaterials/src/img/Img2.jpg
rename to examples/shadermaterials/src/img/Img2.jpg
diff --git a/demos/shadermaterials/src/img/displacement/10.jpg b/examples/shadermaterials/src/img/displacement/10.jpg
similarity index 100%
rename from demos/shadermaterials/src/img/displacement/10.jpg
rename to examples/shadermaterials/src/img/displacement/10.jpg
diff --git a/demos/shadermaterials/src/img/displacement/11.jpg b/examples/shadermaterials/src/img/displacement/11.jpg
similarity index 100%
rename from demos/shadermaterials/src/img/displacement/11.jpg
rename to examples/shadermaterials/src/img/displacement/11.jpg
diff --git a/demos/shadermaterials/src/img/displacement/13.jpg b/examples/shadermaterials/src/img/displacement/13.jpg
similarity index 100%
rename from demos/shadermaterials/src/img/displacement/13.jpg
rename to examples/shadermaterials/src/img/displacement/13.jpg
diff --git a/demos/shadermaterials/src/img/displacement/14.jpg b/examples/shadermaterials/src/img/displacement/14.jpg
similarity index 100%
rename from demos/shadermaterials/src/img/displacement/14.jpg
rename to examples/shadermaterials/src/img/displacement/14.jpg
diff --git a/demos/shadermaterials/src/index.jsx b/examples/shadermaterials/src/index.jsx
similarity index 100%
rename from demos/shadermaterials/src/index.jsx
rename to examples/shadermaterials/src/index.jsx
diff --git a/demos/shadermaterials/src/styles.css b/examples/shadermaterials/src/styles.css
similarity index 100%
rename from demos/shadermaterials/src/styles.css
rename to examples/shadermaterials/src/styles.css
diff --git a/demos/shadermaterials/src/vite-env.d.ts b/examples/shadermaterials/src/vite-env.d.ts
similarity index 100%
rename from demos/shadermaterials/src/vite-env.d.ts
rename to examples/shadermaterials/src/vite-env.d.ts
diff --git a/demos/shadermaterials/thumbnail.webp b/examples/shadermaterials/thumbnail.webp
similarity index 100%
rename from demos/shadermaterials/thumbnail.webp
rename to examples/shadermaterials/thumbnail.webp
diff --git a/demos/shadermaterials/tsconfig.json b/examples/shadermaterials/tsconfig.json
similarity index 100%
rename from demos/shadermaterials/tsconfig.json
rename to examples/shadermaterials/tsconfig.json
diff --git a/demos/shadermaterials/tsconfig.node.json b/examples/shadermaterials/tsconfig.node.json
similarity index 100%
rename from demos/shadermaterials/tsconfig.node.json
rename to examples/shadermaterials/tsconfig.node.json
diff --git a/demos/shadermaterials/vite.config.ts b/examples/shadermaterials/vite.config.ts
similarity index 100%
rename from demos/shadermaterials/vite.config.ts
rename to examples/shadermaterials/vite.config.ts
diff --git a/demos/shoe-configurator/.prettierrc b/examples/shoe-configurator/.prettierrc
similarity index 100%
rename from demos/shoe-configurator/.prettierrc
rename to examples/shoe-configurator/.prettierrc
diff --git a/examples/shoe-configurator/README.md b/examples/shoe-configurator/README.md
new file mode 100644
index 00000000..ce62e6ec
--- /dev/null
+++ b/examples/shoe-configurator/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shoe-configurator)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/shoe-configurator)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/shoe-configurator)
+
+```sh
+$ npx degit pmndrs/examples/examples/shoe-configurator
+```
+
+![](thumbnail.webp)
diff --git a/demos/shoe-configurator/index.html b/examples/shoe-configurator/index.html
similarity index 100%
rename from demos/shoe-configurator/index.html
rename to examples/shoe-configurator/index.html
diff --git a/demos/shoe-configurator/package.json b/examples/shoe-configurator/package.json
similarity index 86%
rename from demos/shoe-configurator/package.json
rename to examples/shoe-configurator/package.json
index 6d46c6ce..ad1baafd 100644
--- a/demos/shoe-configurator/package.json
+++ b/examples/shoe-configurator/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/shoe-configurator",
+  "name": "@example/shoe-configurator",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/shoe-configurator"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/shoe-configurator"
   }
 }
diff --git a/demos/shoe-configurator/pmndrs.json b/examples/shoe-configurator/pmndrs.json
similarity index 100%
rename from demos/shoe-configurator/pmndrs.json
rename to examples/shoe-configurator/pmndrs.json
diff --git a/demos/shoe-configurator/public/vite.svg b/examples/shoe-configurator/public/vite.svg
similarity index 100%
rename from demos/shoe-configurator/public/vite.svg
rename to examples/shoe-configurator/public/vite.svg
diff --git a/demos/shoe-configurator/src/App.jsx b/examples/shoe-configurator/src/App.jsx
similarity index 100%
rename from demos/shoe-configurator/src/App.jsx
rename to examples/shoe-configurator/src/App.jsx
diff --git a/demos/shoe-configurator/src/index.jsx b/examples/shoe-configurator/src/index.jsx
similarity index 100%
rename from demos/shoe-configurator/src/index.jsx
rename to examples/shoe-configurator/src/index.jsx
diff --git a/demos/shoe-configurator/src/shoe-draco.glb b/examples/shoe-configurator/src/shoe-draco.glb
similarity index 100%
rename from demos/shoe-configurator/src/shoe-draco.glb
rename to examples/shoe-configurator/src/shoe-draco.glb
diff --git a/demos/shoe-configurator/src/styles.css b/examples/shoe-configurator/src/styles.css
similarity index 100%
rename from demos/shoe-configurator/src/styles.css
rename to examples/shoe-configurator/src/styles.css
diff --git a/demos/shoe-configurator/src/vite-env.d.ts b/examples/shoe-configurator/src/vite-env.d.ts
similarity index 100%
rename from demos/shoe-configurator/src/vite-env.d.ts
rename to examples/shoe-configurator/src/vite-env.d.ts
diff --git a/demos/shoe-configurator/thumbnail.webp b/examples/shoe-configurator/thumbnail.webp
similarity index 100%
rename from demos/shoe-configurator/thumbnail.webp
rename to examples/shoe-configurator/thumbnail.webp
diff --git a/demos/shoe-configurator/tsconfig.json b/examples/shoe-configurator/tsconfig.json
similarity index 100%
rename from demos/shoe-configurator/tsconfig.json
rename to examples/shoe-configurator/tsconfig.json
diff --git a/demos/shoe-configurator/tsconfig.node.json b/examples/shoe-configurator/tsconfig.node.json
similarity index 100%
rename from demos/shoe-configurator/tsconfig.node.json
rename to examples/shoe-configurator/tsconfig.node.json
diff --git a/demos/shoe-configurator/vite.config.ts b/examples/shoe-configurator/vite.config.ts
similarity index 100%
rename from demos/shoe-configurator/vite.config.ts
rename to examples/shoe-configurator/vite.config.ts
diff --git a/demos/shopping/.prettierrc b/examples/shopping/.prettierrc
similarity index 100%
rename from demos/shopping/.prettierrc
rename to examples/shopping/.prettierrc
diff --git a/examples/shopping/README.md b/examples/shopping/README.md
new file mode 100644
index 00000000..78afafb5
--- /dev/null
+++ b/examples/shopping/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/shopping)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/shopping)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/shopping)
+
+```sh
+$ npx degit pmndrs/examples/examples/shopping
+```
+
+![](thumbnail.webp)
diff --git a/demos/shopping/index.html b/examples/shopping/index.html
similarity index 100%
rename from demos/shopping/index.html
rename to examples/shopping/index.html
diff --git a/demos/shopping/package.json b/examples/shopping/package.json
similarity index 87%
rename from demos/shopping/package.json
rename to examples/shopping/package.json
index fbc58f6f..4392b6c6 100644
--- a/demos/shopping/package.json
+++ b/examples/shopping/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/shopping",
+  "name": "@example/shopping",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -28,6 +28,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/shopping"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/shopping"
   }
 }
diff --git a/demos/shopping/pmndrs.json b/examples/shopping/pmndrs.json
similarity index 100%
rename from demos/shopping/pmndrs.json
rename to examples/shopping/pmndrs.json
diff --git a/demos/shopping/public/vite.svg b/examples/shopping/public/vite.svg
similarity index 100%
rename from demos/shopping/public/vite.svg
rename to examples/shopping/public/vite.svg
diff --git a/demos/shopping/sandbox.config.json b/examples/shopping/sandbox.config.json
similarity index 100%
rename from demos/shopping/sandbox.config.json
rename to examples/shopping/sandbox.config.json
diff --git a/demos/shopping/src/App.jsx b/examples/shopping/src/App.jsx
similarity index 100%
rename from demos/shopping/src/App.jsx
rename to examples/shopping/src/App.jsx
diff --git a/demos/shopping/src/Inter-Regular.woff b/examples/shopping/src/Inter-Regular.woff
similarity index 100%
rename from demos/shopping/src/Inter-Regular.woff
rename to examples/shopping/src/Inter-Regular.woff
diff --git a/demos/shopping/src/Price.jsx b/examples/shopping/src/Price.jsx
similarity index 100%
rename from demos/shopping/src/Price.jsx
rename to examples/shopping/src/Price.jsx
diff --git a/demos/shopping/src/Scene.jsx b/examples/shopping/src/Scene.jsx
similarity index 100%
rename from demos/shopping/src/Scene.jsx
rename to examples/shopping/src/Scene.jsx
diff --git a/demos/shopping/src/index.jsx b/examples/shopping/src/index.jsx
similarity index 100%
rename from demos/shopping/src/index.jsx
rename to examples/shopping/src/index.jsx
diff --git a/demos/shopping/src/kitchen-transformed.glb b/examples/shopping/src/kitchen-transformed.glb
similarity index 100%
rename from demos/shopping/src/kitchen-transformed.glb
rename to examples/shopping/src/kitchen-transformed.glb
diff --git a/demos/shopping/src/styles.css b/examples/shopping/src/styles.css
similarity index 100%
rename from demos/shopping/src/styles.css
rename to examples/shopping/src/styles.css
diff --git a/demos/shopping/src/vite-env.d.ts b/examples/shopping/src/vite-env.d.ts
similarity index 100%
rename from demos/shopping/src/vite-env.d.ts
rename to examples/shopping/src/vite-env.d.ts
diff --git a/demos/shopping/thumbnail.webp b/examples/shopping/thumbnail.webp
similarity index 100%
rename from demos/shopping/thumbnail.webp
rename to examples/shopping/thumbnail.webp
diff --git a/demos/shopping/tsconfig.json b/examples/shopping/tsconfig.json
similarity index 100%
rename from demos/shopping/tsconfig.json
rename to examples/shopping/tsconfig.json
diff --git a/demos/shopping/tsconfig.node.json b/examples/shopping/tsconfig.node.json
similarity index 100%
rename from demos/shopping/tsconfig.node.json
rename to examples/shopping/tsconfig.node.json
diff --git a/demos/shopping/vite.config.ts b/examples/shopping/vite.config.ts
similarity index 100%
rename from demos/shopping/vite.config.ts
rename to examples/shopping/vite.config.ts
diff --git a/demos/simple-audio-analyser/.codesandbox/workspace.json b/examples/simple-audio-analyser/.codesandbox/workspace.json
similarity index 100%
rename from demos/simple-audio-analyser/.codesandbox/workspace.json
rename to examples/simple-audio-analyser/.codesandbox/workspace.json
diff --git a/demos/simple-audio-analyser/.prettierrc b/examples/simple-audio-analyser/.prettierrc
similarity index 100%
rename from demos/simple-audio-analyser/.prettierrc
rename to examples/simple-audio-analyser/.prettierrc
diff --git a/examples/simple-audio-analyser/README.md b/examples/simple-audio-analyser/README.md
new file mode 100644
index 00000000..0ca9c930
--- /dev/null
+++ b/examples/simple-audio-analyser/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/simple-audio-analyser)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/simple-audio-analyser)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/simple-audio-analyser)
+
+```sh
+$ npx degit pmndrs/examples/examples/simple-audio-analyser
+```
+
+![](thumbnail.webp)
diff --git a/demos/simple-audio-analyser/index.html b/examples/simple-audio-analyser/index.html
similarity index 100%
rename from demos/simple-audio-analyser/index.html
rename to examples/simple-audio-analyser/index.html
diff --git a/demos/simple-audio-analyser/package.json b/examples/simple-audio-analyser/package.json
similarity index 85%
rename from demos/simple-audio-analyser/package.json
rename to examples/simple-audio-analyser/package.json
index 94a8eeac..49bd0e61 100644
--- a/demos/simple-audio-analyser/package.json
+++ b/examples/simple-audio-analyser/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/simple-audio-analyser",
+  "name": "@example/simple-audio-analyser",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/simple-audio-analyser"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/simple-audio-analyser"
   }
 }
diff --git a/demos/simple-audio-analyser/pmndrs.json b/examples/simple-audio-analyser/pmndrs.json
similarity index 100%
rename from demos/simple-audio-analyser/pmndrs.json
rename to examples/simple-audio-analyser/pmndrs.json
diff --git a/demos/simple-audio-analyser/public/vite.svg b/examples/simple-audio-analyser/public/vite.svg
similarity index 100%
rename from demos/simple-audio-analyser/public/vite.svg
rename to examples/simple-audio-analyser/public/vite.svg
diff --git a/demos/simple-audio-analyser/sandbox.config.json b/examples/simple-audio-analyser/sandbox.config.json
similarity index 100%
rename from demos/simple-audio-analyser/sandbox.config.json
rename to examples/simple-audio-analyser/sandbox.config.json
diff --git a/demos/simple-audio-analyser/src/App.jsx b/examples/simple-audio-analyser/src/App.jsx
similarity index 97%
rename from demos/simple-audio-analyser/src/App.jsx
rename to examples/simple-audio-analyser/src/App.jsx
index 8231de41..2f5cbd4f 100755
--- a/demos/simple-audio-analyser/src/App.jsx
+++ b/examples/simple-audio-analyser/src/App.jsx
@@ -77,7 +77,7 @@ async function createAudio(url) {
   source.buffer = await new Promise((res) => context.decodeAudioData(buffer, res))
   source.loop = true
   // This is why it doesn't run in Safari 🍏🐛. Start has to be called in an onClick event
-  // which makes it too awkward for a little demo since you need to load the async data first
+  // which makes it too awkward for a little example since you need to load the async data first
   source.start(0)
   // Create gain node and an analyser
   const gain = context.createGain()
diff --git a/demos/simple-audio-analyser/src/drums.mp3 b/examples/simple-audio-analyser/src/drums.mp3
similarity index 100%
rename from demos/simple-audio-analyser/src/drums.mp3
rename to examples/simple-audio-analyser/src/drums.mp3
diff --git a/demos/simple-audio-analyser/src/index.jsx b/examples/simple-audio-analyser/src/index.jsx
similarity index 100%
rename from demos/simple-audio-analyser/src/index.jsx
rename to examples/simple-audio-analyser/src/index.jsx
diff --git a/demos/simple-audio-analyser/src/snare.mp3 b/examples/simple-audio-analyser/src/snare.mp3
similarity index 100%
rename from demos/simple-audio-analyser/src/snare.mp3
rename to examples/simple-audio-analyser/src/snare.mp3
diff --git a/demos/simple-audio-analyser/src/styles.css b/examples/simple-audio-analyser/src/styles.css
similarity index 100%
rename from demos/simple-audio-analyser/src/styles.css
rename to examples/simple-audio-analyser/src/styles.css
diff --git a/demos/simple-audio-analyser/src/synth.mp3 b/examples/simple-audio-analyser/src/synth.mp3
similarity index 100%
rename from demos/simple-audio-analyser/src/synth.mp3
rename to examples/simple-audio-analyser/src/synth.mp3
diff --git a/demos/simple-audio-analyser/src/vite-env.d.ts b/examples/simple-audio-analyser/src/vite-env.d.ts
similarity index 100%
rename from demos/simple-audio-analyser/src/vite-env.d.ts
rename to examples/simple-audio-analyser/src/vite-env.d.ts
diff --git a/demos/simple-audio-analyser/thumbnail.webp b/examples/simple-audio-analyser/thumbnail.webp
similarity index 100%
rename from demos/simple-audio-analyser/thumbnail.webp
rename to examples/simple-audio-analyser/thumbnail.webp
diff --git a/demos/simple-audio-analyser/tsconfig.json b/examples/simple-audio-analyser/tsconfig.json
similarity index 100%
rename from demos/simple-audio-analyser/tsconfig.json
rename to examples/simple-audio-analyser/tsconfig.json
diff --git a/demos/simple-audio-analyser/tsconfig.node.json b/examples/simple-audio-analyser/tsconfig.node.json
similarity index 100%
rename from demos/simple-audio-analyser/tsconfig.node.json
rename to examples/simple-audio-analyser/tsconfig.node.json
diff --git a/demos/simple-audio-analyser/vite.config.ts b/examples/simple-audio-analyser/vite.config.ts
similarity index 100%
rename from demos/simple-audio-analyser/vite.config.ts
rename to examples/simple-audio-analyser/vite.config.ts
diff --git a/demos/simple-physics-demo-with-debug-bounds/.prettierrc b/examples/simple-physics-example-with-debug-bounds/.prettierrc
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/.prettierrc
rename to examples/simple-physics-example-with-debug-bounds/.prettierrc
diff --git a/examples/simple-physics-example-with-debug-bounds/README.md b/examples/simple-physics-example-with-debug-bounds/README.md
new file mode 100644
index 00000000..ecee8998
--- /dev/null
+++ b/examples/simple-physics-example-with-debug-bounds/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/simple-physics-example-with-debug-bounds)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/simple-physics-example-with-debug-bounds)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/simple-physics-example-with-debug-bounds)
+
+```sh
+$ npx degit pmndrs/examples/examples/simple-physics-example-with-debug-bounds
+```
+
+![](thumbnail.webp)
diff --git a/demos/simple-physics-demo-with-debug-bounds/index.html b/examples/simple-physics-example-with-debug-bounds/index.html
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/index.html
rename to examples/simple-physics-example-with-debug-bounds/index.html
diff --git a/demos/simple-physics-demo-with-debug-bounds/package.json b/examples/simple-physics-example-with-debug-bounds/package.json
similarity index 81%
rename from demos/simple-physics-demo-with-debug-bounds/package.json
rename to examples/simple-physics-example-with-debug-bounds/package.json
index b2352814..16b17605 100644
--- a/demos/simple-physics-demo-with-debug-bounds/package.json
+++ b/examples/simple-physics-example-with-debug-bounds/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/simple-physics-demo-with-debug-bounds",
+  "name": "@example/simple-physics-example-with-debug-bounds",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/simple-physics-demo-with-debug-bounds"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/simple-physics-example-with-debug-bounds"
   }
 }
diff --git a/demos/simple-physics-demo-with-debug-bounds/pmndrs.json b/examples/simple-physics-example-with-debug-bounds/pmndrs.json
similarity index 85%
rename from demos/simple-physics-demo-with-debug-bounds/pmndrs.json
rename to examples/simple-physics-example-with-debug-bounds/pmndrs.json
index 1c679194..51f2a4bd 100644
--- a/demos/simple-physics-demo-with-debug-bounds/pmndrs.json
+++ b/examples/simple-physics-example-with-debug-bounds/pmndrs.json
@@ -1,6 +1,6 @@
 {
   "$schema": "../../schemas/pmndrs.schema.json",
-  "title": "Simple Physics Demo With Debug Bounds",
+  "title": "Simple Physics Example With Debug Bounds",
   "description": "A box dropping onto a plane using use-cannon / cannon-es.",
   "tags": [],
   "authors": ["Paul Henschel"],
diff --git a/demos/simple-physics-demo-with-debug-bounds/public/vite.svg b/examples/simple-physics-example-with-debug-bounds/public/vite.svg
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/public/vite.svg
rename to examples/simple-physics-example-with-debug-bounds/public/vite.svg
diff --git a/demos/simple-physics-demo-with-debug-bounds/src/App.jsx b/examples/simple-physics-example-with-debug-bounds/src/App.jsx
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/src/App.jsx
rename to examples/simple-physics-example-with-debug-bounds/src/App.jsx
diff --git a/demos/simple-physics-demo-with-debug-bounds/src/index.jsx b/examples/simple-physics-example-with-debug-bounds/src/index.jsx
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/src/index.jsx
rename to examples/simple-physics-example-with-debug-bounds/src/index.jsx
diff --git a/demos/simple-physics-demo-with-debug-bounds/src/styles.css b/examples/simple-physics-example-with-debug-bounds/src/styles.css
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/src/styles.css
rename to examples/simple-physics-example-with-debug-bounds/src/styles.css
diff --git a/demos/simple-physics-demo-with-debug-bounds/src/vite-env.d.ts b/examples/simple-physics-example-with-debug-bounds/src/vite-env.d.ts
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/src/vite-env.d.ts
rename to examples/simple-physics-example-with-debug-bounds/src/vite-env.d.ts
diff --git a/demos/simple-physics-demo-with-debug-bounds/thumbnail.webp b/examples/simple-physics-example-with-debug-bounds/thumbnail.webp
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/thumbnail.webp
rename to examples/simple-physics-example-with-debug-bounds/thumbnail.webp
diff --git a/demos/simple-physics-demo-with-debug-bounds/tsconfig.json b/examples/simple-physics-example-with-debug-bounds/tsconfig.json
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/tsconfig.json
rename to examples/simple-physics-example-with-debug-bounds/tsconfig.json
diff --git a/demos/simple-physics-demo-with-debug-bounds/tsconfig.node.json b/examples/simple-physics-example-with-debug-bounds/tsconfig.node.json
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/tsconfig.node.json
rename to examples/simple-physics-example-with-debug-bounds/tsconfig.node.json
diff --git a/demos/simple-physics-demo-with-debug-bounds/vite.config.ts b/examples/simple-physics-example-with-debug-bounds/vite.config.ts
similarity index 100%
rename from demos/simple-physics-demo-with-debug-bounds/vite.config.ts
rename to examples/simple-physics-example-with-debug-bounds/vite.config.ts
diff --git a/demos/simple-physics-demo/.prettierrc b/examples/simple-physics-example/.prettierrc
similarity index 100%
rename from demos/simple-physics-demo/.prettierrc
rename to examples/simple-physics-example/.prettierrc
diff --git a/examples/simple-physics-example/README.md b/examples/simple-physics-example/README.md
new file mode 100644
index 00000000..6b1fc92b
--- /dev/null
+++ b/examples/simple-physics-example/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/simple-physics-example)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/simple-physics-example)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/simple-physics-example)
+
+```sh
+$ npx degit pmndrs/examples/examples/simple-physics-example
+```
+
+![](thumbnail.webp)
diff --git a/demos/simple-physics-demo/index.html b/examples/simple-physics-example/index.html
similarity index 100%
rename from demos/simple-physics-demo/index.html
rename to examples/simple-physics-example/index.html
diff --git a/demos/simple-physics-demo/package.json b/examples/simple-physics-example/package.json
similarity index 85%
rename from demos/simple-physics-demo/package.json
rename to examples/simple-physics-example/package.json
index ec475668..cfe6ccf1 100644
--- a/demos/simple-physics-demo/package.json
+++ b/examples/simple-physics-example/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/simple-physics-demo",
+  "name": "@example/simple-physics-example",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/simple-physics-demo"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/simple-physics-example"
   }
 }
diff --git a/demos/simple-physics-demo/pmndrs.json b/examples/simple-physics-example/pmndrs.json
similarity index 90%
rename from demos/simple-physics-demo/pmndrs.json
rename to examples/simple-physics-example/pmndrs.json
index ca520e69..c060750d 100644
--- a/demos/simple-physics-demo/pmndrs.json
+++ b/examples/simple-physics-example/pmndrs.json
@@ -1,6 +1,6 @@
 {
   "$schema": "../../schemas/pmndrs.schema.json",
-  "title": "Simple Physics Demo",
+  "title": "Simple Physics Example",
   "description": "A box dropping onto a plane using use-cannon / cannon-es.",
   "tags": ["physics"],
   "authors": ["Paul Henschel"],
diff --git a/demos/simple-physics-demo/public/vite.svg b/examples/simple-physics-example/public/vite.svg
similarity index 100%
rename from demos/simple-physics-demo/public/vite.svg
rename to examples/simple-physics-example/public/vite.svg
diff --git a/demos/simple-physics-demo/src/App.jsx b/examples/simple-physics-example/src/App.jsx
similarity index 100%
rename from demos/simple-physics-demo/src/App.jsx
rename to examples/simple-physics-example/src/App.jsx
diff --git a/demos/simple-physics-demo/src/index.jsx b/examples/simple-physics-example/src/index.jsx
similarity index 100%
rename from demos/simple-physics-demo/src/index.jsx
rename to examples/simple-physics-example/src/index.jsx
diff --git a/demos/simple-physics-demo/src/styles.css b/examples/simple-physics-example/src/styles.css
similarity index 100%
rename from demos/simple-physics-demo/src/styles.css
rename to examples/simple-physics-example/src/styles.css
diff --git a/demos/simple-physics-demo/src/vite-env.d.ts b/examples/simple-physics-example/src/vite-env.d.ts
similarity index 100%
rename from demos/simple-physics-demo/src/vite-env.d.ts
rename to examples/simple-physics-example/src/vite-env.d.ts
diff --git a/demos/simple-physics-demo/thumbnail.webp b/examples/simple-physics-example/thumbnail.webp
similarity index 100%
rename from demos/simple-physics-demo/thumbnail.webp
rename to examples/simple-physics-example/thumbnail.webp
diff --git a/demos/simple-physics-demo/tsconfig.json b/examples/simple-physics-example/tsconfig.json
similarity index 100%
rename from demos/simple-physics-demo/tsconfig.json
rename to examples/simple-physics-example/tsconfig.json
diff --git a/demos/simple-physics-demo/tsconfig.node.json b/examples/simple-physics-example/tsconfig.node.json
similarity index 100%
rename from demos/simple-physics-demo/tsconfig.node.json
rename to examples/simple-physics-example/tsconfig.node.json
diff --git a/demos/simple-physics-demo/vite.config.ts b/examples/simple-physics-example/vite.config.ts
similarity index 100%
rename from demos/simple-physics-demo/vite.config.ts
rename to examples/simple-physics-example/vite.config.ts
diff --git a/demos/sky-dome-with-annotations/.prettierrc b/examples/sky-dome-with-annotations/.prettierrc
similarity index 100%
rename from demos/sky-dome-with-annotations/.prettierrc
rename to examples/sky-dome-with-annotations/.prettierrc
diff --git a/examples/sky-dome-with-annotations/README.md b/examples/sky-dome-with-annotations/README.md
new file mode 100644
index 00000000..4939b59e
--- /dev/null
+++ b/examples/sky-dome-with-annotations/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/sky-dome-with-annotations)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/sky-dome-with-annotations)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/sky-dome-with-annotations)
+
+```sh
+$ npx degit pmndrs/examples/examples/sky-dome-with-annotations
+```
+
+![](thumbnail.webp)
diff --git a/demos/sky-dome-with-annotations/index.html b/examples/sky-dome-with-annotations/index.html
similarity index 100%
rename from demos/sky-dome-with-annotations/index.html
rename to examples/sky-dome-with-annotations/index.html
diff --git a/demos/sky-dome-with-annotations/package.json b/examples/sky-dome-with-annotations/package.json
similarity index 84%
rename from demos/sky-dome-with-annotations/package.json
rename to examples/sky-dome-with-annotations/package.json
index 3418bc7c..19842e21 100644
--- a/demos/sky-dome-with-annotations/package.json
+++ b/examples/sky-dome-with-annotations/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/sky-dome-with-annotations",
+  "name": "@example/sky-dome-with-annotations",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/sky-dome-with-annotations"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/sky-dome-with-annotations"
   }
 }
diff --git a/demos/sky-dome-with-annotations/pmndrs.json b/examples/sky-dome-with-annotations/pmndrs.json
similarity index 100%
rename from demos/sky-dome-with-annotations/pmndrs.json
rename to examples/sky-dome-with-annotations/pmndrs.json
diff --git a/demos/sky-dome-with-annotations/public/vite.svg b/examples/sky-dome-with-annotations/public/vite.svg
similarity index 100%
rename from demos/sky-dome-with-annotations/public/vite.svg
rename to examples/sky-dome-with-annotations/public/vite.svg
diff --git a/demos/sky-dome-with-annotations/sandbox.config.json b/examples/sky-dome-with-annotations/sandbox.config.json
similarity index 100%
rename from demos/sky-dome-with-annotations/sandbox.config.json
rename to examples/sky-dome-with-annotations/sandbox.config.json
diff --git a/demos/sky-dome-with-annotations/src/2294472375_24a3b8ef46_o.jpg b/examples/sky-dome-with-annotations/src/2294472375_24a3b8ef46_o.jpg
similarity index 100%
rename from demos/sky-dome-with-annotations/src/2294472375_24a3b8ef46_o.jpg
rename to examples/sky-dome-with-annotations/src/2294472375_24a3b8ef46_o.jpg
diff --git a/demos/sky-dome-with-annotations/src/App.jsx b/examples/sky-dome-with-annotations/src/App.jsx
similarity index 100%
rename from demos/sky-dome-with-annotations/src/App.jsx
rename to examples/sky-dome-with-annotations/src/App.jsx
diff --git a/demos/sky-dome-with-annotations/src/Photosphere1.jpg b/examples/sky-dome-with-annotations/src/Photosphere1.jpg
similarity index 100%
rename from demos/sky-dome-with-annotations/src/Photosphere1.jpg
rename to examples/sky-dome-with-annotations/src/Photosphere1.jpg
diff --git a/demos/sky-dome-with-annotations/src/index.jsx b/examples/sky-dome-with-annotations/src/index.jsx
similarity index 100%
rename from demos/sky-dome-with-annotations/src/index.jsx
rename to examples/sky-dome-with-annotations/src/index.jsx
diff --git a/demos/sky-dome-with-annotations/src/styles.css b/examples/sky-dome-with-annotations/src/styles.css
similarity index 100%
rename from demos/sky-dome-with-annotations/src/styles.css
rename to examples/sky-dome-with-annotations/src/styles.css
diff --git a/demos/sky-dome-with-annotations/src/vite-env.d.ts b/examples/sky-dome-with-annotations/src/vite-env.d.ts
similarity index 100%
rename from demos/sky-dome-with-annotations/src/vite-env.d.ts
rename to examples/sky-dome-with-annotations/src/vite-env.d.ts
diff --git a/demos/sky-dome-with-annotations/thumbnail.webp b/examples/sky-dome-with-annotations/thumbnail.webp
similarity index 100%
rename from demos/sky-dome-with-annotations/thumbnail.webp
rename to examples/sky-dome-with-annotations/thumbnail.webp
diff --git a/demos/sky-dome-with-annotations/tsconfig.json b/examples/sky-dome-with-annotations/tsconfig.json
similarity index 100%
rename from demos/sky-dome-with-annotations/tsconfig.json
rename to examples/sky-dome-with-annotations/tsconfig.json
diff --git a/demos/sky-dome-with-annotations/tsconfig.node.json b/examples/sky-dome-with-annotations/tsconfig.node.json
similarity index 100%
rename from demos/sky-dome-with-annotations/tsconfig.node.json
rename to examples/sky-dome-with-annotations/tsconfig.node.json
diff --git a/demos/sky-dome-with-annotations/vite.config.ts b/examples/sky-dome-with-annotations/vite.config.ts
similarity index 100%
rename from demos/sky-dome-with-annotations/vite.config.ts
rename to examples/sky-dome-with-annotations/vite.config.ts
diff --git a/demos/soft-shadows/.prettierrc b/examples/soft-shadows/.prettierrc
similarity index 100%
rename from demos/soft-shadows/.prettierrc
rename to examples/soft-shadows/.prettierrc
diff --git a/examples/soft-shadows/README.md b/examples/soft-shadows/README.md
new file mode 100644
index 00000000..d2d002e0
--- /dev/null
+++ b/examples/soft-shadows/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/soft-shadows)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/soft-shadows)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/soft-shadows)
+
+```sh
+$ npx degit pmndrs/examples/examples/soft-shadows
+```
+
+![](thumbnail.webp)
diff --git a/demos/soft-shadows/index.html b/examples/soft-shadows/index.html
similarity index 100%
rename from demos/soft-shadows/index.html
rename to examples/soft-shadows/index.html
diff --git a/demos/soft-shadows/package.json b/examples/soft-shadows/package.json
similarity index 87%
rename from demos/soft-shadows/package.json
rename to examples/soft-shadows/package.json
index cce9d4c2..55133a05 100644
--- a/demos/soft-shadows/package.json
+++ b/examples/soft-shadows/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/soft-shadows",
+  "name": "@example/soft-shadows",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/soft-shadows"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/soft-shadows"
   }
 }
diff --git a/demos/soft-shadows/pmndrs.json b/examples/soft-shadows/pmndrs.json
similarity index 100%
rename from demos/soft-shadows/pmndrs.json
rename to examples/soft-shadows/pmndrs.json
diff --git a/demos/soft-shadows/public/vite.svg b/examples/soft-shadows/public/vite.svg
similarity index 100%
rename from demos/soft-shadows/public/vite.svg
rename to examples/soft-shadows/public/vite.svg
diff --git a/demos/soft-shadows/src/App.jsx b/examples/soft-shadows/src/App.jsx
similarity index 100%
rename from demos/soft-shadows/src/App.jsx
rename to examples/soft-shadows/src/App.jsx
diff --git a/demos/soft-shadows/src/index.jsx b/examples/soft-shadows/src/index.jsx
similarity index 100%
rename from demos/soft-shadows/src/index.jsx
rename to examples/soft-shadows/src/index.jsx
diff --git a/demos/soft-shadows/src/styles.css b/examples/soft-shadows/src/styles.css
similarity index 100%
rename from demos/soft-shadows/src/styles.css
rename to examples/soft-shadows/src/styles.css
diff --git a/demos/soft-shadows/src/vite-env.d.ts b/examples/soft-shadows/src/vite-env.d.ts
similarity index 100%
rename from demos/soft-shadows/src/vite-env.d.ts
rename to examples/soft-shadows/src/vite-env.d.ts
diff --git a/demos/soft-shadows/thumbnail.webp b/examples/soft-shadows/thumbnail.webp
similarity index 100%
rename from demos/soft-shadows/thumbnail.webp
rename to examples/soft-shadows/thumbnail.webp
diff --git a/demos/soft-shadows/tsconfig.json b/examples/soft-shadows/tsconfig.json
similarity index 100%
rename from demos/soft-shadows/tsconfig.json
rename to examples/soft-shadows/tsconfig.json
diff --git a/demos/soft-shadows/tsconfig.node.json b/examples/soft-shadows/tsconfig.node.json
similarity index 100%
rename from demos/soft-shadows/tsconfig.node.json
rename to examples/soft-shadows/tsconfig.node.json
diff --git a/demos/soft-shadows/vite.config.ts b/examples/soft-shadows/vite.config.ts
similarity index 100%
rename from demos/soft-shadows/vite.config.ts
rename to examples/soft-shadows/vite.config.ts
diff --git a/demos/space-game/.prettierrc b/examples/space-game/.prettierrc
similarity index 100%
rename from demos/space-game/.prettierrc
rename to examples/space-game/.prettierrc
diff --git a/examples/space-game/README.md b/examples/space-game/README.md
new file mode 100644
index 00000000..3d453586
--- /dev/null
+++ b/examples/space-game/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/space-game)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/space-game)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/space-game)
+
+```sh
+$ npx degit pmndrs/examples/examples/space-game
+```
+
+![](thumbnail.webp)
diff --git a/demos/space-game/index.html b/examples/space-game/index.html
similarity index 100%
rename from demos/space-game/index.html
rename to examples/space-game/index.html
diff --git a/demos/space-game/package.json b/examples/space-game/package.json
similarity index 88%
rename from demos/space-game/package.json
rename to examples/space-game/package.json
index a1bf8e34..4156e3fa 100644
--- a/demos/space-game/package.json
+++ b/examples/space-game/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/space-game",
+  "name": "@example/space-game",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -34,7 +34,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/space-game"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/space-game"
   },
   "type": "module"
 }
diff --git a/demos/space-game/pmndrs.json b/examples/space-game/pmndrs.json
similarity index 80%
rename from demos/space-game/pmndrs.json
rename to examples/space-game/pmndrs.json
index d20e5dc3..8ed98f8f 100644
--- a/demos/space-game/pmndrs.json
+++ b/examples/space-game/pmndrs.json
@@ -1,7 +1,7 @@
 {
   "$schema": "../../schemas/pmndrs.schema.json",
   "title": "Space Game",
-  "description": "A small demo that shows how to manage game entities.",
+  "description": "A small example that shows how to manage game entities.",
   "tags": ["physics", "game"],
   "authors": ["Paul Henschel"],
   "publishedAt": "2019-10-16",
diff --git a/demos/space-game/public/bold.blob b/examples/space-game/public/bold.blob
similarity index 100%
rename from demos/space-game/public/bold.blob
rename to examples/space-game/public/bold.blob
diff --git a/demos/space-game/public/vite.svg b/examples/space-game/public/vite.svg
similarity index 100%
rename from demos/space-game/public/vite.svg
rename to examples/space-game/public/vite.svg
diff --git a/demos/space-game/sandbox.config.json b/examples/space-game/sandbox.config.json
similarity index 100%
rename from demos/space-game/sandbox.config.json
rename to examples/space-game/sandbox.config.json
diff --git a/demos/space-game/src/3d/Effects.jsx b/examples/space-game/src/3d/Effects.jsx
similarity index 100%
rename from demos/space-game/src/3d/Effects.jsx
rename to examples/space-game/src/3d/Effects.jsx
diff --git a/demos/space-game/src/3d/Enemies.jsx b/examples/space-game/src/3d/Enemies.jsx
similarity index 100%
rename from demos/space-game/src/3d/Enemies.jsx
rename to examples/space-game/src/3d/Enemies.jsx
diff --git a/demos/space-game/src/3d/Explosions.jsx b/examples/space-game/src/3d/Explosions.jsx
similarity index 100%
rename from demos/space-game/src/3d/Explosions.jsx
rename to examples/space-game/src/3d/Explosions.jsx
diff --git a/demos/space-game/src/3d/Particles.jsx b/examples/space-game/src/3d/Particles.jsx
similarity index 100%
rename from demos/space-game/src/3d/Particles.jsx
rename to examples/space-game/src/3d/Particles.jsx
diff --git a/demos/space-game/src/3d/Planets.jsx b/examples/space-game/src/3d/Planets.jsx
similarity index 100%
rename from demos/space-game/src/3d/Planets.jsx
rename to examples/space-game/src/3d/Planets.jsx
diff --git a/demos/space-game/src/3d/Rig.jsx b/examples/space-game/src/3d/Rig.jsx
similarity index 100%
rename from demos/space-game/src/3d/Rig.jsx
rename to examples/space-game/src/3d/Rig.jsx
diff --git a/demos/space-game/src/3d/Rings.jsx b/examples/space-game/src/3d/Rings.jsx
similarity index 100%
rename from demos/space-game/src/3d/Rings.jsx
rename to examples/space-game/src/3d/Rings.jsx
diff --git a/demos/space-game/src/3d/Rocks.jsx b/examples/space-game/src/3d/Rocks.jsx
similarity index 100%
rename from demos/space-game/src/3d/Rocks.jsx
rename to examples/space-game/src/3d/Rocks.jsx
diff --git a/demos/space-game/src/3d/Ship.jsx b/examples/space-game/src/3d/Ship.jsx
similarity index 100%
rename from demos/space-game/src/3d/Ship.jsx
rename to examples/space-game/src/3d/Ship.jsx
diff --git a/demos/space-game/src/3d/Stars.jsx b/examples/space-game/src/3d/Stars.jsx
similarity index 100%
rename from demos/space-game/src/3d/Stars.jsx
rename to examples/space-game/src/3d/Stars.jsx
diff --git a/demos/space-game/src/3d/Track.jsx b/examples/space-game/src/3d/Track.jsx
similarity index 100%
rename from demos/space-game/src/3d/Track.jsx
rename to examples/space-game/src/3d/Track.jsx
diff --git a/demos/space-game/src/3d/rock.gltf b/examples/space-game/src/3d/rock.gltf
similarity index 100%
rename from demos/space-game/src/3d/rock.gltf
rename to examples/space-game/src/3d/rock.gltf
diff --git a/demos/space-game/src/3d/ship.gltf b/examples/space-game/src/3d/ship.gltf
similarity index 100%
rename from demos/space-game/src/3d/ship.gltf
rename to examples/space-game/src/3d/ship.gltf
diff --git a/demos/space-game/src/3d/spacedrone.gltf b/examples/space-game/src/3d/spacedrone.gltf
similarity index 100%
rename from demos/space-game/src/3d/spacedrone.gltf
rename to examples/space-game/src/3d/spacedrone.gltf
diff --git a/demos/space-game/src/App.jsx b/examples/space-game/src/App.jsx
similarity index 100%
rename from demos/space-game/src/App.jsx
rename to examples/space-game/src/App.jsx
diff --git a/demos/space-game/src/Hud.jsx b/examples/space-game/src/Hud.jsx
similarity index 100%
rename from demos/space-game/src/Hud.jsx
rename to examples/space-game/src/Hud.jsx
diff --git a/demos/space-game/src/audio/bg.mp3 b/examples/space-game/src/audio/bg.mp3
similarity index 100%
rename from demos/space-game/src/audio/bg.mp3
rename to examples/space-game/src/audio/bg.mp3
diff --git a/demos/space-game/src/audio/click.mp3 b/examples/space-game/src/audio/click.mp3
similarity index 100%
rename from demos/space-game/src/audio/click.mp3
rename to examples/space-game/src/audio/click.mp3
diff --git a/demos/space-game/src/audio/engine.mp3 b/examples/space-game/src/audio/engine.mp3
similarity index 100%
rename from demos/space-game/src/audio/engine.mp3
rename to examples/space-game/src/audio/engine.mp3
diff --git a/demos/space-game/src/audio/engine2.mp3 b/examples/space-game/src/audio/engine2.mp3
similarity index 100%
rename from demos/space-game/src/audio/engine2.mp3
rename to examples/space-game/src/audio/engine2.mp3
diff --git a/demos/space-game/src/audio/explosion.mp3 b/examples/space-game/src/audio/explosion.mp3
similarity index 100%
rename from demos/space-game/src/audio/explosion.mp3
rename to examples/space-game/src/audio/explosion.mp3
diff --git a/demos/space-game/src/audio/index.js b/examples/space-game/src/audio/index.js
similarity index 100%
rename from demos/space-game/src/audio/index.js
rename to examples/space-game/src/audio/index.js
diff --git a/demos/space-game/src/audio/laser.mp3 b/examples/space-game/src/audio/laser.mp3
similarity index 100%
rename from demos/space-game/src/audio/laser.mp3
rename to examples/space-game/src/audio/laser.mp3
diff --git a/demos/space-game/src/audio/warp.mp3 b/examples/space-game/src/audio/warp.mp3
similarity index 100%
rename from demos/space-game/src/audio/warp.mp3
rename to examples/space-game/src/audio/warp.mp3
diff --git a/demos/space-game/src/images/earth.jpg b/examples/space-game/src/images/earth.jpg
similarity index 100%
rename from demos/space-game/src/images/earth.jpg
rename to examples/space-game/src/images/earth.jpg
diff --git a/demos/space-game/src/images/moon.png b/examples/space-game/src/images/moon.png
similarity index 100%
rename from demos/space-game/src/images/moon.png
rename to examples/space-game/src/images/moon.png
diff --git a/demos/space-game/src/index.jsx b/examples/space-game/src/index.jsx
similarity index 100%
rename from demos/space-game/src/index.jsx
rename to examples/space-game/src/index.jsx
diff --git a/demos/space-game/src/store.js b/examples/space-game/src/store.js
similarity index 100%
rename from demos/space-game/src/store.js
rename to examples/space-game/src/store.js
diff --git a/demos/space-game/src/styles.css b/examples/space-game/src/styles.css
similarity index 100%
rename from demos/space-game/src/styles.css
rename to examples/space-game/src/styles.css
diff --git a/demos/space-game/src/vite-env.d.ts b/examples/space-game/src/vite-env.d.ts
similarity index 100%
rename from demos/space-game/src/vite-env.d.ts
rename to examples/space-game/src/vite-env.d.ts
diff --git a/demos/space-game/thumbnail.webp b/examples/space-game/thumbnail.webp
similarity index 100%
rename from demos/space-game/thumbnail.webp
rename to examples/space-game/thumbnail.webp
diff --git a/demos/space-game/tsconfig.json b/examples/space-game/tsconfig.json
similarity index 100%
rename from demos/space-game/tsconfig.json
rename to examples/space-game/tsconfig.json
diff --git a/demos/space-game/tsconfig.node.json b/examples/space-game/tsconfig.node.json
similarity index 100%
rename from demos/space-game/tsconfig.node.json
rename to examples/space-game/tsconfig.node.json
diff --git a/demos/space-game/vite.config.ts b/examples/space-game/vite.config.ts
similarity index 100%
rename from demos/space-game/vite.config.ts
rename to examples/space-game/vite.config.ts
diff --git a/demos/sparks-and-effects/.prettierrc b/examples/sparks-and-effects/.prettierrc
similarity index 100%
rename from demos/sparks-and-effects/.prettierrc
rename to examples/sparks-and-effects/.prettierrc
diff --git a/examples/sparks-and-effects/README.md b/examples/sparks-and-effects/README.md
new file mode 100644
index 00000000..2c84f109
--- /dev/null
+++ b/examples/sparks-and-effects/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/sparks-and-effects)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/sparks-and-effects)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/sparks-and-effects)
+
+```sh
+$ npx degit pmndrs/examples/examples/sparks-and-effects
+```
+
+![](thumbnail.webp)
diff --git a/demos/sparks-and-effects/index.html b/examples/sparks-and-effects/index.html
similarity index 100%
rename from demos/sparks-and-effects/index.html
rename to examples/sparks-and-effects/index.html
diff --git a/demos/sparks-and-effects/package.json b/examples/sparks-and-effects/package.json
similarity index 86%
rename from demos/sparks-and-effects/package.json
rename to examples/sparks-and-effects/package.json
index 2fbcd71e..56af4ef0 100644
--- a/demos/sparks-and-effects/package.json
+++ b/examples/sparks-and-effects/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/sparks-and-effects",
+  "name": "@example/sparks-and-effects",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -33,7 +33,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/sparks-and-effects"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/sparks-and-effects"
   },
   "type": "module"
 }
diff --git a/demos/sparks-and-effects/pmndrs.json b/examples/sparks-and-effects/pmndrs.json
similarity index 100%
rename from demos/sparks-and-effects/pmndrs.json
rename to examples/sparks-and-effects/pmndrs.json
diff --git a/demos/sparks-and-effects/public/cursor.png b/examples/sparks-and-effects/public/cursor.png
similarity index 100%
rename from demos/sparks-and-effects/public/cursor.png
rename to examples/sparks-and-effects/public/cursor.png
diff --git a/demos/sparks-and-effects/public/vite.svg b/examples/sparks-and-effects/public/vite.svg
similarity index 100%
rename from demos/sparks-and-effects/public/vite.svg
rename to examples/sparks-and-effects/public/vite.svg
diff --git a/demos/sparks-and-effects/sandbox.config.json b/examples/sparks-and-effects/sandbox.config.json
similarity index 100%
rename from demos/sparks-and-effects/sandbox.config.json
rename to examples/sparks-and-effects/sandbox.config.json
diff --git a/demos/sparks-and-effects/src/App.jsx b/examples/sparks-and-effects/src/App.jsx
similarity index 100%
rename from demos/sparks-and-effects/src/App.jsx
rename to examples/sparks-and-effects/src/App.jsx
diff --git a/demos/sparks-and-effects/src/Effects.jsx b/examples/sparks-and-effects/src/Effects.jsx
similarity index 100%
rename from demos/sparks-and-effects/src/Effects.jsx
rename to examples/sparks-and-effects/src/Effects.jsx
diff --git a/demos/sparks-and-effects/src/Particles.jsx b/examples/sparks-and-effects/src/Particles.jsx
similarity index 100%
rename from demos/sparks-and-effects/src/Particles.jsx
rename to examples/sparks-and-effects/src/Particles.jsx
diff --git a/demos/sparks-and-effects/src/Sparks.jsx b/examples/sparks-and-effects/src/Sparks.jsx
similarity index 100%
rename from demos/sparks-and-effects/src/Sparks.jsx
rename to examples/sparks-and-effects/src/Sparks.jsx
diff --git a/demos/sparks-and-effects/src/Text.jsx b/examples/sparks-and-effects/src/Text.jsx
similarity index 100%
rename from demos/sparks-and-effects/src/Text.jsx
rename to examples/sparks-and-effects/src/Text.jsx
diff --git a/demos/sparks-and-effects/src/WaterEffect.js b/examples/sparks-and-effects/src/WaterEffect.js
similarity index 100%
rename from demos/sparks-and-effects/src/WaterEffect.js
rename to examples/sparks-and-effects/src/WaterEffect.js
diff --git a/demos/sparks-and-effects/src/bold.blob b/examples/sparks-and-effects/src/bold.blob
similarity index 100%
rename from demos/sparks-and-effects/src/bold.blob
rename to examples/sparks-and-effects/src/bold.blob
diff --git a/demos/sparks-and-effects/src/index.jsx b/examples/sparks-and-effects/src/index.jsx
similarity index 100%
rename from demos/sparks-and-effects/src/index.jsx
rename to examples/sparks-and-effects/src/index.jsx
diff --git a/demos/sparks-and-effects/src/styles.css b/examples/sparks-and-effects/src/styles.css
similarity index 100%
rename from demos/sparks-and-effects/src/styles.css
rename to examples/sparks-and-effects/src/styles.css
diff --git a/demos/sparks-and-effects/src/vite-env.d.ts b/examples/sparks-and-effects/src/vite-env.d.ts
similarity index 100%
rename from demos/sparks-and-effects/src/vite-env.d.ts
rename to examples/sparks-and-effects/src/vite-env.d.ts
diff --git a/demos/sparks-and-effects/thumbnail.webp b/examples/sparks-and-effects/thumbnail.webp
similarity index 100%
rename from demos/sparks-and-effects/thumbnail.webp
rename to examples/sparks-and-effects/thumbnail.webp
diff --git a/demos/sparks-and-effects/tsconfig.json b/examples/sparks-and-effects/tsconfig.json
similarity index 100%
rename from demos/sparks-and-effects/tsconfig.json
rename to examples/sparks-and-effects/tsconfig.json
diff --git a/demos/sparks-and-effects/tsconfig.node.json b/examples/sparks-and-effects/tsconfig.node.json
similarity index 100%
rename from demos/sparks-and-effects/tsconfig.node.json
rename to examples/sparks-and-effects/tsconfig.node.json
diff --git a/demos/sparks-and-effects/vite.config.ts b/examples/sparks-and-effects/vite.config.ts
similarity index 100%
rename from demos/sparks-and-effects/vite.config.ts
rename to examples/sparks-and-effects/vite.config.ts
diff --git a/demos/spline-glass-shapes/.prettierrc b/examples/spline-glass-shapes/.prettierrc
similarity index 100%
rename from demos/spline-glass-shapes/.prettierrc
rename to examples/spline-glass-shapes/.prettierrc
diff --git a/examples/spline-glass-shapes/README.md b/examples/spline-glass-shapes/README.md
new file mode 100644
index 00000000..a3917275
--- /dev/null
+++ b/examples/spline-glass-shapes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/spline-glass-shapes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/spline-glass-shapes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/spline-glass-shapes)
+
+```sh
+$ npx degit pmndrs/examples/examples/spline-glass-shapes
+```
+
+![](thumbnail.webp)
diff --git a/demos/spline-glass-shapes/index.html b/examples/spline-glass-shapes/index.html
similarity index 100%
rename from demos/spline-glass-shapes/index.html
rename to examples/spline-glass-shapes/index.html
diff --git a/demos/spline-glass-shapes/package.json b/examples/spline-glass-shapes/package.json
similarity index 87%
rename from demos/spline-glass-shapes/package.json
rename to examples/spline-glass-shapes/package.json
index 464dc9e0..037ad1e4 100644
--- a/demos/spline-glass-shapes/package.json
+++ b/examples/spline-glass-shapes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/spline-glass-shapes",
+  "name": "@example/spline-glass-shapes",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,7 +34,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/spline-glass-shapes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/spline-glass-shapes"
   },
   "type": "module"
 }
diff --git a/demos/spline-glass-shapes/pmndrs.json b/examples/spline-glass-shapes/pmndrs.json
similarity index 100%
rename from demos/spline-glass-shapes/pmndrs.json
rename to examples/spline-glass-shapes/pmndrs.json
diff --git a/demos/spline-glass-shapes/public/shapes.splinecode b/examples/spline-glass-shapes/public/shapes.splinecode
similarity index 100%
rename from demos/spline-glass-shapes/public/shapes.splinecode
rename to examples/spline-glass-shapes/public/shapes.splinecode
diff --git a/demos/spline-glass-shapes/public/vite.svg b/examples/spline-glass-shapes/public/vite.svg
similarity index 100%
rename from demos/spline-glass-shapes/public/vite.svg
rename to examples/spline-glass-shapes/public/vite.svg
diff --git a/demos/spline-glass-shapes/src/App.jsx b/examples/spline-glass-shapes/src/App.jsx
similarity index 100%
rename from demos/spline-glass-shapes/src/App.jsx
rename to examples/spline-glass-shapes/src/App.jsx
diff --git a/demos/spline-glass-shapes/src/index.jsx b/examples/spline-glass-shapes/src/index.jsx
similarity index 100%
rename from demos/spline-glass-shapes/src/index.jsx
rename to examples/spline-glass-shapes/src/index.jsx
diff --git a/demos/spline-glass-shapes/src/styles.css b/examples/spline-glass-shapes/src/styles.css
similarity index 100%
rename from demos/spline-glass-shapes/src/styles.css
rename to examples/spline-glass-shapes/src/styles.css
diff --git a/demos/spline-glass-shapes/src/vite-env.d.ts b/examples/spline-glass-shapes/src/vite-env.d.ts
similarity index 100%
rename from demos/spline-glass-shapes/src/vite-env.d.ts
rename to examples/spline-glass-shapes/src/vite-env.d.ts
diff --git a/demos/spline-glass-shapes/thumbnail.webp b/examples/spline-glass-shapes/thumbnail.webp
similarity index 100%
rename from demos/spline-glass-shapes/thumbnail.webp
rename to examples/spline-glass-shapes/thumbnail.webp
diff --git a/demos/spline-glass-shapes/tsconfig.json b/examples/spline-glass-shapes/tsconfig.json
similarity index 100%
rename from demos/spline-glass-shapes/tsconfig.json
rename to examples/spline-glass-shapes/tsconfig.json
diff --git a/demos/spline-glass-shapes/tsconfig.node.json b/examples/spline-glass-shapes/tsconfig.node.json
similarity index 100%
rename from demos/spline-glass-shapes/tsconfig.node.json
rename to examples/spline-glass-shapes/tsconfig.node.json
diff --git a/demos/spline-glass-shapes/vite.config.ts b/examples/spline-glass-shapes/vite.config.ts
similarity index 100%
rename from demos/spline-glass-shapes/vite.config.ts
rename to examples/spline-glass-shapes/vite.config.ts
diff --git a/demos/sport-hall/.prettierrc b/examples/sport-hall/.prettierrc
similarity index 100%
rename from demos/sport-hall/.prettierrc
rename to examples/sport-hall/.prettierrc
diff --git a/examples/sport-hall/README.md b/examples/sport-hall/README.md
new file mode 100644
index 00000000..907157ac
--- /dev/null
+++ b/examples/sport-hall/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/sport-hall)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/sport-hall)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/sport-hall)
+
+```sh
+$ npx degit pmndrs/examples/examples/sport-hall
+```
+
+![](thumbnail.webp)
diff --git a/demos/sport-hall/index.html b/examples/sport-hall/index.html
similarity index 100%
rename from demos/sport-hall/index.html
rename to examples/sport-hall/index.html
diff --git a/demos/stencil-mask/package.json b/examples/sport-hall/package.json
similarity index 87%
rename from demos/stencil-mask/package.json
rename to examples/sport-hall/package.json
index 7c6d4278..10ffd370 100644
--- a/demos/stencil-mask/package.json
+++ b/examples/sport-hall/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/stencil-mask",
+  "name": "@example/sport-hall",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/stencil-mask"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/sport-hall"
   }
 }
diff --git a/demos/sport-hall/pmndrs.json b/examples/sport-hall/pmndrs.json
similarity index 100%
rename from demos/sport-hall/pmndrs.json
rename to examples/sport-hall/pmndrs.json
diff --git a/demos/sport-hall/public/vite.svg b/examples/sport-hall/public/vite.svg
similarity index 100%
rename from demos/sport-hall/public/vite.svg
rename to examples/sport-hall/public/vite.svg
diff --git a/demos/sport-hall/src/App.jsx b/examples/sport-hall/src/App.jsx
similarity index 100%
rename from demos/sport-hall/src/App.jsx
rename to examples/sport-hall/src/App.jsx
diff --git a/demos/sport-hall/src/assets/noon_grass_1k.hdr b/examples/sport-hall/src/assets/noon_grass_1k.hdr
similarity index 100%
rename from demos/sport-hall/src/assets/noon_grass_1k.hdr
rename to examples/sport-hall/src/assets/noon_grass_1k.hdr
diff --git a/demos/sport-hall/src/court.glb b/examples/sport-hall/src/court.glb
similarity index 100%
rename from demos/sport-hall/src/court.glb
rename to examples/sport-hall/src/court.glb
diff --git a/demos/sport-hall/src/index.jsx b/examples/sport-hall/src/index.jsx
similarity index 100%
rename from demos/sport-hall/src/index.jsx
rename to examples/sport-hall/src/index.jsx
diff --git a/demos/sport-hall/src/styles.css b/examples/sport-hall/src/styles.css
similarity index 100%
rename from demos/sport-hall/src/styles.css
rename to examples/sport-hall/src/styles.css
diff --git a/demos/sport-hall/src/vite-env.d.ts b/examples/sport-hall/src/vite-env.d.ts
similarity index 100%
rename from demos/sport-hall/src/vite-env.d.ts
rename to examples/sport-hall/src/vite-env.d.ts
diff --git a/demos/sport-hall/thumbnail.webp b/examples/sport-hall/thumbnail.webp
similarity index 100%
rename from demos/sport-hall/thumbnail.webp
rename to examples/sport-hall/thumbnail.webp
diff --git a/demos/sport-hall/tsconfig.json b/examples/sport-hall/tsconfig.json
similarity index 100%
rename from demos/sport-hall/tsconfig.json
rename to examples/sport-hall/tsconfig.json
diff --git a/demos/sport-hall/tsconfig.node.json b/examples/sport-hall/tsconfig.node.json
similarity index 100%
rename from demos/sport-hall/tsconfig.node.json
rename to examples/sport-hall/tsconfig.node.json
diff --git a/demos/sport-hall/vite.config.ts b/examples/sport-hall/vite.config.ts
similarity index 100%
rename from demos/sport-hall/vite.config.ts
rename to examples/sport-hall/vite.config.ts
diff --git a/demos/spotlight-shadows/.prettierrc b/examples/spotlight-shadows/.prettierrc
similarity index 100%
rename from demos/spotlight-shadows/.prettierrc
rename to examples/spotlight-shadows/.prettierrc
diff --git a/examples/spotlight-shadows/README.md b/examples/spotlight-shadows/README.md
new file mode 100644
index 00000000..99d1c68c
--- /dev/null
+++ b/examples/spotlight-shadows/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/spotlight-shadows)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/spotlight-shadows)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/spotlight-shadows)
+
+```sh
+$ npx degit pmndrs/examples/examples/spotlight-shadows
+```
+
+![](thumbnail.webp)
diff --git a/demos/spotlight-shadows/index.html b/examples/spotlight-shadows/index.html
similarity index 100%
rename from demos/spotlight-shadows/index.html
rename to examples/spotlight-shadows/index.html
diff --git a/examples/spotlight-shadows/package.json b/examples/spotlight-shadows/package.json
new file mode 100644
index 00000000..71667e1b
--- /dev/null
+++ b/examples/spotlight-shadows/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/spotlight-shadows",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/spotlight-shadows"
+  }
+}
diff --git a/demos/spotlight-shadows/pmndrs.json b/examples/spotlight-shadows/pmndrs.json
similarity index 100%
rename from demos/spotlight-shadows/pmndrs.json
rename to examples/spotlight-shadows/pmndrs.json
diff --git a/demos/spotlight-shadows/public/vite.svg b/examples/spotlight-shadows/public/vite.svg
similarity index 100%
rename from demos/spotlight-shadows/public/vite.svg
rename to examples/spotlight-shadows/public/vite.svg
diff --git a/demos/spotlight-shadows/src/App.jsx b/examples/spotlight-shadows/src/App.jsx
similarity index 100%
rename from demos/spotlight-shadows/src/App.jsx
rename to examples/spotlight-shadows/src/App.jsx
diff --git a/demos/spotlight-shadows/src/components/Lights.jsx b/examples/spotlight-shadows/src/components/Lights.jsx
similarity index 100%
rename from demos/spotlight-shadows/src/components/Lights.jsx
rename to examples/spotlight-shadows/src/components/Lights.jsx
diff --git a/demos/spotlight-shadows/src/index.jsx b/examples/spotlight-shadows/src/index.jsx
similarity index 100%
rename from demos/spotlight-shadows/src/index.jsx
rename to examples/spotlight-shadows/src/index.jsx
diff --git a/demos/spotlight-shadows/src/styles.css b/examples/spotlight-shadows/src/styles.css
similarity index 100%
rename from demos/spotlight-shadows/src/styles.css
rename to examples/spotlight-shadows/src/styles.css
diff --git a/demos/spotlight-shadows/src/textures/grassy_cobblestone_ao_2k.jpg b/examples/spotlight-shadows/src/textures/grassy_cobblestone_ao_2k.jpg
similarity index 100%
rename from demos/spotlight-shadows/src/textures/grassy_cobblestone_ao_2k.jpg
rename to examples/spotlight-shadows/src/textures/grassy_cobblestone_ao_2k.jpg
diff --git a/demos/spotlight-shadows/src/textures/grassy_cobblestone_diff_2k.jpg b/examples/spotlight-shadows/src/textures/grassy_cobblestone_diff_2k.jpg
similarity index 100%
rename from demos/spotlight-shadows/src/textures/grassy_cobblestone_diff_2k.jpg
rename to examples/spotlight-shadows/src/textures/grassy_cobblestone_diff_2k.jpg
diff --git a/demos/spotlight-shadows/src/textures/grassy_cobblestone_nor_gl_2k.jpg b/examples/spotlight-shadows/src/textures/grassy_cobblestone_nor_gl_2k.jpg
similarity index 100%
rename from demos/spotlight-shadows/src/textures/grassy_cobblestone_nor_gl_2k.jpg
rename to examples/spotlight-shadows/src/textures/grassy_cobblestone_nor_gl_2k.jpg
diff --git a/demos/spotlight-shadows/src/textures/grassy_cobblestone_rough_2k.jpg b/examples/spotlight-shadows/src/textures/grassy_cobblestone_rough_2k.jpg
similarity index 100%
rename from demos/spotlight-shadows/src/textures/grassy_cobblestone_rough_2k.jpg
rename to examples/spotlight-shadows/src/textures/grassy_cobblestone_rough_2k.jpg
diff --git a/demos/spotlight-shadows/src/textures/leaves.jpg b/examples/spotlight-shadows/src/textures/leaves.jpg
similarity index 100%
rename from demos/spotlight-shadows/src/textures/leaves.jpg
rename to examples/spotlight-shadows/src/textures/leaves.jpg
diff --git a/demos/spotlight-shadows/src/vite-env.d.ts b/examples/spotlight-shadows/src/vite-env.d.ts
similarity index 100%
rename from demos/spotlight-shadows/src/vite-env.d.ts
rename to examples/spotlight-shadows/src/vite-env.d.ts
diff --git a/demos/spotlight-shadows/thumbnail.webp b/examples/spotlight-shadows/thumbnail.webp
similarity index 100%
rename from demos/spotlight-shadows/thumbnail.webp
rename to examples/spotlight-shadows/thumbnail.webp
diff --git a/demos/spotlight-shadows/tsconfig.json b/examples/spotlight-shadows/tsconfig.json
similarity index 100%
rename from demos/spotlight-shadows/tsconfig.json
rename to examples/spotlight-shadows/tsconfig.json
diff --git a/demos/spotlight-shadows/tsconfig.node.json b/examples/spotlight-shadows/tsconfig.node.json
similarity index 100%
rename from demos/spotlight-shadows/tsconfig.node.json
rename to examples/spotlight-shadows/tsconfig.node.json
diff --git a/demos/spotlight-shadows/vite.config.ts b/examples/spotlight-shadows/vite.config.ts
similarity index 100%
rename from demos/spotlight-shadows/vite.config.ts
rename to examples/spotlight-shadows/vite.config.ts
diff --git a/demos/springy-boxes/.prettierrc b/examples/springy-boxes/.prettierrc
similarity index 100%
rename from demos/springy-boxes/.prettierrc
rename to examples/springy-boxes/.prettierrc
diff --git a/examples/springy-boxes/README.md b/examples/springy-boxes/README.md
new file mode 100644
index 00000000..086ec599
--- /dev/null
+++ b/examples/springy-boxes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/springy-boxes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/springy-boxes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/springy-boxes)
+
+```sh
+$ npx degit pmndrs/examples/examples/springy-boxes
+```
+
+![](thumbnail.webp)
diff --git a/demos/springy-boxes/index.html b/examples/springy-boxes/index.html
similarity index 100%
rename from demos/springy-boxes/index.html
rename to examples/springy-boxes/index.html
diff --git a/demos/springy-boxes/package.json b/examples/springy-boxes/package.json
similarity index 86%
rename from demos/springy-boxes/package.json
rename to examples/springy-boxes/package.json
index abdc95d4..843b6986 100644
--- a/demos/springy-boxes/package.json
+++ b/examples/springy-boxes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/springy-boxes",
+  "name": "@example/springy-boxes",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/springy-boxes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/springy-boxes"
   }
 }
diff --git a/demos/springy-boxes/pmndrs.json b/examples/springy-boxes/pmndrs.json
similarity index 100%
rename from demos/springy-boxes/pmndrs.json
rename to examples/springy-boxes/pmndrs.json
diff --git a/demos/springy-boxes/public/vite.svg b/examples/springy-boxes/public/vite.svg
similarity index 100%
rename from demos/springy-boxes/public/vite.svg
rename to examples/springy-boxes/public/vite.svg
diff --git a/demos/springy-boxes/src/index.jsx b/examples/springy-boxes/src/index.jsx
similarity index 100%
rename from demos/springy-boxes/src/index.jsx
rename to examples/springy-boxes/src/index.jsx
diff --git a/demos/springy-boxes/src/styles.css b/examples/springy-boxes/src/styles.css
similarity index 100%
rename from demos/springy-boxes/src/styles.css
rename to examples/springy-boxes/src/styles.css
diff --git a/demos/springy-boxes/src/vite-env.d.ts b/examples/springy-boxes/src/vite-env.d.ts
similarity index 100%
rename from demos/springy-boxes/src/vite-env.d.ts
rename to examples/springy-boxes/src/vite-env.d.ts
diff --git a/demos/springy-boxes/thumbnail.webp b/examples/springy-boxes/thumbnail.webp
similarity index 100%
rename from demos/springy-boxes/thumbnail.webp
rename to examples/springy-boxes/thumbnail.webp
diff --git a/demos/springy-boxes/tsconfig.json b/examples/springy-boxes/tsconfig.json
similarity index 100%
rename from demos/springy-boxes/tsconfig.json
rename to examples/springy-boxes/tsconfig.json
diff --git a/demos/springy-boxes/tsconfig.node.json b/examples/springy-boxes/tsconfig.node.json
similarity index 100%
rename from demos/springy-boxes/tsconfig.node.json
rename to examples/springy-boxes/tsconfig.node.json
diff --git a/demos/springy-boxes/vite.config.ts b/examples/springy-boxes/vite.config.ts
similarity index 100%
rename from demos/springy-boxes/vite.config.ts
rename to examples/springy-boxes/vite.config.ts
diff --git a/demos/ssgi-spheres-with-rapier-physics/.prettierrc b/examples/ssgi-spheres-with-rapier-physics/.prettierrc
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/.prettierrc
rename to examples/ssgi-spheres-with-rapier-physics/.prettierrc
diff --git a/examples/ssgi-spheres-with-rapier-physics/README.md b/examples/ssgi-spheres-with-rapier-physics/README.md
new file mode 100644
index 00000000..c1045021
--- /dev/null
+++ b/examples/ssgi-spheres-with-rapier-physics/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ssgi-spheres-with-rapier-physics)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/ssgi-spheres-with-rapier-physics)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/ssgi-spheres-with-rapier-physics)
+
+```sh
+$ npx degit pmndrs/examples/examples/ssgi-spheres-with-rapier-physics
+```
+
+![](thumbnail.webp)
diff --git a/demos/ssgi-spheres-with-rapier-physics/index.html b/examples/ssgi-spheres-with-rapier-physics/index.html
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/index.html
rename to examples/ssgi-spheres-with-rapier-physics/index.html
diff --git a/demos/ssgi-spheres-with-rapier-physics/package.json b/examples/ssgi-spheres-with-rapier-physics/package.json
similarity index 85%
rename from demos/ssgi-spheres-with-rapier-physics/package.json
rename to examples/ssgi-spheres-with-rapier-physics/package.json
index 29e15e7b..46653d49 100644
--- a/demos/ssgi-spheres-with-rapier-physics/package.json
+++ b/examples/ssgi-spheres-with-rapier-physics/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/ssgi-spheres-with-rapier-physics",
+  "name": "@example/ssgi-spheres-with-rapier-physics",
   "version": "1.0.0",
   "dependencies": {
     "@babel/runtime": "^7.25.0",
@@ -36,6 +36,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/ssgi-spheres-with-rapier-physics"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/ssgi-spheres-with-rapier-physics"
   }
 }
diff --git a/demos/ssgi-spheres-with-rapier-physics/pmndrs.json b/examples/ssgi-spheres-with-rapier-physics/pmndrs.json
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/pmndrs.json
rename to examples/ssgi-spheres-with-rapier-physics/pmndrs.json
diff --git a/demos/ssgi-spheres-with-rapier-physics/public/vite.svg b/examples/ssgi-spheres-with-rapier-physics/public/vite.svg
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/public/vite.svg
rename to examples/ssgi-spheres-with-rapier-physics/public/vite.svg
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/App.jsx b/examples/ssgi-spheres-with-rapier-physics/src/App.jsx
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/App.jsx
rename to examples/ssgi-spheres-with-rapier-physics/src/App.jsx
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/Effects.js b/examples/ssgi-spheres-with-rapier-physics/src/Effects.js
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/Effects.js
rename to examples/ssgi-spheres-with-rapier-physics/src/Effects.js
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/index.jsx b/examples/ssgi-spheres-with-rapier-physics/src/index.jsx
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/index.jsx
rename to examples/ssgi-spheres-with-rapier-physics/src/index.jsx
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/realism-effects/index.js b/examples/ssgi-spheres-with-rapier-physics/src/realism-effects/index.js
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/realism-effects/index.js
rename to examples/ssgi-spheres-with-rapier-physics/src/realism-effects/index.js
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/realism-effects/v2.js b/examples/ssgi-spheres-with-rapier-physics/src/realism-effects/v2.js
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/realism-effects/v2.js
rename to examples/ssgi-spheres-with-rapier-physics/src/realism-effects/v2.js
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/styles.css b/examples/ssgi-spheres-with-rapier-physics/src/styles.css
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/styles.css
rename to examples/ssgi-spheres-with-rapier-physics/src/styles.css
diff --git a/demos/ssgi-spheres-with-rapier-physics/src/vite-env.d.ts b/examples/ssgi-spheres-with-rapier-physics/src/vite-env.d.ts
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/src/vite-env.d.ts
rename to examples/ssgi-spheres-with-rapier-physics/src/vite-env.d.ts
diff --git a/demos/ssgi-spheres-with-rapier-physics/thumbnail.webp b/examples/ssgi-spheres-with-rapier-physics/thumbnail.webp
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/thumbnail.webp
rename to examples/ssgi-spheres-with-rapier-physics/thumbnail.webp
diff --git a/demos/ssgi-spheres-with-rapier-physics/tsconfig.json b/examples/ssgi-spheres-with-rapier-physics/tsconfig.json
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/tsconfig.json
rename to examples/ssgi-spheres-with-rapier-physics/tsconfig.json
diff --git a/demos/ssgi-spheres-with-rapier-physics/tsconfig.node.json b/examples/ssgi-spheres-with-rapier-physics/tsconfig.node.json
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/tsconfig.node.json
rename to examples/ssgi-spheres-with-rapier-physics/tsconfig.node.json
diff --git a/demos/ssgi-spheres-with-rapier-physics/vite.config.ts b/examples/ssgi-spheres-with-rapier-physics/vite.config.ts
similarity index 100%
rename from demos/ssgi-spheres-with-rapier-physics/vite.config.ts
rename to examples/ssgi-spheres-with-rapier-physics/vite.config.ts
diff --git a/demos/ssr-test/.prettierrc b/examples/ssr-test/.prettierrc
similarity index 100%
rename from demos/ssr-test/.prettierrc
rename to examples/ssr-test/.prettierrc
diff --git a/examples/ssr-test/README.md b/examples/ssr-test/README.md
new file mode 100644
index 00000000..a029df0c
--- /dev/null
+++ b/examples/ssr-test/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/ssr-test)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/ssr-test)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/ssr-test)
+
+```sh
+$ npx degit pmndrs/examples/examples/ssr-test
+```
+
+![](thumbnail.webp)
diff --git a/demos/ssr-test/index.html b/examples/ssr-test/index.html
similarity index 100%
rename from demos/ssr-test/index.html
rename to examples/ssr-test/index.html
diff --git a/demos/ssr-test/package.json b/examples/ssr-test/package.json
similarity index 88%
rename from demos/ssr-test/package.json
rename to examples/ssr-test/package.json
index bbe59235..84e1957e 100644
--- a/demos/ssr-test/package.json
+++ b/examples/ssr-test/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/ssr-test",
+  "name": "@example/ssr-test",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/ssr-test"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/ssr-test"
   }
 }
diff --git a/demos/ssr-test/pmndrs.json b/examples/ssr-test/pmndrs.json
similarity index 100%
rename from demos/ssr-test/pmndrs.json
rename to examples/ssr-test/pmndrs.json
diff --git a/demos/ssr-test/public/vite.svg b/examples/ssr-test/public/vite.svg
similarity index 100%
rename from demos/ssr-test/public/vite.svg
rename to examples/ssr-test/public/vite.svg
diff --git a/demos/ssr-test/sandbox.config.json b/examples/ssr-test/sandbox.config.json
similarity index 100%
rename from demos/ssr-test/sandbox.config.json
rename to examples/ssr-test/sandbox.config.json
diff --git a/demos/ssr-test/src/App.jsx b/examples/ssr-test/src/App.jsx
similarity index 100%
rename from demos/ssr-test/src/App.jsx
rename to examples/ssr-test/src/App.jsx
diff --git a/demos/ssr-test/src/Effects.jsx b/examples/ssr-test/src/Effects.jsx
similarity index 100%
rename from demos/ssr-test/src/Effects.jsx
rename to examples/ssr-test/src/Effects.jsx
diff --git a/demos/ssr-test/src/drei_r.mp4 b/examples/ssr-test/src/drei_r.mp4
similarity index 100%
rename from demos/ssr-test/src/drei_r.mp4
rename to examples/ssr-test/src/drei_r.mp4
diff --git a/demos/ssr-test/src/index.jsx b/examples/ssr-test/src/index.jsx
similarity index 100%
rename from demos/ssr-test/src/index.jsx
rename to examples/ssr-test/src/index.jsx
diff --git a/demos/ssr-test/src/styles.css b/examples/ssr-test/src/styles.css
similarity index 100%
rename from demos/ssr-test/src/styles.css
rename to examples/ssr-test/src/styles.css
diff --git a/demos/ssr-test/src/vite-env.d.ts b/examples/ssr-test/src/vite-env.d.ts
similarity index 100%
rename from demos/ssr-test/src/vite-env.d.ts
rename to examples/ssr-test/src/vite-env.d.ts
diff --git a/demos/ssr-test/thumbnail.webp b/examples/ssr-test/thumbnail.webp
similarity index 100%
rename from demos/ssr-test/thumbnail.webp
rename to examples/ssr-test/thumbnail.webp
diff --git a/demos/ssr-test/tsconfig.json b/examples/ssr-test/tsconfig.json
similarity index 100%
rename from demos/ssr-test/tsconfig.json
rename to examples/ssr-test/tsconfig.json
diff --git a/demos/ssr-test/tsconfig.node.json b/examples/ssr-test/tsconfig.node.json
similarity index 100%
rename from demos/ssr-test/tsconfig.node.json
rename to examples/ssr-test/tsconfig.node.json
diff --git a/demos/ssr-test/vite.config.ts b/examples/ssr-test/vite.config.ts
similarity index 100%
rename from demos/ssr-test/vite.config.ts
rename to examples/ssr-test/vite.config.ts
diff --git a/demos/stage-presets-gltfjsx/.prettierrc b/examples/stage-presets-gltfjsx/.prettierrc
similarity index 100%
rename from demos/stage-presets-gltfjsx/.prettierrc
rename to examples/stage-presets-gltfjsx/.prettierrc
diff --git a/examples/stage-presets-gltfjsx/README.md b/examples/stage-presets-gltfjsx/README.md
new file mode 100644
index 00000000..b49bc7ee
--- /dev/null
+++ b/examples/stage-presets-gltfjsx/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/stage-presets-gltfjsx)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/stage-presets-gltfjsx)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/stage-presets-gltfjsx)
+
+```sh
+$ npx degit pmndrs/examples/examples/stage-presets-gltfjsx
+```
+
+![](thumbnail.webp)
diff --git a/demos/stage-presets-gltfjsx/index.html b/examples/stage-presets-gltfjsx/index.html
similarity index 100%
rename from demos/stage-presets-gltfjsx/index.html
rename to examples/stage-presets-gltfjsx/index.html
diff --git a/demos/stage-presets-gltfjsx/package.json b/examples/stage-presets-gltfjsx/package.json
similarity index 86%
rename from demos/stage-presets-gltfjsx/package.json
rename to examples/stage-presets-gltfjsx/package.json
index d4a5d253..0070b34a 100644
--- a/demos/stage-presets-gltfjsx/package.json
+++ b/examples/stage-presets-gltfjsx/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/stage-presets-gltfjsx",
+  "name": "@example/stage-presets-gltfjsx",
   "version": "1.0.0",
   "dependencies": {
     "@babel/runtime": "^7.25.0",
@@ -36,6 +36,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/stage-presets-gltfjsx"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/stage-presets-gltfjsx"
   }
 }
diff --git a/demos/stage-presets-gltfjsx/pmndrs.json b/examples/stage-presets-gltfjsx/pmndrs.json
similarity index 100%
rename from demos/stage-presets-gltfjsx/pmndrs.json
rename to examples/stage-presets-gltfjsx/pmndrs.json
diff --git a/demos/stage-presets-gltfjsx/public/vite.svg b/examples/stage-presets-gltfjsx/public/vite.svg
similarity index 100%
rename from demos/stage-presets-gltfjsx/public/vite.svg
rename to examples/stage-presets-gltfjsx/public/vite.svg
diff --git a/demos/stage-presets-gltfjsx/src/App.jsx b/examples/stage-presets-gltfjsx/src/App.jsx
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/App.jsx
rename to examples/stage-presets-gltfjsx/src/App.jsx
diff --git a/demos/stage-presets-gltfjsx/src/Cobra.jsx b/examples/stage-presets-gltfjsx/src/Cobra.jsx
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/Cobra.jsx
rename to examples/stage-presets-gltfjsx/src/Cobra.jsx
diff --git a/demos/stage-presets-gltfjsx/src/Datsun.jsx b/examples/stage-presets-gltfjsx/src/Datsun.jsx
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/Datsun.jsx
rename to examples/stage-presets-gltfjsx/src/Datsun.jsx
diff --git a/demos/stage-presets-gltfjsx/src/Effects.js b/examples/stage-presets-gltfjsx/src/Effects.js
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/Effects.js
rename to examples/stage-presets-gltfjsx/src/Effects.js
diff --git a/demos/stage-presets-gltfjsx/src/cobra-transformed.glb b/examples/stage-presets-gltfjsx/src/cobra-transformed.glb
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/cobra-transformed.glb
rename to examples/stage-presets-gltfjsx/src/cobra-transformed.glb
diff --git a/demos/stage-presets-gltfjsx/src/datsun-transformed.glb b/examples/stage-presets-gltfjsx/src/datsun-transformed.glb
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/datsun-transformed.glb
rename to examples/stage-presets-gltfjsx/src/datsun-transformed.glb
diff --git a/demos/stage-presets-gltfjsx/src/index.jsx b/examples/stage-presets-gltfjsx/src/index.jsx
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/index.jsx
rename to examples/stage-presets-gltfjsx/src/index.jsx
diff --git a/demos/stage-presets-gltfjsx/src/realism-effects/gdata-in-float.js b/examples/stage-presets-gltfjsx/src/realism-effects/gdata-in-float.js
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/realism-effects/gdata-in-float.js
rename to examples/stage-presets-gltfjsx/src/realism-effects/gdata-in-float.js
diff --git a/demos/stage-presets-gltfjsx/src/realism-effects/index.js b/examples/stage-presets-gltfjsx/src/realism-effects/index.js
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/realism-effects/index.js
rename to examples/stage-presets-gltfjsx/src/realism-effects/index.js
diff --git a/demos/stage-presets-gltfjsx/src/realism-effects/index_1.js b/examples/stage-presets-gltfjsx/src/realism-effects/index_1.js
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/realism-effects/index_1.js
rename to examples/stage-presets-gltfjsx/src/realism-effects/index_1.js
diff --git a/demos/stage-presets-gltfjsx/src/realism-effects/v2.js b/examples/stage-presets-gltfjsx/src/realism-effects/v2.js
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/realism-effects/v2.js
rename to examples/stage-presets-gltfjsx/src/realism-effects/v2.js
diff --git a/demos/stage-presets-gltfjsx/src/styles.css b/examples/stage-presets-gltfjsx/src/styles.css
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/styles.css
rename to examples/stage-presets-gltfjsx/src/styles.css
diff --git a/demos/stage-presets-gltfjsx/src/vite-env.d.ts b/examples/stage-presets-gltfjsx/src/vite-env.d.ts
similarity index 100%
rename from demos/stage-presets-gltfjsx/src/vite-env.d.ts
rename to examples/stage-presets-gltfjsx/src/vite-env.d.ts
diff --git a/demos/stage-presets-gltfjsx/thumbnail.webp b/examples/stage-presets-gltfjsx/thumbnail.webp
similarity index 100%
rename from demos/stage-presets-gltfjsx/thumbnail.webp
rename to examples/stage-presets-gltfjsx/thumbnail.webp
diff --git a/demos/stage-presets-gltfjsx/tsconfig.json b/examples/stage-presets-gltfjsx/tsconfig.json
similarity index 100%
rename from demos/stage-presets-gltfjsx/tsconfig.json
rename to examples/stage-presets-gltfjsx/tsconfig.json
diff --git a/demos/stage-presets-gltfjsx/tsconfig.node.json b/examples/stage-presets-gltfjsx/tsconfig.node.json
similarity index 100%
rename from demos/stage-presets-gltfjsx/tsconfig.node.json
rename to examples/stage-presets-gltfjsx/tsconfig.node.json
diff --git a/demos/stage-presets-gltfjsx/vite.config.ts b/examples/stage-presets-gltfjsx/vite.config.ts
similarity index 100%
rename from demos/stage-presets-gltfjsx/vite.config.ts
rename to examples/stage-presets-gltfjsx/vite.config.ts
diff --git a/demos/staging-and-camerashake/.gitignore b/examples/staging-and-camerashake/.gitignore
similarity index 100%
rename from demos/staging-and-camerashake/.gitignore
rename to examples/staging-and-camerashake/.gitignore
diff --git a/demos/staging-and-camerashake/.prettierrc b/examples/staging-and-camerashake/.prettierrc
similarity index 100%
rename from demos/staging-and-camerashake/.prettierrc
rename to examples/staging-and-camerashake/.prettierrc
diff --git a/examples/staging-and-camerashake/README.md b/examples/staging-and-camerashake/README.md
new file mode 100644
index 00000000..c2b43b40
--- /dev/null
+++ b/examples/staging-and-camerashake/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/staging-and-camerashake)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/staging-and-camerashake)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/staging-and-camerashake)
+
+```sh
+$ npx degit pmndrs/examples/examples/staging-and-camerashake
+```
+
+![](thumbnail.webp)
diff --git a/demos/staging-and-camerashake/index.html b/examples/staging-and-camerashake/index.html
similarity index 100%
rename from demos/staging-and-camerashake/index.html
rename to examples/staging-and-camerashake/index.html
diff --git a/examples/staging-and-camerashake/package.json b/examples/staging-and-camerashake/package.json
new file mode 100644
index 00000000..b4c6ce9e
--- /dev/null
+++ b/examples/staging-and-camerashake/package.json
@@ -0,0 +1,37 @@
+{
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "name": "@example/staging-and-camerashake",
+  "version": "1.0.0",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/staging-and-camerashake"
+  }
+}
diff --git a/demos/staging-and-camerashake/pmndrs.json b/examples/staging-and-camerashake/pmndrs.json
similarity index 100%
rename from demos/staging-and-camerashake/pmndrs.json
rename to examples/staging-and-camerashake/pmndrs.json
diff --git a/demos/staging-and-camerashake/public/view.svg b/examples/staging-and-camerashake/public/view.svg
similarity index 100%
rename from demos/staging-and-camerashake/public/view.svg
rename to examples/staging-and-camerashake/public/view.svg
diff --git a/demos/staging-and-camerashake/public/vite.svg b/examples/staging-and-camerashake/public/vite.svg
similarity index 100%
rename from demos/staging-and-camerashake/public/vite.svg
rename to examples/staging-and-camerashake/public/vite.svg
diff --git a/demos/staging-and-camerashake/src/App.jsx b/examples/staging-and-camerashake/src/App.jsx
similarity index 100%
rename from demos/staging-and-camerashake/src/App.jsx
rename to examples/staging-and-camerashake/src/App.jsx
diff --git a/demos/staging-and-camerashake/src/index.jsx b/examples/staging-and-camerashake/src/index.jsx
similarity index 100%
rename from demos/staging-and-camerashake/src/index.jsx
rename to examples/staging-and-camerashake/src/index.jsx
diff --git a/demos/staging-and-camerashake/src/robot-draco.glb b/examples/staging-and-camerashake/src/robot-draco.glb
similarity index 100%
rename from demos/staging-and-camerashake/src/robot-draco.glb
rename to examples/staging-and-camerashake/src/robot-draco.glb
diff --git a/demos/staging-and-camerashake/src/style.css b/examples/staging-and-camerashake/src/style.css
similarity index 100%
rename from demos/staging-and-camerashake/src/style.css
rename to examples/staging-and-camerashake/src/style.css
diff --git a/demos/staging-and-camerashake/src/vite-env.d.ts b/examples/staging-and-camerashake/src/vite-env.d.ts
similarity index 100%
rename from demos/staging-and-camerashake/src/vite-env.d.ts
rename to examples/staging-and-camerashake/src/vite-env.d.ts
diff --git a/demos/staging-and-camerashake/thumbnail.webp b/examples/staging-and-camerashake/thumbnail.webp
similarity index 100%
rename from demos/staging-and-camerashake/thumbnail.webp
rename to examples/staging-and-camerashake/thumbnail.webp
diff --git a/demos/staging-and-camerashake/tsconfig.json b/examples/staging-and-camerashake/tsconfig.json
similarity index 100%
rename from demos/staging-and-camerashake/tsconfig.json
rename to examples/staging-and-camerashake/tsconfig.json
diff --git a/demos/staging-and-camerashake/tsconfig.node.json b/examples/staging-and-camerashake/tsconfig.node.json
similarity index 100%
rename from demos/staging-and-camerashake/tsconfig.node.json
rename to examples/staging-and-camerashake/tsconfig.node.json
diff --git a/demos/staging-and-camerashake/vite.config.ts b/examples/staging-and-camerashake/vite.config.ts
similarity index 100%
rename from demos/staging-and-camerashake/vite.config.ts
rename to examples/staging-and-camerashake/vite.config.ts
diff --git a/demos/starwars/.prettierrc b/examples/starwars/.prettierrc
similarity index 100%
rename from demos/starwars/.prettierrc
rename to examples/starwars/.prettierrc
diff --git a/examples/starwars/README.md b/examples/starwars/README.md
new file mode 100644
index 00000000..b93cbbad
--- /dev/null
+++ b/examples/starwars/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/starwars)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/starwars)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/starwars)
+
+```sh
+$ npx degit pmndrs/examples/examples/starwars
+```
+
+![](thumbnail.webp)
diff --git a/demos/starwars/index.html b/examples/starwars/index.html
similarity index 100%
rename from demos/starwars/index.html
rename to examples/starwars/index.html
diff --git a/demos/starwars/package.json b/examples/starwars/package.json
similarity index 88%
rename from demos/starwars/package.json
rename to examples/starwars/package.json
index ca5444b8..b2cb2c08 100644
--- a/demos/starwars/package.json
+++ b/examples/starwars/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/starwars",
+  "name": "@example/starwars",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/starwars"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/starwars"
   }
 }
diff --git a/demos/starwars/pmndrs.json b/examples/starwars/pmndrs.json
similarity index 100%
rename from demos/starwars/pmndrs.json
rename to examples/starwars/pmndrs.json
diff --git a/demos/starwars/public/vite.svg b/examples/starwars/public/vite.svg
similarity index 100%
rename from demos/starwars/public/vite.svg
rename to examples/starwars/public/vite.svg
diff --git a/demos/starwars/src/App.jsx b/examples/starwars/src/App.jsx
similarity index 100%
rename from demos/starwars/src/App.jsx
rename to examples/starwars/src/App.jsx
diff --git a/demos/starwars/src/Effects.jsx b/examples/starwars/src/Effects.jsx
similarity index 100%
rename from demos/starwars/src/Effects.jsx
rename to examples/starwars/src/Effects.jsx
diff --git a/demos/starwars/src/F-6800-STD.cube b/examples/starwars/src/F-6800-STD.cube
similarity index 100%
rename from demos/starwars/src/F-6800-STD.cube
rename to examples/starwars/src/F-6800-STD.cube
diff --git a/demos/starwars/src/darth-transformed.glb b/examples/starwars/src/darth-transformed.glb
similarity index 100%
rename from demos/starwars/src/darth-transformed.glb
rename to examples/starwars/src/darth-transformed.glb
diff --git a/demos/starwars/src/hall-transformed.glb b/examples/starwars/src/hall-transformed.glb
similarity index 100%
rename from demos/starwars/src/hall-transformed.glb
rename to examples/starwars/src/hall-transformed.glb
diff --git a/demos/starwars/src/index.jsx b/examples/starwars/src/index.jsx
similarity index 100%
rename from demos/starwars/src/index.jsx
rename to examples/starwars/src/index.jsx
diff --git a/demos/starwars/src/probe-transformed.glb b/examples/starwars/src/probe-transformed.glb
similarity index 100%
rename from demos/starwars/src/probe-transformed.glb
rename to examples/starwars/src/probe-transformed.glb
diff --git a/demos/starwars/src/styles.css b/examples/starwars/src/styles.css
similarity index 100%
rename from demos/starwars/src/styles.css
rename to examples/starwars/src/styles.css
diff --git a/demos/starwars/src/vite-env.d.ts b/examples/starwars/src/vite-env.d.ts
similarity index 100%
rename from demos/starwars/src/vite-env.d.ts
rename to examples/starwars/src/vite-env.d.ts
diff --git a/demos/starwars/thumbnail.webp b/examples/starwars/thumbnail.webp
similarity index 100%
rename from demos/starwars/thumbnail.webp
rename to examples/starwars/thumbnail.webp
diff --git a/demos/starwars/tsconfig.json b/examples/starwars/tsconfig.json
similarity index 100%
rename from demos/starwars/tsconfig.json
rename to examples/starwars/tsconfig.json
diff --git a/demos/starwars/tsconfig.node.json b/examples/starwars/tsconfig.node.json
similarity index 100%
rename from demos/starwars/tsconfig.node.json
rename to examples/starwars/tsconfig.node.json
diff --git a/demos/starwars/vite.config.ts b/examples/starwars/vite.config.ts
similarity index 100%
rename from demos/starwars/vite.config.ts
rename to examples/starwars/vite.config.ts
diff --git a/demos/stencil-mask/.prettierrc b/examples/stencil-mask/.prettierrc
similarity index 100%
rename from demos/stencil-mask/.prettierrc
rename to examples/stencil-mask/.prettierrc
diff --git a/examples/stencil-mask/README.md b/examples/stencil-mask/README.md
new file mode 100644
index 00000000..b2bccac3
--- /dev/null
+++ b/examples/stencil-mask/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/stencil-mask)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/stencil-mask)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/stencil-mask)
+
+```sh
+$ npx degit pmndrs/examples/examples/stencil-mask
+```
+
+![](thumbnail.webp)
diff --git a/demos/stencil-mask/index.html b/examples/stencil-mask/index.html
similarity index 100%
rename from demos/stencil-mask/index.html
rename to examples/stencil-mask/index.html
diff --git a/demos/sport-hall/package.json b/examples/stencil-mask/package.json
similarity index 87%
rename from demos/sport-hall/package.json
rename to examples/stencil-mask/package.json
index 83748722..1add8ff9 100644
--- a/demos/sport-hall/package.json
+++ b/examples/stencil-mask/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/sport-hall",
+  "name": "@example/stencil-mask",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/sport-hall"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/stencil-mask"
   }
 }
diff --git a/demos/stencil-mask/pmndrs.json b/examples/stencil-mask/pmndrs.json
similarity index 100%
rename from demos/stencil-mask/pmndrs.json
rename to examples/stencil-mask/pmndrs.json
diff --git a/demos/stencil-mask/public/Car.glb b/examples/stencil-mask/public/Car.glb
similarity index 100%
rename from demos/stencil-mask/public/Car.glb
rename to examples/stencil-mask/public/Car.glb
diff --git a/demos/stencil-mask/public/vite.svg b/examples/stencil-mask/public/vite.svg
similarity index 100%
rename from demos/stencil-mask/public/vite.svg
rename to examples/stencil-mask/public/vite.svg
diff --git a/demos/stencil-mask/src/App.jsx b/examples/stencil-mask/src/App.jsx
similarity index 100%
rename from demos/stencil-mask/src/App.jsx
rename to examples/stencil-mask/src/App.jsx
diff --git a/demos/stencil-mask/src/assets/target-stand.gltf b/examples/stencil-mask/src/assets/target-stand.gltf
similarity index 100%
rename from demos/stencil-mask/src/assets/target-stand.gltf
rename to examples/stencil-mask/src/assets/target-stand.gltf
diff --git a/demos/stencil-mask/src/index.jsx b/examples/stencil-mask/src/index.jsx
similarity index 100%
rename from demos/stencil-mask/src/index.jsx
rename to examples/stencil-mask/src/index.jsx
diff --git a/demos/stencil-mask/src/styles.css b/examples/stencil-mask/src/styles.css
similarity index 100%
rename from demos/stencil-mask/src/styles.css
rename to examples/stencil-mask/src/styles.css
diff --git a/demos/stencil-mask/src/vite-env.d.ts b/examples/stencil-mask/src/vite-env.d.ts
similarity index 100%
rename from demos/stencil-mask/src/vite-env.d.ts
rename to examples/stencil-mask/src/vite-env.d.ts
diff --git a/demos/stencil-mask/thumbnail.webp b/examples/stencil-mask/thumbnail.webp
similarity index 100%
rename from demos/stencil-mask/thumbnail.webp
rename to examples/stencil-mask/thumbnail.webp
diff --git a/demos/stencil-mask/tsconfig.json b/examples/stencil-mask/tsconfig.json
similarity index 100%
rename from demos/stencil-mask/tsconfig.json
rename to examples/stencil-mask/tsconfig.json
diff --git a/demos/stencil-mask/tsconfig.node.json b/examples/stencil-mask/tsconfig.node.json
similarity index 100%
rename from demos/stencil-mask/tsconfig.node.json
rename to examples/stencil-mask/tsconfig.node.json
diff --git a/demos/stencil-mask/vite.config.ts b/examples/stencil-mask/vite.config.ts
similarity index 100%
rename from demos/stencil-mask/vite.config.ts
rename to examples/stencil-mask/vite.config.ts
diff --git a/demos/svg-maps-with-html-annotations/.prettierrc b/examples/svg-maps-with-html-annotations/.prettierrc
similarity index 100%
rename from demos/svg-maps-with-html-annotations/.prettierrc
rename to examples/svg-maps-with-html-annotations/.prettierrc
diff --git a/examples/svg-maps-with-html-annotations/README.md b/examples/svg-maps-with-html-annotations/README.md
new file mode 100644
index 00000000..db6114f4
--- /dev/null
+++ b/examples/svg-maps-with-html-annotations/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/svg-maps-with-html-annotations)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/svg-maps-with-html-annotations)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/svg-maps-with-html-annotations)
+
+```sh
+$ npx degit pmndrs/examples/examples/svg-maps-with-html-annotations
+```
+
+![](thumbnail.webp)
diff --git a/demos/svg-maps-with-html-annotations/index.html b/examples/svg-maps-with-html-annotations/index.html
similarity index 100%
rename from demos/svg-maps-with-html-annotations/index.html
rename to examples/svg-maps-with-html-annotations/index.html
diff --git a/demos/svg-maps-with-html-annotations/package.json b/examples/svg-maps-with-html-annotations/package.json
similarity index 84%
rename from demos/svg-maps-with-html-annotations/package.json
rename to examples/svg-maps-with-html-annotations/package.json
index 0604e97d..ef493734 100644
--- a/demos/svg-maps-with-html-annotations/package.json
+++ b/examples/svg-maps-with-html-annotations/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/svg-maps-with-html-annotations",
+  "name": "@example/svg-maps-with-html-annotations",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/svg-maps-with-html-annotations"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/svg-maps-with-html-annotations"
   }
 }
diff --git a/demos/svg-maps-with-html-annotations/pmndrs.json b/examples/svg-maps-with-html-annotations/pmndrs.json
similarity index 100%
rename from demos/svg-maps-with-html-annotations/pmndrs.json
rename to examples/svg-maps-with-html-annotations/pmndrs.json
diff --git a/demos/svg-maps-with-html-annotations/public/vite.svg b/examples/svg-maps-with-html-annotations/public/vite.svg
similarity index 100%
rename from demos/svg-maps-with-html-annotations/public/vite.svg
rename to examples/svg-maps-with-html-annotations/public/vite.svg
diff --git a/demos/svg-maps-with-html-annotations/src/index.jsx b/examples/svg-maps-with-html-annotations/src/index.jsx
similarity index 100%
rename from demos/svg-maps-with-html-annotations/src/index.jsx
rename to examples/svg-maps-with-html-annotations/src/index.jsx
diff --git a/demos/svg-maps-with-html-annotations/src/map.svg b/examples/svg-maps-with-html-annotations/src/map.svg
similarity index 100%
rename from demos/svg-maps-with-html-annotations/src/map.svg
rename to examples/svg-maps-with-html-annotations/src/map.svg
diff --git a/demos/svg-maps-with-html-annotations/src/styles.css b/examples/svg-maps-with-html-annotations/src/styles.css
similarity index 100%
rename from demos/svg-maps-with-html-annotations/src/styles.css
rename to examples/svg-maps-with-html-annotations/src/styles.css
diff --git a/demos/svg-maps-with-html-annotations/src/vite-env.d.ts b/examples/svg-maps-with-html-annotations/src/vite-env.d.ts
similarity index 100%
rename from demos/svg-maps-with-html-annotations/src/vite-env.d.ts
rename to examples/svg-maps-with-html-annotations/src/vite-env.d.ts
diff --git a/demos/svg-maps-with-html-annotations/thumbnail.webp b/examples/svg-maps-with-html-annotations/thumbnail.webp
similarity index 100%
rename from demos/svg-maps-with-html-annotations/thumbnail.webp
rename to examples/svg-maps-with-html-annotations/thumbnail.webp
diff --git a/demos/svg-maps-with-html-annotations/tsconfig.json b/examples/svg-maps-with-html-annotations/tsconfig.json
similarity index 100%
rename from demos/svg-maps-with-html-annotations/tsconfig.json
rename to examples/svg-maps-with-html-annotations/tsconfig.json
diff --git a/demos/svg-maps-with-html-annotations/tsconfig.node.json b/examples/svg-maps-with-html-annotations/tsconfig.node.json
similarity index 100%
rename from demos/svg-maps-with-html-annotations/tsconfig.node.json
rename to examples/svg-maps-with-html-annotations/tsconfig.node.json
diff --git a/demos/svg-maps-with-html-annotations/vite.config.ts b/examples/svg-maps-with-html-annotations/vite.config.ts
similarity index 100%
rename from demos/svg-maps-with-html-annotations/vite.config.ts
rename to examples/svg-maps-with-html-annotations/vite.config.ts
diff --git a/demos/svg-renderer/.prettierrc b/examples/svg-renderer/.prettierrc
similarity index 100%
rename from demos/svg-renderer/.prettierrc
rename to examples/svg-renderer/.prettierrc
diff --git a/examples/svg-renderer/README.md b/examples/svg-renderer/README.md
new file mode 100644
index 00000000..70a6ce37
--- /dev/null
+++ b/examples/svg-renderer/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/svg-renderer)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/svg-renderer)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/svg-renderer)
+
+```sh
+$ npx degit pmndrs/examples/examples/svg-renderer
+```
+
+![](thumbnail.webp)
diff --git a/demos/svg-renderer/index.html b/examples/svg-renderer/index.html
similarity index 100%
rename from demos/svg-renderer/index.html
rename to examples/svg-renderer/index.html
diff --git a/demos/svg-renderer/package.json b/examples/svg-renderer/package.json
similarity index 86%
rename from demos/svg-renderer/package.json
rename to examples/svg-renderer/package.json
index b6617c5c..251cc951 100644
--- a/demos/svg-renderer/package.json
+++ b/examples/svg-renderer/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/svg-renderer",
+  "name": "@example/svg-renderer",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/fiber": "9.6.1",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/svg-renderer"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/svg-renderer"
   }
 }
diff --git a/demos/svg-renderer/pmndrs.json b/examples/svg-renderer/pmndrs.json
similarity index 100%
rename from demos/svg-renderer/pmndrs.json
rename to examples/svg-renderer/pmndrs.json
diff --git a/demos/svg-renderer/public/vite.svg b/examples/svg-renderer/public/vite.svg
similarity index 100%
rename from demos/svg-renderer/public/vite.svg
rename to examples/svg-renderer/public/vite.svg
diff --git a/demos/svg-renderer/src/App.jsx b/examples/svg-renderer/src/App.jsx
similarity index 100%
rename from demos/svg-renderer/src/App.jsx
rename to examples/svg-renderer/src/App.jsx
diff --git a/demos/svg-renderer/src/index.jsx b/examples/svg-renderer/src/index.jsx
similarity index 100%
rename from demos/svg-renderer/src/index.jsx
rename to examples/svg-renderer/src/index.jsx
diff --git a/demos/svg-renderer/src/styles.css b/examples/svg-renderer/src/styles.css
similarity index 100%
rename from demos/svg-renderer/src/styles.css
rename to examples/svg-renderer/src/styles.css
diff --git a/demos/svg-renderer/src/vite-env.d.ts b/examples/svg-renderer/src/vite-env.d.ts
similarity index 100%
rename from demos/svg-renderer/src/vite-env.d.ts
rename to examples/svg-renderer/src/vite-env.d.ts
diff --git a/demos/svg-renderer/thumbnail.webp b/examples/svg-renderer/thumbnail.webp
similarity index 100%
rename from demos/svg-renderer/thumbnail.webp
rename to examples/svg-renderer/thumbnail.webp
diff --git a/demos/svg-renderer/tsconfig.json b/examples/svg-renderer/tsconfig.json
similarity index 100%
rename from demos/svg-renderer/tsconfig.json
rename to examples/svg-renderer/tsconfig.json
diff --git a/demos/svg-renderer/tsconfig.node.json b/examples/svg-renderer/tsconfig.node.json
similarity index 100%
rename from demos/svg-renderer/tsconfig.node.json
rename to examples/svg-renderer/tsconfig.node.json
diff --git a/demos/svg-renderer/vite.config.ts b/examples/svg-renderer/vite.config.ts
similarity index 100%
rename from demos/svg-renderer/vite.config.ts
rename to examples/svg-renderer/vite.config.ts
diff --git a/demos/t-shirt-configurator/.prettierrc b/examples/t-shirt-configurator/.prettierrc
similarity index 100%
rename from demos/t-shirt-configurator/.prettierrc
rename to examples/t-shirt-configurator/.prettierrc
diff --git a/examples/t-shirt-configurator/README.md b/examples/t-shirt-configurator/README.md
new file mode 100644
index 00000000..8d76199b
--- /dev/null
+++ b/examples/t-shirt-configurator/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/t-shirt-configurator)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/t-shirt-configurator)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/t-shirt-configurator)
+
+```sh
+$ npx degit pmndrs/examples/examples/t-shirt-configurator
+```
+
+![](thumbnail.webp)
diff --git a/demos/t-shirt-configurator/index.html b/examples/t-shirt-configurator/index.html
similarity index 100%
rename from demos/t-shirt-configurator/index.html
rename to examples/t-shirt-configurator/index.html
diff --git a/demos/t-shirt-configurator/package.json b/examples/t-shirt-configurator/package.json
similarity index 87%
rename from demos/t-shirt-configurator/package.json
rename to examples/t-shirt-configurator/package.json
index 6cf51136..78655231 100644
--- a/demos/t-shirt-configurator/package.json
+++ b/examples/t-shirt-configurator/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/t-shirt-configurator",
+  "name": "@example/t-shirt-configurator",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -36,7 +36,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/t-shirt-configurator"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/t-shirt-configurator"
   },
   "type": "module"
 }
diff --git a/demos/t-shirt-configurator/pmndrs.json b/examples/t-shirt-configurator/pmndrs.json
similarity index 100%
rename from demos/t-shirt-configurator/pmndrs.json
rename to examples/t-shirt-configurator/pmndrs.json
diff --git a/demos/t-shirt-configurator/public/vite.svg b/examples/t-shirt-configurator/public/vite.svg
similarity index 100%
rename from demos/t-shirt-configurator/public/vite.svg
rename to examples/t-shirt-configurator/public/vite.svg
diff --git a/demos/t-shirt-configurator/src/Canvas.jsx b/examples/t-shirt-configurator/src/Canvas.jsx
similarity index 100%
rename from demos/t-shirt-configurator/src/Canvas.jsx
rename to examples/t-shirt-configurator/src/Canvas.jsx
diff --git a/demos/t-shirt-configurator/src/Overlay.jsx b/examples/t-shirt-configurator/src/Overlay.jsx
similarity index 100%
rename from demos/t-shirt-configurator/src/Overlay.jsx
rename to examples/t-shirt-configurator/src/Overlay.jsx
diff --git a/demos/t-shirt-configurator/src/index.jsx b/examples/t-shirt-configurator/src/index.jsx
similarity index 100%
rename from demos/t-shirt-configurator/src/index.jsx
rename to examples/t-shirt-configurator/src/index.jsx
diff --git a/demos/t-shirt-configurator/src/pmndrs.png b/examples/t-shirt-configurator/src/pmndrs.png
similarity index 100%
rename from demos/t-shirt-configurator/src/pmndrs.png
rename to examples/t-shirt-configurator/src/pmndrs.png
diff --git a/demos/t-shirt-configurator/src/pmndrs_thumb.png b/examples/t-shirt-configurator/src/pmndrs_thumb.png
similarity index 100%
rename from demos/t-shirt-configurator/src/pmndrs_thumb.png
rename to examples/t-shirt-configurator/src/pmndrs_thumb.png
diff --git a/demos/t-shirt-configurator/src/react.png b/examples/t-shirt-configurator/src/react.png
similarity index 100%
rename from demos/t-shirt-configurator/src/react.png
rename to examples/t-shirt-configurator/src/react.png
diff --git a/demos/t-shirt-configurator/src/react_thumb.png b/examples/t-shirt-configurator/src/react_thumb.png
similarity index 100%
rename from demos/t-shirt-configurator/src/react_thumb.png
rename to examples/t-shirt-configurator/src/react_thumb.png
diff --git a/demos/t-shirt-configurator/src/shirt_baked_2.glb b/examples/t-shirt-configurator/src/shirt_baked_2.glb
similarity index 100%
rename from demos/t-shirt-configurator/src/shirt_baked_2.glb
rename to examples/t-shirt-configurator/src/shirt_baked_2.glb
diff --git a/demos/t-shirt-configurator/src/shirt_baked_collapsed.glb b/examples/t-shirt-configurator/src/shirt_baked_collapsed.glb
similarity index 100%
rename from demos/t-shirt-configurator/src/shirt_baked_collapsed.glb
rename to examples/t-shirt-configurator/src/shirt_baked_collapsed.glb
diff --git a/demos/t-shirt-configurator/src/shirt_baked_lower2.glb b/examples/t-shirt-configurator/src/shirt_baked_lower2.glb
similarity index 100%
rename from demos/t-shirt-configurator/src/shirt_baked_lower2.glb
rename to examples/t-shirt-configurator/src/shirt_baked_lower2.glb
diff --git a/demos/t-shirt-configurator/src/store.js b/examples/t-shirt-configurator/src/store.js
similarity index 100%
rename from demos/t-shirt-configurator/src/store.js
rename to examples/t-shirt-configurator/src/store.js
diff --git a/demos/t-shirt-configurator/src/styles.css b/examples/t-shirt-configurator/src/styles.css
similarity index 100%
rename from demos/t-shirt-configurator/src/styles.css
rename to examples/t-shirt-configurator/src/styles.css
diff --git a/demos/t-shirt-configurator/src/three2.png b/examples/t-shirt-configurator/src/three2.png
similarity index 100%
rename from demos/t-shirt-configurator/src/three2.png
rename to examples/t-shirt-configurator/src/three2.png
diff --git a/demos/t-shirt-configurator/src/three2_thumb.png b/examples/t-shirt-configurator/src/three2_thumb.png
similarity index 100%
rename from demos/t-shirt-configurator/src/three2_thumb.png
rename to examples/t-shirt-configurator/src/three2_thumb.png
diff --git a/demos/t-shirt-configurator/src/vite-env.d.ts b/examples/t-shirt-configurator/src/vite-env.d.ts
similarity index 100%
rename from demos/t-shirt-configurator/src/vite-env.d.ts
rename to examples/t-shirt-configurator/src/vite-env.d.ts
diff --git a/demos/t-shirt-configurator/thumbnail.webp b/examples/t-shirt-configurator/thumbnail.webp
similarity index 100%
rename from demos/t-shirt-configurator/thumbnail.webp
rename to examples/t-shirt-configurator/thumbnail.webp
diff --git a/demos/t-shirt-configurator/tsconfig.json b/examples/t-shirt-configurator/tsconfig.json
similarity index 100%
rename from demos/t-shirt-configurator/tsconfig.json
rename to examples/t-shirt-configurator/tsconfig.json
diff --git a/demos/t-shirt-configurator/tsconfig.node.json b/examples/t-shirt-configurator/tsconfig.node.json
similarity index 100%
rename from demos/t-shirt-configurator/tsconfig.node.json
rename to examples/t-shirt-configurator/tsconfig.node.json
diff --git a/demos/t-shirt-configurator/vite.config.ts b/examples/t-shirt-configurator/vite.config.ts
similarity index 100%
rename from demos/t-shirt-configurator/vite.config.ts
rename to examples/t-shirt-configurator/vite.config.ts
diff --git a/demos/the-three-graces/.prettierrc b/examples/the-three-graces/.prettierrc
similarity index 100%
rename from demos/the-three-graces/.prettierrc
rename to examples/the-three-graces/.prettierrc
diff --git a/examples/the-three-graces/README.md b/examples/the-three-graces/README.md
new file mode 100644
index 00000000..e9a0c91f
--- /dev/null
+++ b/examples/the-three-graces/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/the-three-graces)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/the-three-graces)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/the-three-graces)
+
+```sh
+$ npx degit pmndrs/examples/examples/the-three-graces
+```
+
+![](thumbnail.webp)
diff --git a/demos/the-three-graces/index.html b/examples/the-three-graces/index.html
similarity index 100%
rename from demos/the-three-graces/index.html
rename to examples/the-three-graces/index.html
diff --git a/demos/the-three-graces/package.json b/examples/the-three-graces/package.json
similarity index 88%
rename from demos/the-three-graces/package.json
rename to examples/the-three-graces/package.json
index 4be563b2..168c32f9 100644
--- a/demos/the-three-graces/package.json
+++ b/examples/the-three-graces/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/the-three-graces",
+  "name": "@example/the-three-graces",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -43,6 +43,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/the-three-graces"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/the-three-graces"
   }
 }
diff --git a/demos/the-three-graces/pmndrs.json b/examples/the-three-graces/pmndrs.json
similarity index 100%
rename from demos/the-three-graces/pmndrs.json
rename to examples/the-three-graces/pmndrs.json
diff --git a/demos/the-three-graces/public/favicon.ico b/examples/the-three-graces/public/favicon.ico
similarity index 100%
rename from demos/the-three-graces/public/favicon.ico
rename to examples/the-three-graces/public/favicon.ico
diff --git a/demos/the-three-graces/public/logo192.png b/examples/the-three-graces/public/logo192.png
similarity index 100%
rename from demos/the-three-graces/public/logo192.png
rename to examples/the-three-graces/public/logo192.png
diff --git a/demos/the-three-graces/public/logo512.png b/examples/the-three-graces/public/logo512.png
similarity index 100%
rename from demos/the-three-graces/public/logo512.png
rename to examples/the-three-graces/public/logo512.png
diff --git a/demos/the-three-graces/public/manifest.json b/examples/the-three-graces/public/manifest.json
similarity index 100%
rename from demos/the-three-graces/public/manifest.json
rename to examples/the-three-graces/public/manifest.json
diff --git a/demos/the-three-graces/public/robots.txt b/examples/the-three-graces/public/robots.txt
similarity index 100%
rename from demos/the-three-graces/public/robots.txt
rename to examples/the-three-graces/public/robots.txt
diff --git a/demos/the-three-graces/public/vite.svg b/examples/the-three-graces/public/vite.svg
similarity index 100%
rename from demos/the-three-graces/public/vite.svg
rename to examples/the-three-graces/public/vite.svg
diff --git a/demos/the-three-graces/src/App.jsx b/examples/the-three-graces/src/App.jsx
similarity index 100%
rename from demos/the-three-graces/src/App.jsx
rename to examples/the-three-graces/src/App.jsx
diff --git a/demos/the-three-graces/src/graces-draco.glb b/examples/the-three-graces/src/graces-draco.glb
similarity index 100%
rename from demos/the-three-graces/src/graces-draco.glb
rename to examples/the-three-graces/src/graces-draco.glb
diff --git a/demos/the-three-graces/src/index.jsx b/examples/the-three-graces/src/index.jsx
similarity index 100%
rename from demos/the-three-graces/src/index.jsx
rename to examples/the-three-graces/src/index.jsx
diff --git a/demos/the-three-graces/src/styles.css b/examples/the-three-graces/src/styles.css
similarity index 100%
rename from demos/the-three-graces/src/styles.css
rename to examples/the-three-graces/src/styles.css
diff --git a/demos/the-three-graces/src/vite-env.d.ts b/examples/the-three-graces/src/vite-env.d.ts
similarity index 100%
rename from demos/the-three-graces/src/vite-env.d.ts
rename to examples/the-three-graces/src/vite-env.d.ts
diff --git a/demos/the-three-graces/thumbnail.webp b/examples/the-three-graces/thumbnail.webp
similarity index 100%
rename from demos/the-three-graces/thumbnail.webp
rename to examples/the-three-graces/thumbnail.webp
diff --git a/demos/the-three-graces/tsconfig.json b/examples/the-three-graces/tsconfig.json
similarity index 100%
rename from demos/the-three-graces/tsconfig.json
rename to examples/the-three-graces/tsconfig.json
diff --git a/demos/the-three-graces/tsconfig.node.json b/examples/the-three-graces/tsconfig.node.json
similarity index 100%
rename from demos/the-three-graces/tsconfig.node.json
rename to examples/the-three-graces/tsconfig.node.json
diff --git a/demos/the-three-graces/vite.config.ts b/examples/the-three-graces/vite.config.ts
similarity index 100%
rename from demos/the-three-graces/vite.config.ts
rename to examples/the-three-graces/vite.config.ts
diff --git a/demos/threejs-journey-lv-1-fisheye/.prettierrc b/examples/threejs-journey-lv-1-fisheye/.prettierrc
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/.prettierrc
rename to examples/threejs-journey-lv-1-fisheye/.prettierrc
diff --git a/examples/threejs-journey-lv-1-fisheye/README.md b/examples/threejs-journey-lv-1-fisheye/README.md
new file mode 100644
index 00000000..2813e819
--- /dev/null
+++ b/examples/threejs-journey-lv-1-fisheye/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/threejs-journey-lv-1-fisheye)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/threejs-journey-lv-1-fisheye)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/threejs-journey-lv-1-fisheye)
+
+```sh
+$ npx degit pmndrs/examples/examples/threejs-journey-lv-1-fisheye
+```
+
+![](thumbnail.webp)
diff --git a/demos/threejs-journey-lv-1-fisheye/index.html b/examples/threejs-journey-lv-1-fisheye/index.html
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/index.html
rename to examples/threejs-journey-lv-1-fisheye/index.html
diff --git a/demos/threejs-journey-lv-1-fisheye/package.json b/examples/threejs-journey-lv-1-fisheye/package.json
similarity index 84%
rename from demos/threejs-journey-lv-1-fisheye/package.json
rename to examples/threejs-journey-lv-1-fisheye/package.json
index 0e3f934f..f40ea7a7 100644
--- a/demos/threejs-journey-lv-1-fisheye/package.json
+++ b/examples/threejs-journey-lv-1-fisheye/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/threejs-journey-lv-1-fisheye",
+  "name": "@example/threejs-journey-lv-1-fisheye",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/threejs-journey-lv-1-fisheye"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/threejs-journey-lv-1-fisheye"
   }
 }
diff --git a/demos/threejs-journey-lv-1-fisheye/pmndrs.json b/examples/threejs-journey-lv-1-fisheye/pmndrs.json
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/pmndrs.json
rename to examples/threejs-journey-lv-1-fisheye/pmndrs.json
diff --git a/demos/threejs-journey-lv-1-fisheye/public/vite.svg b/examples/threejs-journey-lv-1-fisheye/public/vite.svg
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/public/vite.svg
rename to examples/threejs-journey-lv-1-fisheye/public/vite.svg
diff --git a/demos/threejs-journey-lv-1-fisheye/src/App.jsx b/examples/threejs-journey-lv-1-fisheye/src/App.jsx
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/src/App.jsx
rename to examples/threejs-journey-lv-1-fisheye/src/App.jsx
diff --git a/demos/threejs-journey-lv-1-fisheye/src/Scene.jsx b/examples/threejs-journey-lv-1-fisheye/src/Scene.jsx
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/src/Scene.jsx
rename to examples/threejs-journey-lv-1-fisheye/src/Scene.jsx
diff --git a/demos/threejs-journey-lv-1-fisheye/src/index.jsx b/examples/threejs-journey-lv-1-fisheye/src/index.jsx
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/src/index.jsx
rename to examples/threejs-journey-lv-1-fisheye/src/index.jsx
diff --git a/demos/threejs-journey-lv-1-fisheye/src/level-react-draco.glb b/examples/threejs-journey-lv-1-fisheye/src/level-react-draco.glb
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/src/level-react-draco.glb
rename to examples/threejs-journey-lv-1-fisheye/src/level-react-draco.glb
diff --git a/demos/threejs-journey-lv-1-fisheye/src/styles.css b/examples/threejs-journey-lv-1-fisheye/src/styles.css
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/src/styles.css
rename to examples/threejs-journey-lv-1-fisheye/src/styles.css
diff --git a/demos/threejs-journey-lv-1-fisheye/src/vite-env.d.ts b/examples/threejs-journey-lv-1-fisheye/src/vite-env.d.ts
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/src/vite-env.d.ts
rename to examples/threejs-journey-lv-1-fisheye/src/vite-env.d.ts
diff --git a/demos/threejs-journey-lv-1-fisheye/thumbnail.webp b/examples/threejs-journey-lv-1-fisheye/thumbnail.webp
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/thumbnail.webp
rename to examples/threejs-journey-lv-1-fisheye/thumbnail.webp
diff --git a/demos/threejs-journey-lv-1-fisheye/tsconfig.json b/examples/threejs-journey-lv-1-fisheye/tsconfig.json
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/tsconfig.json
rename to examples/threejs-journey-lv-1-fisheye/tsconfig.json
diff --git a/demos/threejs-journey-lv-1-fisheye/tsconfig.node.json b/examples/threejs-journey-lv-1-fisheye/tsconfig.node.json
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/tsconfig.node.json
rename to examples/threejs-journey-lv-1-fisheye/tsconfig.node.json
diff --git a/demos/threejs-journey-lv-1-fisheye/vite.config.ts b/examples/threejs-journey-lv-1-fisheye/vite.config.ts
similarity index 100%
rename from demos/threejs-journey-lv-1-fisheye/vite.config.ts
rename to examples/threejs-journey-lv-1-fisheye/vite.config.ts
diff --git a/demos/threejs-journey-portal/.codesandbox/workspace.json b/examples/threejs-journey-portal/.codesandbox/workspace.json
similarity index 100%
rename from demos/threejs-journey-portal/.codesandbox/workspace.json
rename to examples/threejs-journey-portal/.codesandbox/workspace.json
diff --git a/demos/threejs-journey-portal/.prettierrc b/examples/threejs-journey-portal/.prettierrc
similarity index 100%
rename from demos/threejs-journey-portal/.prettierrc
rename to examples/threejs-journey-portal/.prettierrc
diff --git a/examples/threejs-journey-portal/README.md b/examples/threejs-journey-portal/README.md
new file mode 100644
index 00000000..c3c654ad
--- /dev/null
+++ b/examples/threejs-journey-portal/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/threejs-journey-portal)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/threejs-journey-portal)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/threejs-journey-portal)
+
+```sh
+$ npx degit pmndrs/examples/examples/threejs-journey-portal
+```
+
+![](thumbnail.webp)
diff --git a/demos/threejs-journey-portal/index.html b/examples/threejs-journey-portal/index.html
similarity index 100%
rename from demos/threejs-journey-portal/index.html
rename to examples/threejs-journey-portal/index.html
diff --git a/demos/threejs-journey-portal/package.json b/examples/threejs-journey-portal/package.json
similarity index 85%
rename from demos/threejs-journey-portal/package.json
rename to examples/threejs-journey-portal/package.json
index 0169cd68..e3410f7a 100644
--- a/demos/threejs-journey-portal/package.json
+++ b/examples/threejs-journey-portal/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/threejs-journey-portal",
+  "name": "@example/threejs-journey-portal",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -31,7 +31,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/threejs-journey-portal"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/threejs-journey-portal"
   },
   "type": "module"
 }
diff --git a/demos/threejs-journey-portal/pmndrs.json b/examples/threejs-journey-portal/pmndrs.json
similarity index 100%
rename from demos/threejs-journey-portal/pmndrs.json
rename to examples/threejs-journey-portal/pmndrs.json
diff --git a/demos/threejs-journey-portal/public/vite.svg b/examples/threejs-journey-portal/public/vite.svg
similarity index 100%
rename from demos/threejs-journey-portal/public/vite.svg
rename to examples/threejs-journey-portal/public/vite.svg
diff --git a/demos/threejs-journey-portal/sandbox.config.json b/examples/threejs-journey-portal/sandbox.config.json
similarity index 100%
rename from demos/threejs-journey-portal/sandbox.config.json
rename to examples/threejs-journey-portal/sandbox.config.json
diff --git a/demos/threejs-journey-portal/src/App.jsx b/examples/threejs-journey-portal/src/App.jsx
similarity index 100%
rename from demos/threejs-journey-portal/src/App.jsx
rename to examples/threejs-journey-portal/src/App.jsx
diff --git a/demos/threejs-journey-portal/src/baked-02.jpeg b/examples/threejs-journey-portal/src/baked-02.jpeg
similarity index 100%
rename from demos/threejs-journey-portal/src/baked-02.jpeg
rename to examples/threejs-journey-portal/src/baked-02.jpeg
diff --git a/demos/threejs-journey-portal/src/index.jsx b/examples/threejs-journey-portal/src/index.jsx
similarity index 100%
rename from demos/threejs-journey-portal/src/index.jsx
rename to examples/threejs-journey-portal/src/index.jsx
diff --git a/demos/threejs-journey-portal/src/portal-2.glb b/examples/threejs-journey-portal/src/portal-2.glb
similarity index 100%
rename from demos/threejs-journey-portal/src/portal-2.glb
rename to examples/threejs-journey-portal/src/portal-2.glb
diff --git a/demos/threejs-journey-portal/src/styles.css b/examples/threejs-journey-portal/src/styles.css
similarity index 100%
rename from demos/threejs-journey-portal/src/styles.css
rename to examples/threejs-journey-portal/src/styles.css
diff --git a/demos/threejs-journey-portal/src/vite-env.d.ts b/examples/threejs-journey-portal/src/vite-env.d.ts
similarity index 100%
rename from demos/threejs-journey-portal/src/vite-env.d.ts
rename to examples/threejs-journey-portal/src/vite-env.d.ts
diff --git a/demos/threejs-journey-portal/thumbnail.webp b/examples/threejs-journey-portal/thumbnail.webp
similarity index 100%
rename from demos/threejs-journey-portal/thumbnail.webp
rename to examples/threejs-journey-portal/thumbnail.webp
diff --git a/demos/threejs-journey-portal/tsconfig.json b/examples/threejs-journey-portal/tsconfig.json
similarity index 100%
rename from demos/threejs-journey-portal/tsconfig.json
rename to examples/threejs-journey-portal/tsconfig.json
diff --git a/demos/threejs-journey-portal/tsconfig.node.json b/examples/threejs-journey-portal/tsconfig.node.json
similarity index 100%
rename from demos/threejs-journey-portal/tsconfig.node.json
rename to examples/threejs-journey-portal/tsconfig.node.json
diff --git a/demos/threejs-journey-portal/vite.config.ts b/examples/threejs-journey-portal/vite.config.ts
similarity index 100%
rename from demos/threejs-journey-portal/vite.config.ts
rename to examples/threejs-journey-portal/vite.config.ts
diff --git a/demos/thunder-clouds/.prettierrc b/examples/thunder-clouds/.prettierrc
similarity index 100%
rename from demos/thunder-clouds/.prettierrc
rename to examples/thunder-clouds/.prettierrc
diff --git a/examples/thunder-clouds/README.md b/examples/thunder-clouds/README.md
new file mode 100644
index 00000000..94f2d68b
--- /dev/null
+++ b/examples/thunder-clouds/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/thunder-clouds)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/thunder-clouds)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/thunder-clouds)
+
+```sh
+$ npx degit pmndrs/examples/examples/thunder-clouds
+```
+
+![](thumbnail.webp)
diff --git a/demos/thunder-clouds/index.html b/examples/thunder-clouds/index.html
similarity index 100%
rename from demos/thunder-clouds/index.html
rename to examples/thunder-clouds/index.html
diff --git a/demos/thunder-clouds/package.json b/examples/thunder-clouds/package.json
similarity index 89%
rename from demos/thunder-clouds/package.json
rename to examples/thunder-clouds/package.json
index 20485421..07bfe403 100644
--- a/demos/thunder-clouds/package.json
+++ b/examples/thunder-clouds/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/thunder-clouds",
+  "name": "@example/thunder-clouds",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -47,6 +47,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/thunder-clouds"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/thunder-clouds"
   }
 }
diff --git a/demos/thunder-clouds/pmndrs.json b/examples/thunder-clouds/pmndrs.json
similarity index 100%
rename from demos/thunder-clouds/pmndrs.json
rename to examples/thunder-clouds/pmndrs.json
diff --git a/demos/thunder-clouds/public/cloud.png b/examples/thunder-clouds/public/cloud.png
similarity index 100%
rename from demos/thunder-clouds/public/cloud.png
rename to examples/thunder-clouds/public/cloud.png
diff --git a/demos/thunder-clouds/public/favicon.ico b/examples/thunder-clouds/public/favicon.ico
similarity index 100%
rename from demos/thunder-clouds/public/favicon.ico
rename to examples/thunder-clouds/public/favicon.ico
diff --git a/demos/thunder-clouds/public/logo192.png b/examples/thunder-clouds/public/logo192.png
similarity index 100%
rename from demos/thunder-clouds/public/logo192.png
rename to examples/thunder-clouds/public/logo192.png
diff --git a/demos/thunder-clouds/public/logo512.png b/examples/thunder-clouds/public/logo512.png
similarity index 100%
rename from demos/thunder-clouds/public/logo512.png
rename to examples/thunder-clouds/public/logo512.png
diff --git a/demos/thunder-clouds/public/manifest.json b/examples/thunder-clouds/public/manifest.json
similarity index 100%
rename from demos/thunder-clouds/public/manifest.json
rename to examples/thunder-clouds/public/manifest.json
diff --git a/demos/thunder-clouds/public/robots.txt b/examples/thunder-clouds/public/robots.txt
similarity index 100%
rename from demos/thunder-clouds/public/robots.txt
rename to examples/thunder-clouds/public/robots.txt
diff --git a/demos/thunder-clouds/public/vite.svg b/examples/thunder-clouds/public/vite.svg
similarity index 100%
rename from demos/thunder-clouds/public/vite.svg
rename to examples/thunder-clouds/public/vite.svg
diff --git a/demos/thunder-clouds/sandbox.config.json b/examples/thunder-clouds/sandbox.config.json
similarity index 100%
rename from demos/thunder-clouds/sandbox.config.json
rename to examples/thunder-clouds/sandbox.config.json
diff --git a/demos/thunder-clouds/src/App.jsx b/examples/thunder-clouds/src/App.jsx
similarity index 100%
rename from demos/thunder-clouds/src/App.jsx
rename to examples/thunder-clouds/src/App.jsx
diff --git a/demos/thunder-clouds/src/index.jsx b/examples/thunder-clouds/src/index.jsx
similarity index 100%
rename from demos/thunder-clouds/src/index.jsx
rename to examples/thunder-clouds/src/index.jsx
diff --git a/demos/thunder-clouds/src/styles.css b/examples/thunder-clouds/src/styles.css
similarity index 100%
rename from demos/thunder-clouds/src/styles.css
rename to examples/thunder-clouds/src/styles.css
diff --git a/demos/thunder-clouds/src/vite-env.d.ts b/examples/thunder-clouds/src/vite-env.d.ts
similarity index 100%
rename from demos/thunder-clouds/src/vite-env.d.ts
rename to examples/thunder-clouds/src/vite-env.d.ts
diff --git a/demos/thunder-clouds/thumbnail.webp b/examples/thunder-clouds/thumbnail.webp
similarity index 100%
rename from demos/thunder-clouds/thumbnail.webp
rename to examples/thunder-clouds/thumbnail.webp
diff --git a/demos/thunder-clouds/tsconfig.json b/examples/thunder-clouds/tsconfig.json
similarity index 100%
rename from demos/thunder-clouds/tsconfig.json
rename to examples/thunder-clouds/tsconfig.json
diff --git a/demos/thunder-clouds/tsconfig.node.json b/examples/thunder-clouds/tsconfig.node.json
similarity index 100%
rename from demos/thunder-clouds/tsconfig.node.json
rename to examples/thunder-clouds/tsconfig.node.json
diff --git a/demos/thunder-clouds/vite.config.ts b/examples/thunder-clouds/vite.config.ts
similarity index 100%
rename from demos/thunder-clouds/vite.config.ts
rename to examples/thunder-clouds/vite.config.ts
diff --git a/demos/trails/.prettierrc b/examples/trails/.prettierrc
similarity index 100%
rename from demos/trails/.prettierrc
rename to examples/trails/.prettierrc
diff --git a/examples/trails/README.md b/examples/trails/README.md
new file mode 100644
index 00000000..0c118d0c
--- /dev/null
+++ b/examples/trails/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/trails)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/trails)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/trails)
+
+```sh
+$ npx degit pmndrs/examples/examples/trails
+```
+
+![](thumbnail.webp)
diff --git a/demos/trails/index.html b/examples/trails/index.html
similarity index 100%
rename from demos/trails/index.html
rename to examples/trails/index.html
diff --git a/demos/trails/package.json b/examples/trails/package.json
similarity index 89%
rename from demos/trails/package.json
rename to examples/trails/package.json
index 0889eb0b..3624a778 100644
--- a/demos/trails/package.json
+++ b/examples/trails/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/trails",
+  "name": "@example/trails",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/trails"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/trails"
   }
 }
diff --git a/demos/trails/pmndrs.json b/examples/trails/pmndrs.json
similarity index 100%
rename from demos/trails/pmndrs.json
rename to examples/trails/pmndrs.json
diff --git a/demos/trails/public/vite.svg b/examples/trails/public/vite.svg
similarity index 100%
rename from demos/trails/public/vite.svg
rename to examples/trails/public/vite.svg
diff --git a/demos/trails/src/App.jsx b/examples/trails/src/App.jsx
similarity index 100%
rename from demos/trails/src/App.jsx
rename to examples/trails/src/App.jsx
diff --git a/demos/trails/src/cursor.glb b/examples/trails/src/cursor.glb
similarity index 100%
rename from demos/trails/src/cursor.glb
rename to examples/trails/src/cursor.glb
diff --git a/demos/trails/src/index.jsx b/examples/trails/src/index.jsx
similarity index 100%
rename from demos/trails/src/index.jsx
rename to examples/trails/src/index.jsx
diff --git a/demos/trails/src/pmndrs.glb b/examples/trails/src/pmndrs.glb
similarity index 100%
rename from demos/trails/src/pmndrs.glb
rename to examples/trails/src/pmndrs.glb
diff --git a/demos/trails/src/styles.css b/examples/trails/src/styles.css
similarity index 100%
rename from demos/trails/src/styles.css
rename to examples/trails/src/styles.css
diff --git a/demos/trails/src/vite-env.d.ts b/examples/trails/src/vite-env.d.ts
similarity index 100%
rename from demos/trails/src/vite-env.d.ts
rename to examples/trails/src/vite-env.d.ts
diff --git a/demos/trails/thumbnail.webp b/examples/trails/thumbnail.webp
similarity index 100%
rename from demos/trails/thumbnail.webp
rename to examples/trails/thumbnail.webp
diff --git a/demos/trails/tsconfig.json b/examples/trails/tsconfig.json
similarity index 100%
rename from demos/trails/tsconfig.json
rename to examples/trails/tsconfig.json
diff --git a/demos/trails/tsconfig.node.json b/examples/trails/tsconfig.node.json
similarity index 100%
rename from demos/trails/tsconfig.node.json
rename to examples/trails/tsconfig.node.json
diff --git a/demos/trails/vite.config.ts b/examples/trails/vite.config.ts
similarity index 100%
rename from demos/trails/vite.config.ts
rename to examples/trails/vite.config.ts
diff --git a/demos/transformcontrols-and-makedefault/.prettierrc b/examples/transformcontrols-and-makedefault/.prettierrc
similarity index 100%
rename from demos/transformcontrols-and-makedefault/.prettierrc
rename to examples/transformcontrols-and-makedefault/.prettierrc
diff --git a/examples/transformcontrols-and-makedefault/README.md b/examples/transformcontrols-and-makedefault/README.md
new file mode 100644
index 00000000..041a7c9e
--- /dev/null
+++ b/examples/transformcontrols-and-makedefault/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/transformcontrols-and-makedefault)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/transformcontrols-and-makedefault)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/transformcontrols-and-makedefault)
+
+```sh
+$ npx degit pmndrs/examples/examples/transformcontrols-and-makedefault
+```
+
+![](thumbnail.webp)
diff --git a/demos/transformcontrols-and-makedefault/index.html b/examples/transformcontrols-and-makedefault/index.html
similarity index 100%
rename from demos/transformcontrols-and-makedefault/index.html
rename to examples/transformcontrols-and-makedefault/index.html
diff --git a/demos/transformcontrols-and-makedefault/package.json b/examples/transformcontrols-and-makedefault/package.json
similarity index 83%
rename from demos/transformcontrols-and-makedefault/package.json
rename to examples/transformcontrols-and-makedefault/package.json
index 2b8b3a56..98357fa5 100644
--- a/demos/transformcontrols-and-makedefault/package.json
+++ b/examples/transformcontrols-and-makedefault/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/transformcontrols-and-makedefault",
+  "name": "@example/transformcontrols-and-makedefault",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/transformcontrols-and-makedefault"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/transformcontrols-and-makedefault"
   }
 }
diff --git a/demos/transformcontrols-and-makedefault/pmndrs.json b/examples/transformcontrols-and-makedefault/pmndrs.json
similarity index 100%
rename from demos/transformcontrols-and-makedefault/pmndrs.json
rename to examples/transformcontrols-and-makedefault/pmndrs.json
diff --git a/demos/transformcontrols-and-makedefault/public/draco/draco_decoder.js b/examples/transformcontrols-and-makedefault/public/draco/draco_decoder.js
similarity index 100%
rename from demos/transformcontrols-and-makedefault/public/draco/draco_decoder.js
rename to examples/transformcontrols-and-makedefault/public/draco/draco_decoder.js
diff --git a/demos/transformcontrols-and-makedefault/public/draco/draco_decoder.wasm b/examples/transformcontrols-and-makedefault/public/draco/draco_decoder.wasm
similarity index 100%
rename from demos/transformcontrols-and-makedefault/public/draco/draco_decoder.wasm
rename to examples/transformcontrols-and-makedefault/public/draco/draco_decoder.wasm
diff --git a/demos/transformcontrols-and-makedefault/public/draco/draco_encoder.js b/examples/transformcontrols-and-makedefault/public/draco/draco_encoder.js
similarity index 100%
rename from demos/transformcontrols-and-makedefault/public/draco/draco_encoder.js
rename to examples/transformcontrols-and-makedefault/public/draco/draco_encoder.js
diff --git a/demos/transformcontrols-and-makedefault/public/draco/draco_wasm_wrapper.js b/examples/transformcontrols-and-makedefault/public/draco/draco_wasm_wrapper.js
similarity index 100%
rename from demos/transformcontrols-and-makedefault/public/draco/draco_wasm_wrapper.js
rename to examples/transformcontrols-and-makedefault/public/draco/draco_wasm_wrapper.js
diff --git a/demos/transformcontrols-and-makedefault/public/vite.svg b/examples/transformcontrols-and-makedefault/public/vite.svg
similarity index 100%
rename from demos/transformcontrols-and-makedefault/public/vite.svg
rename to examples/transformcontrols-and-makedefault/public/vite.svg
diff --git a/demos/transformcontrols-and-makedefault/src/App.jsx b/examples/transformcontrols-and-makedefault/src/App.jsx
similarity index 100%
rename from demos/transformcontrols-and-makedefault/src/App.jsx
rename to examples/transformcontrols-and-makedefault/src/App.jsx
diff --git a/demos/transformcontrols-and-makedefault/src/compressed.glb b/examples/transformcontrols-and-makedefault/src/compressed.glb
similarity index 100%
rename from demos/transformcontrols-and-makedefault/src/compressed.glb
rename to examples/transformcontrols-and-makedefault/src/compressed.glb
diff --git a/demos/transformcontrols-and-makedefault/src/index.jsx b/examples/transformcontrols-and-makedefault/src/index.jsx
similarity index 100%
rename from demos/transformcontrols-and-makedefault/src/index.jsx
rename to examples/transformcontrols-and-makedefault/src/index.jsx
diff --git a/demos/transformcontrols-and-makedefault/src/styles.css b/examples/transformcontrols-and-makedefault/src/styles.css
similarity index 100%
rename from demos/transformcontrols-and-makedefault/src/styles.css
rename to examples/transformcontrols-and-makedefault/src/styles.css
diff --git a/demos/transformcontrols-and-makedefault/src/vite-env.d.ts b/examples/transformcontrols-and-makedefault/src/vite-env.d.ts
similarity index 100%
rename from demos/transformcontrols-and-makedefault/src/vite-env.d.ts
rename to examples/transformcontrols-and-makedefault/src/vite-env.d.ts
diff --git a/demos/transformcontrols-and-makedefault/thumbnail.webp b/examples/transformcontrols-and-makedefault/thumbnail.webp
similarity index 100%
rename from demos/transformcontrols-and-makedefault/thumbnail.webp
rename to examples/transformcontrols-and-makedefault/thumbnail.webp
diff --git a/demos/transformcontrols-and-makedefault/tsconfig.json b/examples/transformcontrols-and-makedefault/tsconfig.json
similarity index 100%
rename from demos/transformcontrols-and-makedefault/tsconfig.json
rename to examples/transformcontrols-and-makedefault/tsconfig.json
diff --git a/demos/transformcontrols-and-makedefault/tsconfig.node.json b/examples/transformcontrols-and-makedefault/tsconfig.node.json
similarity index 100%
rename from demos/transformcontrols-and-makedefault/tsconfig.node.json
rename to examples/transformcontrols-and-makedefault/tsconfig.node.json
diff --git a/demos/transformcontrols-and-makedefault/vite.config.ts b/examples/transformcontrols-and-makedefault/vite.config.ts
similarity index 100%
rename from demos/transformcontrols-and-makedefault/vite.config.ts
rename to examples/transformcontrols-and-makedefault/vite.config.ts
diff --git a/demos/transparent-aesop-bottles/.prettierrc b/examples/transparent-aesop-bottles/.prettierrc
similarity index 100%
rename from demos/transparent-aesop-bottles/.prettierrc
rename to examples/transparent-aesop-bottles/.prettierrc
diff --git a/examples/transparent-aesop-bottles/README.md b/examples/transparent-aesop-bottles/README.md
new file mode 100644
index 00000000..b423a8d1
--- /dev/null
+++ b/examples/transparent-aesop-bottles/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/transparent-aesop-bottles)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/transparent-aesop-bottles)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/transparent-aesop-bottles)
+
+```sh
+$ npx degit pmndrs/examples/examples/transparent-aesop-bottles
+```
+
+![](thumbnail.webp)
diff --git a/demos/transparent-aesop-bottles/index.html b/examples/transparent-aesop-bottles/index.html
similarity index 100%
rename from demos/transparent-aesop-bottles/index.html
rename to examples/transparent-aesop-bottles/index.html
diff --git a/demos/transparent-aesop-bottles/package.json b/examples/transparent-aesop-bottles/package.json
similarity index 83%
rename from demos/transparent-aesop-bottles/package.json
rename to examples/transparent-aesop-bottles/package.json
index e800c289..3c2357ab 100644
--- a/demos/transparent-aesop-bottles/package.json
+++ b/examples/transparent-aesop-bottles/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/transparent-aesop-bottles",
+  "name": "@example/transparent-aesop-bottles",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -27,6 +27,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/transparent-aesop-bottles"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/transparent-aesop-bottles"
   }
 }
diff --git a/demos/transparent-aesop-bottles/pmndrs.json b/examples/transparent-aesop-bottles/pmndrs.json
similarity index 100%
rename from demos/transparent-aesop-bottles/pmndrs.json
rename to examples/transparent-aesop-bottles/pmndrs.json
diff --git a/demos/transparent-aesop-bottles/public/Harmond-ExtBdItaExp.otf b/examples/transparent-aesop-bottles/public/Harmond-ExtBdItaExp.otf
similarity index 100%
rename from demos/transparent-aesop-bottles/public/Harmond-ExtBdItaExp.otf
rename to examples/transparent-aesop-bottles/public/Harmond-ExtBdItaExp.otf
diff --git a/demos/transparent-aesop-bottles/public/Harmond-SemBdItaCond.otf b/examples/transparent-aesop-bottles/public/Harmond-SemBdItaCond.otf
similarity index 100%
rename from demos/transparent-aesop-bottles/public/Harmond-SemBdItaCond.otf
rename to examples/transparent-aesop-bottles/public/Harmond-SemBdItaCond.otf
diff --git a/demos/transparent-aesop-bottles/public/Ki-Thin.ttf b/examples/transparent-aesop-bottles/public/Ki-Thin.ttf
similarity index 100%
rename from demos/transparent-aesop-bottles/public/Ki-Thin.ttf
rename to examples/transparent-aesop-bottles/public/Ki-Thin.ttf
diff --git a/demos/transparent-aesop-bottles/public/Ki_Regular.blob b/examples/transparent-aesop-bottles/public/Ki_Regular.blob
similarity index 100%
rename from demos/transparent-aesop-bottles/public/Ki_Regular.blob
rename to examples/transparent-aesop-bottles/public/Ki_Regular.blob
diff --git a/demos/transparent-aesop-bottles/public/logo.png b/examples/transparent-aesop-bottles/public/logo.png
similarity index 100%
rename from demos/transparent-aesop-bottles/public/logo.png
rename to examples/transparent-aesop-bottles/public/logo.png
diff --git a/demos/transparent-aesop-bottles/public/manifest.json b/examples/transparent-aesop-bottles/public/manifest.json
similarity index 100%
rename from demos/transparent-aesop-bottles/public/manifest.json
rename to examples/transparent-aesop-bottles/public/manifest.json
diff --git a/demos/transparent-aesop-bottles/public/robots.txt b/examples/transparent-aesop-bottles/public/robots.txt
similarity index 100%
rename from demos/transparent-aesop-bottles/public/robots.txt
rename to examples/transparent-aesop-bottles/public/robots.txt
diff --git a/demos/transparent-aesop-bottles/public/vite.svg b/examples/transparent-aesop-bottles/public/vite.svg
similarity index 100%
rename from demos/transparent-aesop-bottles/public/vite.svg
rename to examples/transparent-aesop-bottles/public/vite.svg
diff --git a/demos/transparent-aesop-bottles/src/App.jsx b/examples/transparent-aesop-bottles/src/App.jsx
similarity index 100%
rename from demos/transparent-aesop-bottles/src/App.jsx
rename to examples/transparent-aesop-bottles/src/App.jsx
diff --git a/demos/transparent-aesop-bottles/src/Bottles.jsx b/examples/transparent-aesop-bottles/src/Bottles.jsx
similarity index 100%
rename from demos/transparent-aesop-bottles/src/Bottles.jsx
rename to examples/transparent-aesop-bottles/src/Bottles.jsx
diff --git a/demos/transparent-aesop-bottles/src/Ki-Medium.ttf b/examples/transparent-aesop-bottles/src/Ki-Medium.ttf
similarity index 100%
rename from demos/transparent-aesop-bottles/src/Ki-Medium.ttf
rename to examples/transparent-aesop-bottles/src/Ki-Medium.ttf
diff --git a/demos/transparent-aesop-bottles/src/draco.glb b/examples/transparent-aesop-bottles/src/draco.glb
similarity index 100%
rename from demos/transparent-aesop-bottles/src/draco.glb
rename to examples/transparent-aesop-bottles/src/draco.glb
diff --git a/demos/transparent-aesop-bottles/src/index.jsx b/examples/transparent-aesop-bottles/src/index.jsx
similarity index 100%
rename from demos/transparent-aesop-bottles/src/index.jsx
rename to examples/transparent-aesop-bottles/src/index.jsx
diff --git a/demos/transparent-aesop-bottles/src/styles.css b/examples/transparent-aesop-bottles/src/styles.css
similarity index 100%
rename from demos/transparent-aesop-bottles/src/styles.css
rename to examples/transparent-aesop-bottles/src/styles.css
diff --git a/demos/transparent-aesop-bottles/src/vite-env.d.ts b/examples/transparent-aesop-bottles/src/vite-env.d.ts
similarity index 100%
rename from demos/transparent-aesop-bottles/src/vite-env.d.ts
rename to examples/transparent-aesop-bottles/src/vite-env.d.ts
diff --git a/demos/transparent-aesop-bottles/thumbnail.webp b/examples/transparent-aesop-bottles/thumbnail.webp
similarity index 100%
rename from demos/transparent-aesop-bottles/thumbnail.webp
rename to examples/transparent-aesop-bottles/thumbnail.webp
diff --git a/demos/transparent-aesop-bottles/tsconfig.json b/examples/transparent-aesop-bottles/tsconfig.json
similarity index 100%
rename from demos/transparent-aesop-bottles/tsconfig.json
rename to examples/transparent-aesop-bottles/tsconfig.json
diff --git a/demos/transparent-aesop-bottles/tsconfig.node.json b/examples/transparent-aesop-bottles/tsconfig.node.json
similarity index 100%
rename from demos/transparent-aesop-bottles/tsconfig.node.json
rename to examples/transparent-aesop-bottles/tsconfig.node.json
diff --git a/demos/transparent-aesop-bottles/vite.config.ts b/examples/transparent-aesop-bottles/vite.config.ts
similarity index 100%
rename from demos/transparent-aesop-bottles/vite.config.ts
rename to examples/transparent-aesop-bottles/vite.config.ts
diff --git a/demos/trigger-meshes/.prettierrc b/examples/trigger-meshes/.prettierrc
similarity index 100%
rename from demos/trigger-meshes/.prettierrc
rename to examples/trigger-meshes/.prettierrc
diff --git a/examples/trigger-meshes/README.md b/examples/trigger-meshes/README.md
new file mode 100644
index 00000000..d957e2f5
--- /dev/null
+++ b/examples/trigger-meshes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/trigger-meshes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/trigger-meshes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/trigger-meshes)
+
+```sh
+$ npx degit pmndrs/examples/examples/trigger-meshes
+```
+
+![](thumbnail.webp)
diff --git a/demos/trigger-meshes/index.html b/examples/trigger-meshes/index.html
similarity index 100%
rename from demos/trigger-meshes/index.html
rename to examples/trigger-meshes/index.html
diff --git a/demos/ragdoll-physics/package.json b/examples/trigger-meshes/package.json
similarity index 87%
rename from demos/ragdoll-physics/package.json
rename to examples/trigger-meshes/package.json
index 20ee20c4..7931a1da 100644
--- a/demos/ragdoll-physics/package.json
+++ b/examples/trigger-meshes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/ragdoll-physics",
+  "name": "@example/trigger-meshes",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/cannon": "^6.6.0",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/ragdoll-physics"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/trigger-meshes"
   }
 }
diff --git a/demos/trigger-meshes/pmndrs.json b/examples/trigger-meshes/pmndrs.json
similarity index 100%
rename from demos/trigger-meshes/pmndrs.json
rename to examples/trigger-meshes/pmndrs.json
diff --git a/demos/trigger-meshes/public/vite.svg b/examples/trigger-meshes/public/vite.svg
similarity index 100%
rename from demos/trigger-meshes/public/vite.svg
rename to examples/trigger-meshes/public/vite.svg
diff --git a/demos/trigger-meshes/src/App.jsx b/examples/trigger-meshes/src/App.jsx
similarity index 100%
rename from demos/trigger-meshes/src/App.jsx
rename to examples/trigger-meshes/src/App.jsx
diff --git a/demos/trigger-meshes/src/index.jsx b/examples/trigger-meshes/src/index.jsx
similarity index 100%
rename from demos/trigger-meshes/src/index.jsx
rename to examples/trigger-meshes/src/index.jsx
diff --git a/demos/trigger-meshes/src/styles.css b/examples/trigger-meshes/src/styles.css
similarity index 100%
rename from demos/trigger-meshes/src/styles.css
rename to examples/trigger-meshes/src/styles.css
diff --git a/demos/trigger-meshes/src/vite-env.d.ts b/examples/trigger-meshes/src/vite-env.d.ts
similarity index 100%
rename from demos/trigger-meshes/src/vite-env.d.ts
rename to examples/trigger-meshes/src/vite-env.d.ts
diff --git a/demos/trigger-meshes/thumbnail.webp b/examples/trigger-meshes/thumbnail.webp
similarity index 100%
rename from demos/trigger-meshes/thumbnail.webp
rename to examples/trigger-meshes/thumbnail.webp
diff --git a/demos/trigger-meshes/tsconfig.json b/examples/trigger-meshes/tsconfig.json
similarity index 100%
rename from demos/trigger-meshes/tsconfig.json
rename to examples/trigger-meshes/tsconfig.json
diff --git a/demos/trigger-meshes/tsconfig.node.json b/examples/trigger-meshes/tsconfig.node.json
similarity index 100%
rename from demos/trigger-meshes/tsconfig.node.json
rename to examples/trigger-meshes/tsconfig.node.json
diff --git a/demos/trigger-meshes/vite.config.ts b/examples/trigger-meshes/vite.config.ts
similarity index 100%
rename from demos/trigger-meshes/vite.config.ts
rename to examples/trigger-meshes/vite.config.ts
diff --git a/demos/tying-canvas-to-scroll-offset/.prettierrc b/examples/tying-canvas-to-scroll-offset/.prettierrc
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/.prettierrc
rename to examples/tying-canvas-to-scroll-offset/.prettierrc
diff --git a/examples/tying-canvas-to-scroll-offset/README.md b/examples/tying-canvas-to-scroll-offset/README.md
new file mode 100644
index 00000000..9907e092
--- /dev/null
+++ b/examples/tying-canvas-to-scroll-offset/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/tying-canvas-to-scroll-offset)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/tying-canvas-to-scroll-offset)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/tying-canvas-to-scroll-offset)
+
+```sh
+$ npx degit pmndrs/examples/examples/tying-canvas-to-scroll-offset
+```
+
+![](thumbnail.webp)
diff --git a/demos/tying-canvas-to-scroll-offset/index.html b/examples/tying-canvas-to-scroll-offset/index.html
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/index.html
rename to examples/tying-canvas-to-scroll-offset/index.html
diff --git a/examples/tying-canvas-to-scroll-offset/package.json b/examples/tying-canvas-to-scroll-offset/package.json
new file mode 100644
index 00000000..a6b03eab
--- /dev/null
+++ b/examples/tying-canvas-to-scroll-offset/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/tying-canvas-to-scroll-offset",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/tying-canvas-to-scroll-offset"
+  }
+}
diff --git a/demos/tying-canvas-to-scroll-offset/pmndrs.json b/examples/tying-canvas-to-scroll-offset/pmndrs.json
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/pmndrs.json
rename to examples/tying-canvas-to-scroll-offset/pmndrs.json
diff --git a/demos/tying-canvas-to-scroll-offset/public/vite.svg b/examples/tying-canvas-to-scroll-offset/public/vite.svg
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/public/vite.svg
rename to examples/tying-canvas-to-scroll-offset/public/vite.svg
diff --git a/demos/tying-canvas-to-scroll-offset/src/index.jsx b/examples/tying-canvas-to-scroll-offset/src/index.jsx
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/src/index.jsx
rename to examples/tying-canvas-to-scroll-offset/src/index.jsx
diff --git a/demos/tying-canvas-to-scroll-offset/src/styles.css b/examples/tying-canvas-to-scroll-offset/src/styles.css
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/src/styles.css
rename to examples/tying-canvas-to-scroll-offset/src/styles.css
diff --git a/demos/tying-canvas-to-scroll-offset/src/vite-env.d.ts b/examples/tying-canvas-to-scroll-offset/src/vite-env.d.ts
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/src/vite-env.d.ts
rename to examples/tying-canvas-to-scroll-offset/src/vite-env.d.ts
diff --git a/demos/tying-canvas-to-scroll-offset/thumbnail.webp b/examples/tying-canvas-to-scroll-offset/thumbnail.webp
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/thumbnail.webp
rename to examples/tying-canvas-to-scroll-offset/thumbnail.webp
diff --git a/demos/tying-canvas-to-scroll-offset/tsconfig.json b/examples/tying-canvas-to-scroll-offset/tsconfig.json
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/tsconfig.json
rename to examples/tying-canvas-to-scroll-offset/tsconfig.json
diff --git a/demos/tying-canvas-to-scroll-offset/tsconfig.node.json b/examples/tying-canvas-to-scroll-offset/tsconfig.node.json
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/tsconfig.node.json
rename to examples/tying-canvas-to-scroll-offset/tsconfig.node.json
diff --git a/demos/tying-canvas-to-scroll-offset/vite.config.ts b/examples/tying-canvas-to-scroll-offset/vite.config.ts
similarity index 100%
rename from demos/tying-canvas-to-scroll-offset/vite.config.ts
rename to examples/tying-canvas-to-scroll-offset/vite.config.ts
diff --git a/demos/useintersect-and-scrollcontrols/.prettierrc b/examples/useintersect-and-scrollcontrols/.prettierrc
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/.prettierrc
rename to examples/useintersect-and-scrollcontrols/.prettierrc
diff --git a/examples/useintersect-and-scrollcontrols/README.md b/examples/useintersect-and-scrollcontrols/README.md
new file mode 100644
index 00000000..c36b8af4
--- /dev/null
+++ b/examples/useintersect-and-scrollcontrols/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/useintersect-and-scrollcontrols)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/useintersect-and-scrollcontrols)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/useintersect-and-scrollcontrols)
+
+```sh
+$ npx degit pmndrs/examples/examples/useintersect-and-scrollcontrols
+```
+
+![](thumbnail.webp)
diff --git a/demos/useintersect-and-scrollcontrols/index.html b/examples/useintersect-and-scrollcontrols/index.html
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/index.html
rename to examples/useintersect-and-scrollcontrols/index.html
diff --git a/examples/useintersect-and-scrollcontrols/package.json b/examples/useintersect-and-scrollcontrols/package.json
new file mode 100644
index 00000000..d8eb92fc
--- /dev/null
+++ b/examples/useintersect-and-scrollcontrols/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "@example/useintersect-and-scrollcontrols",
+  "version": "1.0.0",
+  "dependencies": {
+    "@pmndrs/branding": "^0.0.8",
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/useintersect-and-scrollcontrols"
+  }
+}
diff --git a/demos/useintersect-and-scrollcontrols/pmndrs.json b/examples/useintersect-and-scrollcontrols/pmndrs.json
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/pmndrs.json
rename to examples/useintersect-and-scrollcontrols/pmndrs.json
diff --git a/demos/useintersect-and-scrollcontrols/public/Inter-UI-Medium.ttf b/examples/useintersect-and-scrollcontrols/public/Inter-UI-Medium.ttf
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/public/Inter-UI-Medium.ttf
rename to examples/useintersect-and-scrollcontrols/public/Inter-UI-Medium.ttf
diff --git a/demos/useintersect-and-scrollcontrols/public/vite.svg b/examples/useintersect-and-scrollcontrols/public/vite.svg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/public/vite.svg
rename to examples/useintersect-and-scrollcontrols/public/vite.svg
diff --git a/demos/useintersect-and-scrollcontrols/src/1.jpg b/examples/useintersect-and-scrollcontrols/src/1.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/1.jpg
rename to examples/useintersect-and-scrollcontrols/src/1.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/10.jpg b/examples/useintersect-and-scrollcontrols/src/10.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/10.jpg
rename to examples/useintersect-and-scrollcontrols/src/10.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/11.jpg b/examples/useintersect-and-scrollcontrols/src/11.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/11.jpg
rename to examples/useintersect-and-scrollcontrols/src/11.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/12.jpg b/examples/useintersect-and-scrollcontrols/src/12.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/12.jpg
rename to examples/useintersect-and-scrollcontrols/src/12.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/2.jpg b/examples/useintersect-and-scrollcontrols/src/2.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/2.jpg
rename to examples/useintersect-and-scrollcontrols/src/2.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/3.jpg b/examples/useintersect-and-scrollcontrols/src/3.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/3.jpg
rename to examples/useintersect-and-scrollcontrols/src/3.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/4.jpg b/examples/useintersect-and-scrollcontrols/src/4.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/4.jpg
rename to examples/useintersect-and-scrollcontrols/src/4.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/5.jpg b/examples/useintersect-and-scrollcontrols/src/5.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/5.jpg
rename to examples/useintersect-and-scrollcontrols/src/5.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/6.jpg b/examples/useintersect-and-scrollcontrols/src/6.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/6.jpg
rename to examples/useintersect-and-scrollcontrols/src/6.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/7.jpg b/examples/useintersect-and-scrollcontrols/src/7.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/7.jpg
rename to examples/useintersect-and-scrollcontrols/src/7.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/8.jpg b/examples/useintersect-and-scrollcontrols/src/8.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/8.jpg
rename to examples/useintersect-and-scrollcontrols/src/8.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/9.jpg b/examples/useintersect-and-scrollcontrols/src/9.jpg
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/9.jpg
rename to examples/useintersect-and-scrollcontrols/src/9.jpg
diff --git a/demos/useintersect-and-scrollcontrols/src/App.jsx b/examples/useintersect-and-scrollcontrols/src/App.jsx
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/App.jsx
rename to examples/useintersect-and-scrollcontrols/src/App.jsx
diff --git a/demos/useintersect-and-scrollcontrols/src/index.jsx b/examples/useintersect-and-scrollcontrols/src/index.jsx
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/index.jsx
rename to examples/useintersect-and-scrollcontrols/src/index.jsx
diff --git a/demos/useintersect-and-scrollcontrols/src/styles.css b/examples/useintersect-and-scrollcontrols/src/styles.css
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/styles.css
rename to examples/useintersect-and-scrollcontrols/src/styles.css
diff --git a/demos/useintersect-and-scrollcontrols/src/vite-env.d.ts b/examples/useintersect-and-scrollcontrols/src/vite-env.d.ts
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/src/vite-env.d.ts
rename to examples/useintersect-and-scrollcontrols/src/vite-env.d.ts
diff --git a/demos/useintersect-and-scrollcontrols/thumbnail.webp b/examples/useintersect-and-scrollcontrols/thumbnail.webp
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/thumbnail.webp
rename to examples/useintersect-and-scrollcontrols/thumbnail.webp
diff --git a/demos/useintersect-and-scrollcontrols/tsconfig.json b/examples/useintersect-and-scrollcontrols/tsconfig.json
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/tsconfig.json
rename to examples/useintersect-and-scrollcontrols/tsconfig.json
diff --git a/demos/useintersect-and-scrollcontrols/tsconfig.node.json b/examples/useintersect-and-scrollcontrols/tsconfig.node.json
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/tsconfig.node.json
rename to examples/useintersect-and-scrollcontrols/tsconfig.node.json
diff --git a/demos/useintersect-and-scrollcontrols/vite.config.ts b/examples/useintersect-and-scrollcontrols/vite.config.ts
similarity index 100%
rename from demos/useintersect-and-scrollcontrols/vite.config.ts
rename to examples/useintersect-and-scrollcontrols/vite.config.ts
diff --git a/demos/video-cookies/.prettierrc b/examples/video-cookies/.prettierrc
similarity index 100%
rename from demos/video-cookies/.prettierrc
rename to examples/video-cookies/.prettierrc
diff --git a/examples/video-cookies/README.md b/examples/video-cookies/README.md
new file mode 100644
index 00000000..276af5d7
--- /dev/null
+++ b/examples/video-cookies/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/video-cookies)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/video-cookies)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/video-cookies)
+
+```sh
+$ npx degit pmndrs/examples/examples/video-cookies
+```
+
+![](thumbnail.webp)
diff --git a/demos/video-cookies/index.html b/examples/video-cookies/index.html
similarity index 100%
rename from demos/video-cookies/index.html
rename to examples/video-cookies/index.html
diff --git a/demos/video-cookies/package.json b/examples/video-cookies/package.json
similarity index 87%
rename from demos/video-cookies/package.json
rename to examples/video-cookies/package.json
index 40078d76..47d58595 100644
--- a/demos/video-cookies/package.json
+++ b/examples/video-cookies/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/video-cookies",
+  "name": "@example/video-cookies",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/video-cookies"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/video-cookies"
   },
   "type": "module"
 }
diff --git a/demos/video-cookies/pmndrs.json b/examples/video-cookies/pmndrs.json
similarity index 100%
rename from demos/video-cookies/pmndrs.json
rename to examples/video-cookies/pmndrs.json
diff --git a/demos/video-cookies/public/vite.svg b/examples/video-cookies/public/vite.svg
similarity index 100%
rename from demos/video-cookies/public/vite.svg
rename to examples/video-cookies/public/vite.svg
diff --git a/demos/video-cookies/src/App.jsx b/examples/video-cookies/src/App.jsx
similarity index 100%
rename from demos/video-cookies/src/App.jsx
rename to examples/video-cookies/src/App.jsx
diff --git a/demos/video-cookies/src/assets/suzanne-high-poly.gltf b/examples/video-cookies/src/assets/suzanne-high-poly.gltf
similarity index 100%
rename from demos/video-cookies/src/assets/suzanne-high-poly.gltf
rename to examples/video-cookies/src/assets/suzanne-high-poly.gltf
diff --git a/demos/video-cookies/src/caustics.mp4 b/examples/video-cookies/src/caustics.mp4
similarity index 100%
rename from demos/video-cookies/src/caustics.mp4
rename to examples/video-cookies/src/caustics.mp4
diff --git a/demos/video-cookies/src/index.jsx b/examples/video-cookies/src/index.jsx
similarity index 100%
rename from demos/video-cookies/src/index.jsx
rename to examples/video-cookies/src/index.jsx
diff --git a/demos/video-cookies/src/styles.css b/examples/video-cookies/src/styles.css
similarity index 100%
rename from demos/video-cookies/src/styles.css
rename to examples/video-cookies/src/styles.css
diff --git a/demos/video-cookies/src/vite-env.d.ts b/examples/video-cookies/src/vite-env.d.ts
similarity index 100%
rename from demos/video-cookies/src/vite-env.d.ts
rename to examples/video-cookies/src/vite-env.d.ts
diff --git a/demos/video-cookies/thumbnail.webp b/examples/video-cookies/thumbnail.webp
similarity index 100%
rename from demos/video-cookies/thumbnail.webp
rename to examples/video-cookies/thumbnail.webp
diff --git a/demos/video-cookies/tsconfig.json b/examples/video-cookies/tsconfig.json
similarity index 100%
rename from demos/video-cookies/tsconfig.json
rename to examples/video-cookies/tsconfig.json
diff --git a/demos/video-cookies/tsconfig.node.json b/examples/video-cookies/tsconfig.node.json
similarity index 100%
rename from demos/video-cookies/tsconfig.node.json
rename to examples/video-cookies/tsconfig.node.json
diff --git a/demos/video-cookies/vite.config.ts b/examples/video-cookies/vite.config.ts
similarity index 100%
rename from demos/video-cookies/vite.config.ts
rename to examples/video-cookies/vite.config.ts
diff --git a/demos/video-textures/.prettierrc b/examples/video-textures/.prettierrc
similarity index 100%
rename from demos/video-textures/.prettierrc
rename to examples/video-textures/.prettierrc
diff --git a/examples/video-textures/README.md b/examples/video-textures/README.md
new file mode 100644
index 00000000..9101762a
--- /dev/null
+++ b/examples/video-textures/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/video-textures)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/video-textures)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/video-textures)
+
+```sh
+$ npx degit pmndrs/examples/examples/video-textures
+```
+
+![](thumbnail.webp)
diff --git a/demos/video-textures/index.html b/examples/video-textures/index.html
similarity index 100%
rename from demos/video-textures/index.html
rename to examples/video-textures/index.html
diff --git a/examples/video-textures/package.json b/examples/video-textures/package.json
new file mode 100644
index 00000000..787c8737
--- /dev/null
+++ b/examples/video-textures/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@example/video-textures",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/video-textures"
+  }
+}
diff --git a/demos/video-textures/pmndrs.json b/examples/video-textures/pmndrs.json
similarity index 100%
rename from demos/video-textures/pmndrs.json
rename to examples/video-textures/pmndrs.json
diff --git a/demos/video-textures/public/vite.svg b/examples/video-textures/public/vite.svg
similarity index 100%
rename from demos/video-textures/public/vite.svg
rename to examples/video-textures/public/vite.svg
diff --git a/demos/video-textures/src/10.jpg b/examples/video-textures/src/10.jpg
similarity index 100%
rename from demos/video-textures/src/10.jpg
rename to examples/video-textures/src/10.jpg
diff --git a/demos/video-textures/src/10.mp4 b/examples/video-textures/src/10.mp4
similarity index 100%
rename from demos/video-textures/src/10.mp4
rename to examples/video-textures/src/10.mp4
diff --git a/demos/video-textures/src/App.jsx b/examples/video-textures/src/App.jsx
similarity index 100%
rename from demos/video-textures/src/App.jsx
rename to examples/video-textures/src/App.jsx
diff --git a/demos/video-textures/src/index.jsx b/examples/video-textures/src/index.jsx
similarity index 100%
rename from demos/video-textures/src/index.jsx
rename to examples/video-textures/src/index.jsx
diff --git a/demos/video-textures/src/styles.css b/examples/video-textures/src/styles.css
similarity index 100%
rename from demos/video-textures/src/styles.css
rename to examples/video-textures/src/styles.css
diff --git a/demos/video-textures/src/vite-env.d.ts b/examples/video-textures/src/vite-env.d.ts
similarity index 100%
rename from demos/video-textures/src/vite-env.d.ts
rename to examples/video-textures/src/vite-env.d.ts
diff --git a/demos/video-textures/thumbnail.webp b/examples/video-textures/thumbnail.webp
similarity index 100%
rename from demos/video-textures/thumbnail.webp
rename to examples/video-textures/thumbnail.webp
diff --git a/demos/video-textures/tsconfig.json b/examples/video-textures/tsconfig.json
similarity index 100%
rename from demos/video-textures/tsconfig.json
rename to examples/video-textures/tsconfig.json
diff --git a/demos/video-textures/tsconfig.node.json b/examples/video-textures/tsconfig.node.json
similarity index 100%
rename from demos/video-textures/tsconfig.node.json
rename to examples/video-textures/tsconfig.node.json
diff --git a/demos/video-textures/vite.config.ts b/examples/video-textures/vite.config.ts
similarity index 100%
rename from demos/video-textures/vite.config.ts
rename to examples/video-textures/vite.config.ts
diff --git a/demos/view-tracking/.prettierrc b/examples/view-tracking/.prettierrc
similarity index 100%
rename from demos/view-tracking/.prettierrc
rename to examples/view-tracking/.prettierrc
diff --git a/examples/view-tracking/README.md b/examples/view-tracking/README.md
new file mode 100644
index 00000000..e304fdd1
--- /dev/null
+++ b/examples/view-tracking/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/view-tracking)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/view-tracking)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/view-tracking)
+
+```sh
+$ npx degit pmndrs/examples/examples/view-tracking
+```
+
+![](thumbnail.webp)
diff --git a/demos/view-tracking/index.html b/examples/view-tracking/index.html
similarity index 100%
rename from demos/view-tracking/index.html
rename to examples/view-tracking/index.html
diff --git a/demos/view-tracking/package.json b/examples/view-tracking/package.json
similarity index 87%
rename from demos/view-tracking/package.json
rename to examples/view-tracking/package.json
index 8624dfc1..5cb099fe 100644
--- a/demos/view-tracking/package.json
+++ b/examples/view-tracking/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/view-tracking",
+  "name": "@example/view-tracking",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/view-tracking"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/view-tracking"
   }
 }
diff --git a/demos/view-tracking/pmndrs.json b/examples/view-tracking/pmndrs.json
similarity index 100%
rename from demos/view-tracking/pmndrs.json
rename to examples/view-tracking/pmndrs.json
diff --git a/demos/view-tracking/public/vite.svg b/examples/view-tracking/public/vite.svg
similarity index 100%
rename from demos/view-tracking/public/vite.svg
rename to examples/view-tracking/public/vite.svg
diff --git a/demos/view-tracking/src/App.jsx b/examples/view-tracking/src/App.jsx
similarity index 100%
rename from demos/view-tracking/src/App.jsx
rename to examples/view-tracking/src/App.jsx
diff --git a/demos/view-tracking/src/Models.jsx b/examples/view-tracking/src/Models.jsx
similarity index 100%
rename from demos/view-tracking/src/Models.jsx
rename to examples/view-tracking/src/Models.jsx
diff --git a/demos/view-tracking/src/assets/apple-half.gltf b/examples/view-tracking/src/assets/apple-half.gltf
similarity index 100%
rename from demos/view-tracking/src/assets/apple-half.gltf
rename to examples/view-tracking/src/assets/apple-half.gltf
diff --git a/demos/view-tracking/src/assets/candy-bucket.gltf b/examples/view-tracking/src/assets/candy-bucket.gltf
similarity index 100%
rename from demos/view-tracking/src/assets/candy-bucket.gltf
rename to examples/view-tracking/src/assets/candy-bucket.gltf
diff --git a/demos/view-tracking/src/assets/duck.gltf b/examples/view-tracking/src/assets/duck.gltf
similarity index 100%
rename from demos/view-tracking/src/assets/duck.gltf
rename to examples/view-tracking/src/assets/duck.gltf
diff --git a/demos/view-tracking/src/assets/lightning.gltf b/examples/view-tracking/src/assets/lightning.gltf
similarity index 100%
rename from demos/view-tracking/src/assets/lightning.gltf
rename to examples/view-tracking/src/assets/lightning.gltf
diff --git a/demos/view-tracking/src/assets/soda-bottle.gltf b/examples/view-tracking/src/assets/soda-bottle.gltf
similarity index 100%
rename from demos/view-tracking/src/assets/soda-bottle.gltf
rename to examples/view-tracking/src/assets/soda-bottle.gltf
diff --git a/demos/view-tracking/src/assets/target-stand.gltf b/examples/view-tracking/src/assets/target-stand.gltf
similarity index 100%
rename from demos/view-tracking/src/assets/target-stand.gltf
rename to examples/view-tracking/src/assets/target-stand.gltf
diff --git a/demos/view-tracking/src/index.jsx b/examples/view-tracking/src/index.jsx
similarity index 100%
rename from demos/view-tracking/src/index.jsx
rename to examples/view-tracking/src/index.jsx
diff --git a/demos/view-tracking/src/styles.css b/examples/view-tracking/src/styles.css
similarity index 100%
rename from demos/view-tracking/src/styles.css
rename to examples/view-tracking/src/styles.css
diff --git a/demos/view-tracking/src/vite-env.d.ts b/examples/view-tracking/src/vite-env.d.ts
similarity index 100%
rename from demos/view-tracking/src/vite-env.d.ts
rename to examples/view-tracking/src/vite-env.d.ts
diff --git a/demos/view-tracking/thumbnail.webp b/examples/view-tracking/thumbnail.webp
similarity index 100%
rename from demos/view-tracking/thumbnail.webp
rename to examples/view-tracking/thumbnail.webp
diff --git a/demos/view-tracking/tsconfig.json b/examples/view-tracking/tsconfig.json
similarity index 100%
rename from demos/view-tracking/tsconfig.json
rename to examples/view-tracking/tsconfig.json
diff --git a/demos/view-tracking/tsconfig.node.json b/examples/view-tracking/tsconfig.node.json
similarity index 100%
rename from demos/view-tracking/tsconfig.node.json
rename to examples/view-tracking/tsconfig.node.json
diff --git a/demos/view-tracking/vite.config.ts b/examples/view-tracking/vite.config.ts
similarity index 100%
rename from demos/view-tracking/vite.config.ts
rename to examples/view-tracking/vite.config.ts
diff --git a/demos/viewcube/.prettierrc b/examples/viewcube/.prettierrc
similarity index 100%
rename from demos/viewcube/.prettierrc
rename to examples/viewcube/.prettierrc
diff --git a/examples/viewcube/README.md b/examples/viewcube/README.md
new file mode 100644
index 00000000..15ad3ee9
--- /dev/null
+++ b/examples/viewcube/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/viewcube)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/viewcube)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/viewcube)
+
+```sh
+$ npx degit pmndrs/examples/examples/viewcube
+```
+
+![](thumbnail.webp)
diff --git a/demos/viewcube/index.html b/examples/viewcube/index.html
similarity index 100%
rename from demos/viewcube/index.html
rename to examples/viewcube/index.html
diff --git a/demos/viewcube/package.json b/examples/viewcube/package.json
similarity index 88%
rename from demos/viewcube/package.json
rename to examples/viewcube/package.json
index 7574cafb..0a2a1006 100644
--- a/demos/viewcube/package.json
+++ b/examples/viewcube/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/viewcube",
+  "name": "@example/viewcube",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/assets": "^1.6.0",
@@ -34,6 +34,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/viewcube"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/viewcube"
   }
 }
diff --git a/demos/viewcube/pmndrs.json b/examples/viewcube/pmndrs.json
similarity index 100%
rename from demos/viewcube/pmndrs.json
rename to examples/viewcube/pmndrs.json
diff --git a/demos/viewcube/public/vite.svg b/examples/viewcube/public/vite.svg
similarity index 100%
rename from demos/viewcube/public/vite.svg
rename to examples/viewcube/public/vite.svg
diff --git a/demos/viewcube/src/App.jsx b/examples/viewcube/src/App.jsx
similarity index 100%
rename from demos/viewcube/src/App.jsx
rename to examples/viewcube/src/App.jsx
diff --git a/demos/viewcube/src/index.jsx b/examples/viewcube/src/index.jsx
similarity index 100%
rename from demos/viewcube/src/index.jsx
rename to examples/viewcube/src/index.jsx
diff --git a/demos/viewcube/src/styles.css b/examples/viewcube/src/styles.css
similarity index 100%
rename from demos/viewcube/src/styles.css
rename to examples/viewcube/src/styles.css
diff --git a/demos/viewcube/src/vite-env.d.ts b/examples/viewcube/src/vite-env.d.ts
similarity index 100%
rename from demos/viewcube/src/vite-env.d.ts
rename to examples/viewcube/src/vite-env.d.ts
diff --git a/demos/viewcube/thumbnail.webp b/examples/viewcube/thumbnail.webp
similarity index 100%
rename from demos/viewcube/thumbnail.webp
rename to examples/viewcube/thumbnail.webp
diff --git a/demos/viewcube/tsconfig.json b/examples/viewcube/tsconfig.json
similarity index 100%
rename from demos/viewcube/tsconfig.json
rename to examples/viewcube/tsconfig.json
diff --git a/demos/viewcube/tsconfig.node.json b/examples/viewcube/tsconfig.node.json
similarity index 100%
rename from demos/viewcube/tsconfig.node.json
rename to examples/viewcube/tsconfig.node.json
diff --git a/demos/viewcube/vite.config.ts b/examples/viewcube/vite.config.ts
similarity index 100%
rename from demos/viewcube/vite.config.ts
rename to examples/viewcube/vite.config.ts
diff --git a/demos/viking-ship/.prettierrc b/examples/viking-ship/.prettierrc
similarity index 100%
rename from demos/viking-ship/.prettierrc
rename to examples/viking-ship/.prettierrc
diff --git a/examples/viking-ship/README.md b/examples/viking-ship/README.md
new file mode 100644
index 00000000..7624b83f
--- /dev/null
+++ b/examples/viking-ship/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/viking-ship)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/viking-ship)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/viking-ship)
+
+```sh
+$ npx degit pmndrs/examples/examples/viking-ship
+```
+
+![](thumbnail.webp)
diff --git a/demos/viking-ship/index.html b/examples/viking-ship/index.html
similarity index 100%
rename from demos/viking-ship/index.html
rename to examples/viking-ship/index.html
diff --git a/demos/viking-ship/package.json b/examples/viking-ship/package.json
similarity index 89%
rename from demos/viking-ship/package.json
rename to examples/viking-ship/package.json
index a7784b41..f5215bcf 100644
--- a/demos/viking-ship/package.json
+++ b/examples/viking-ship/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/viking-ship",
+  "name": "@example/viking-ship",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -42,6 +42,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/viking-ship"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/viking-ship"
   }
 }
diff --git a/demos/viking-ship/pmndrs.json b/examples/viking-ship/pmndrs.json
similarity index 100%
rename from demos/viking-ship/pmndrs.json
rename to examples/viking-ship/pmndrs.json
diff --git a/demos/viking-ship/public/favicon.ico b/examples/viking-ship/public/favicon.ico
similarity index 100%
rename from demos/viking-ship/public/favicon.ico
rename to examples/viking-ship/public/favicon.ico
diff --git a/demos/viking-ship/public/logo192.png b/examples/viking-ship/public/logo192.png
similarity index 100%
rename from demos/viking-ship/public/logo192.png
rename to examples/viking-ship/public/logo192.png
diff --git a/demos/viking-ship/public/logo512.png b/examples/viking-ship/public/logo512.png
similarity index 100%
rename from demos/viking-ship/public/logo512.png
rename to examples/viking-ship/public/logo512.png
diff --git a/demos/viking-ship/public/manifest.json b/examples/viking-ship/public/manifest.json
similarity index 100%
rename from demos/viking-ship/public/manifest.json
rename to examples/viking-ship/public/manifest.json
diff --git a/demos/viking-ship/public/robots.txt b/examples/viking-ship/public/robots.txt
similarity index 100%
rename from demos/viking-ship/public/robots.txt
rename to examples/viking-ship/public/robots.txt
diff --git a/demos/viking-ship/public/vite.svg b/examples/viking-ship/public/vite.svg
similarity index 100%
rename from demos/viking-ship/public/vite.svg
rename to examples/viking-ship/public/vite.svg
diff --git a/demos/viking-ship/sandbox.config.json b/examples/viking-ship/sandbox.config.json
similarity index 100%
rename from demos/viking-ship/sandbox.config.json
rename to examples/viking-ship/sandbox.config.json
diff --git a/demos/viking-ship/src/App.tsx b/examples/viking-ship/src/App.tsx
similarity index 100%
rename from demos/viking-ship/src/App.tsx
rename to examples/viking-ship/src/App.tsx
diff --git a/demos/viking-ship/src/Model.tsx b/examples/viking-ship/src/Model.tsx
similarity index 100%
rename from demos/viking-ship/src/Model.tsx
rename to examples/viking-ship/src/Model.tsx
diff --git a/demos/viking-ship/src/index.tsx b/examples/viking-ship/src/index.tsx
similarity index 100%
rename from demos/viking-ship/src/index.tsx
rename to examples/viking-ship/src/index.tsx
diff --git a/demos/viking-ship/src/styles.css b/examples/viking-ship/src/styles.css
similarity index 100%
rename from demos/viking-ship/src/styles.css
rename to examples/viking-ship/src/styles.css
diff --git a/demos/viking-ship/src/thor_and_the_midgard_serpent-transformed.glb b/examples/viking-ship/src/thor_and_the_midgard_serpent-transformed.glb
similarity index 100%
rename from demos/viking-ship/src/thor_and_the_midgard_serpent-transformed.glb
rename to examples/viking-ship/src/thor_and_the_midgard_serpent-transformed.glb
diff --git a/demos/viking-ship/src/vite-env.d.ts b/examples/viking-ship/src/vite-env.d.ts
similarity index 100%
rename from demos/viking-ship/src/vite-env.d.ts
rename to examples/viking-ship/src/vite-env.d.ts
diff --git a/demos/viking-ship/thumbnail.webp b/examples/viking-ship/thumbnail.webp
similarity index 100%
rename from demos/viking-ship/thumbnail.webp
rename to examples/viking-ship/thumbnail.webp
diff --git a/demos/viking-ship/tsconfig.json b/examples/viking-ship/tsconfig.json
similarity index 100%
rename from demos/viking-ship/tsconfig.json
rename to examples/viking-ship/tsconfig.json
diff --git a/demos/viking-ship/tsconfig.node.json b/examples/viking-ship/tsconfig.node.json
similarity index 100%
rename from demos/viking-ship/tsconfig.node.json
rename to examples/viking-ship/tsconfig.node.json
diff --git a/demos/viking-ship/vite.config.ts b/examples/viking-ship/vite.config.ts
similarity index 100%
rename from demos/viking-ship/vite.config.ts
rename to examples/viking-ship/vite.config.ts
diff --git a/demos/volumetric-light-godray/.prettierrc b/examples/volumetric-light-godray/.prettierrc
similarity index 100%
rename from demos/volumetric-light-godray/.prettierrc
rename to examples/volumetric-light-godray/.prettierrc
diff --git a/examples/volumetric-light-godray/README.md b/examples/volumetric-light-godray/README.md
new file mode 100644
index 00000000..a3798549
--- /dev/null
+++ b/examples/volumetric-light-godray/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/volumetric-light-godray)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/volumetric-light-godray)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/volumetric-light-godray)
+
+```sh
+$ npx degit pmndrs/examples/examples/volumetric-light-godray
+```
+
+![](thumbnail.webp)
diff --git a/demos/volumetric-light-godray/index.html b/examples/volumetric-light-godray/index.html
similarity index 100%
rename from demos/volumetric-light-godray/index.html
rename to examples/volumetric-light-godray/index.html
diff --git a/examples/volumetric-light-godray/package.json b/examples/volumetric-light-godray/package.json
new file mode 100644
index 00000000..fb943f6b
--- /dev/null
+++ b/examples/volumetric-light-godray/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "@example/volumetric-light-godray",
+  "version": "1.0.0",
+  "dependencies": {
+    "@react-three/drei": "10.7.7",
+    "@react-three/fiber": "9.6.1",
+    "@react-three/postprocessing": "^3.0.4",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "three": "0.165.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "^0.165.0",
+    "@vitejs/plugin-react": "^6.0.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "dev3": "e2e-dev $npm_package_name",
+    "build": "tsc && vite build",
+    "build2": "tsc && e2e-build $npm_package_name",
+    "preview": "vite preview"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/volumetric-light-godray"
+  }
+}
diff --git a/demos/volumetric-light-godray/pmndrs.json b/examples/volumetric-light-godray/pmndrs.json
similarity index 100%
rename from demos/volumetric-light-godray/pmndrs.json
rename to examples/volumetric-light-godray/pmndrs.json
diff --git a/demos/volumetric-light-godray/public/vite.svg b/examples/volumetric-light-godray/public/vite.svg
similarity index 100%
rename from demos/volumetric-light-godray/public/vite.svg
rename to examples/volumetric-light-godray/public/vite.svg
diff --git a/demos/volumetric-light-godray/sandbox.config.json b/examples/volumetric-light-godray/sandbox.config.json
similarity index 100%
rename from demos/volumetric-light-godray/sandbox.config.json
rename to examples/volumetric-light-godray/sandbox.config.json
diff --git a/demos/volumetric-light-godray/src/10.mp4 b/examples/volumetric-light-godray/src/10.mp4
similarity index 100%
rename from demos/volumetric-light-godray/src/10.mp4
rename to examples/volumetric-light-godray/src/10.mp4
diff --git a/demos/volumetric-light-godray/src/App.jsx b/examples/volumetric-light-godray/src/App.jsx
similarity index 100%
rename from demos/volumetric-light-godray/src/App.jsx
rename to examples/volumetric-light-godray/src/App.jsx
diff --git a/demos/volumetric-light-godray/src/index.jsx b/examples/volumetric-light-godray/src/index.jsx
similarity index 100%
rename from demos/volumetric-light-godray/src/index.jsx
rename to examples/volumetric-light-godray/src/index.jsx
diff --git a/demos/volumetric-light-godray/src/styles.css b/examples/volumetric-light-godray/src/styles.css
similarity index 100%
rename from demos/volumetric-light-godray/src/styles.css
rename to examples/volumetric-light-godray/src/styles.css
diff --git a/demos/volumetric-light-godray/src/vite-env.d.ts b/examples/volumetric-light-godray/src/vite-env.d.ts
similarity index 100%
rename from demos/volumetric-light-godray/src/vite-env.d.ts
rename to examples/volumetric-light-godray/src/vite-env.d.ts
diff --git a/demos/volumetric-light-godray/thumbnail.webp b/examples/volumetric-light-godray/thumbnail.webp
similarity index 100%
rename from demos/volumetric-light-godray/thumbnail.webp
rename to examples/volumetric-light-godray/thumbnail.webp
diff --git a/demos/volumetric-light-godray/tsconfig.json b/examples/volumetric-light-godray/tsconfig.json
similarity index 100%
rename from demos/volumetric-light-godray/tsconfig.json
rename to examples/volumetric-light-godray/tsconfig.json
diff --git a/demos/volumetric-light-godray/tsconfig.node.json b/examples/volumetric-light-godray/tsconfig.node.json
similarity index 100%
rename from demos/volumetric-light-godray/tsconfig.node.json
rename to examples/volumetric-light-godray/tsconfig.node.json
diff --git a/demos/volumetric-light-godray/vite.config.ts b/examples/volumetric-light-godray/vite.config.ts
similarity index 100%
rename from demos/volumetric-light-godray/vite.config.ts
rename to examples/volumetric-light-godray/vite.config.ts
diff --git a/demos/volumetric-spotlight/.prettierrc b/examples/volumetric-spotlight/.prettierrc
similarity index 100%
rename from demos/volumetric-spotlight/.prettierrc
rename to examples/volumetric-spotlight/.prettierrc
diff --git a/examples/volumetric-spotlight/README.md b/examples/volumetric-spotlight/README.md
new file mode 100644
index 00000000..418d03e4
--- /dev/null
+++ b/examples/volumetric-spotlight/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/volumetric-spotlight)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/volumetric-spotlight)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/volumetric-spotlight)
+
+```sh
+$ npx degit pmndrs/examples/examples/volumetric-spotlight
+```
+
+![](thumbnail.webp)
diff --git a/demos/volumetric-spotlight/index.html b/examples/volumetric-spotlight/index.html
similarity index 100%
rename from demos/volumetric-spotlight/index.html
rename to examples/volumetric-spotlight/index.html
diff --git a/demos/bloom-hdr-workflow-gltf/package.json b/examples/volumetric-spotlight/package.json
similarity index 85%
rename from demos/bloom-hdr-workflow-gltf/package.json
rename to examples/volumetric-spotlight/package.json
index 14ed55ab..4a3e9fed 100644
--- a/demos/bloom-hdr-workflow-gltf/package.json
+++ b/examples/volumetric-spotlight/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/bloom-hdr-workflow-gltf",
+  "name": "@example/volumetric-spotlight",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,6 +32,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/bloom-hdr-workflow-gltf"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/volumetric-spotlight"
   }
 }
diff --git a/demos/volumetric-spotlight/pmndrs.json b/examples/volumetric-spotlight/pmndrs.json
similarity index 100%
rename from demos/volumetric-spotlight/pmndrs.json
rename to examples/volumetric-spotlight/pmndrs.json
diff --git a/demos/volumetric-spotlight/public/vite.svg b/examples/volumetric-spotlight/public/vite.svg
similarity index 100%
rename from demos/volumetric-spotlight/public/vite.svg
rename to examples/volumetric-spotlight/public/vite.svg
diff --git a/demos/volumetric-spotlight/src/App.jsx b/examples/volumetric-spotlight/src/App.jsx
similarity index 100%
rename from demos/volumetric-spotlight/src/App.jsx
rename to examples/volumetric-spotlight/src/App.jsx
diff --git a/demos/volumetric-spotlight/src/assets/dragon.gltf b/examples/volumetric-spotlight/src/assets/dragon.gltf
similarity index 100%
rename from demos/volumetric-spotlight/src/assets/dragon.gltf
rename to examples/volumetric-spotlight/src/assets/dragon.gltf
diff --git a/demos/volumetric-spotlight/src/index.jsx b/examples/volumetric-spotlight/src/index.jsx
similarity index 100%
rename from demos/volumetric-spotlight/src/index.jsx
rename to examples/volumetric-spotlight/src/index.jsx
diff --git a/demos/volumetric-spotlight/src/styles.css b/examples/volumetric-spotlight/src/styles.css
similarity index 100%
rename from demos/volumetric-spotlight/src/styles.css
rename to examples/volumetric-spotlight/src/styles.css
diff --git a/demos/volumetric-spotlight/src/vite-env.d.ts b/examples/volumetric-spotlight/src/vite-env.d.ts
similarity index 100%
rename from demos/volumetric-spotlight/src/vite-env.d.ts
rename to examples/volumetric-spotlight/src/vite-env.d.ts
diff --git a/demos/volumetric-spotlight/thumbnail.webp b/examples/volumetric-spotlight/thumbnail.webp
similarity index 100%
rename from demos/volumetric-spotlight/thumbnail.webp
rename to examples/volumetric-spotlight/thumbnail.webp
diff --git a/demos/volumetric-spotlight/tsconfig.json b/examples/volumetric-spotlight/tsconfig.json
similarity index 100%
rename from demos/volumetric-spotlight/tsconfig.json
rename to examples/volumetric-spotlight/tsconfig.json
diff --git a/demos/volumetric-spotlight/tsconfig.node.json b/examples/volumetric-spotlight/tsconfig.node.json
similarity index 100%
rename from demos/volumetric-spotlight/tsconfig.node.json
rename to examples/volumetric-spotlight/tsconfig.node.json
diff --git a/demos/volumetric-spotlight/vite.config.ts b/examples/volumetric-spotlight/vite.config.ts
similarity index 100%
rename from demos/volumetric-spotlight/vite.config.ts
rename to examples/volumetric-spotlight/vite.config.ts
diff --git a/demos/water-shader/.prettierrc b/examples/water-shader/.prettierrc
similarity index 100%
rename from demos/water-shader/.prettierrc
rename to examples/water-shader/.prettierrc
diff --git a/examples/water-shader/README.md b/examples/water-shader/README.md
new file mode 100644
index 00000000..b826a4aa
--- /dev/null
+++ b/examples/water-shader/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/water-shader)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/water-shader)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/water-shader)
+
+```sh
+$ npx degit pmndrs/examples/examples/water-shader
+```
+
+![](thumbnail.webp)
diff --git a/demos/water-shader/index.html b/examples/water-shader/index.html
similarity index 100%
rename from demos/water-shader/index.html
rename to examples/water-shader/index.html
diff --git a/demos/water-shader/package.json b/examples/water-shader/package.json
similarity index 87%
rename from demos/water-shader/package.json
rename to examples/water-shader/package.json
index 7496b3db..2788a465 100644
--- a/demos/water-shader/package.json
+++ b/examples/water-shader/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/water-shader",
+  "name": "@example/water-shader",
   "version": "1.0.0",
   "dependencies": {
     "@react-three/drei": "10.7.7",
@@ -32,7 +32,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/water-shader"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/water-shader"
   },
   "type": "module"
 }
diff --git a/demos/water-shader/pmndrs.json b/examples/water-shader/pmndrs.json
similarity index 100%
rename from demos/water-shader/pmndrs.json
rename to examples/water-shader/pmndrs.json
diff --git a/demos/water-shader/public/vite.svg b/examples/water-shader/public/vite.svg
similarity index 100%
rename from demos/water-shader/public/vite.svg
rename to examples/water-shader/public/vite.svg
diff --git a/demos/water-shader/src/App.jsx b/examples/water-shader/src/App.jsx
similarity index 100%
rename from demos/water-shader/src/App.jsx
rename to examples/water-shader/src/App.jsx
diff --git a/demos/water-shader/src/index.jsx b/examples/water-shader/src/index.jsx
similarity index 100%
rename from demos/water-shader/src/index.jsx
rename to examples/water-shader/src/index.jsx
diff --git a/demos/water-shader/src/styles.css b/examples/water-shader/src/styles.css
similarity index 100%
rename from demos/water-shader/src/styles.css
rename to examples/water-shader/src/styles.css
diff --git a/demos/water-shader/src/vite-env.d.ts b/examples/water-shader/src/vite-env.d.ts
similarity index 100%
rename from demos/water-shader/src/vite-env.d.ts
rename to examples/water-shader/src/vite-env.d.ts
diff --git a/demos/water-shader/src/waternormals.jpeg b/examples/water-shader/src/waternormals.jpeg
similarity index 100%
rename from demos/water-shader/src/waternormals.jpeg
rename to examples/water-shader/src/waternormals.jpeg
diff --git a/demos/water-shader/thumbnail.webp b/examples/water-shader/thumbnail.webp
similarity index 100%
rename from demos/water-shader/thumbnail.webp
rename to examples/water-shader/thumbnail.webp
diff --git a/demos/water-shader/tsconfig.json b/examples/water-shader/tsconfig.json
similarity index 100%
rename from demos/water-shader/tsconfig.json
rename to examples/water-shader/tsconfig.json
diff --git a/demos/water-shader/tsconfig.node.json b/examples/water-shader/tsconfig.node.json
similarity index 100%
rename from demos/water-shader/tsconfig.node.json
rename to examples/water-shader/tsconfig.node.json
diff --git a/demos/water-shader/vite.config.ts b/examples/water-shader/vite.config.ts
similarity index 100%
rename from demos/water-shader/vite.config.ts
rename to examples/water-shader/vite.config.ts
diff --git a/demos/wireframes/.prettierrc b/examples/wireframes/.prettierrc
similarity index 100%
rename from demos/wireframes/.prettierrc
rename to examples/wireframes/.prettierrc
diff --git a/examples/wireframes/README.md b/examples/wireframes/README.md
new file mode 100644
index 00000000..9ff32edf
--- /dev/null
+++ b/examples/wireframes/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/wireframes)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/wireframes)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/wireframes)
+
+```sh
+$ npx degit pmndrs/examples/examples/wireframes
+```
+
+![](thumbnail.webp)
diff --git a/demos/wireframes/index.html b/examples/wireframes/index.html
similarity index 100%
rename from demos/wireframes/index.html
rename to examples/wireframes/index.html
diff --git a/demos/wireframes/package.json b/examples/wireframes/package.json
similarity index 88%
rename from demos/wireframes/package.json
rename to examples/wireframes/package.json
index 55352a99..2b3eb4ca 100644
--- a/demos/wireframes/package.json
+++ b/examples/wireframes/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/wireframes",
+  "name": "@example/wireframes",
   "version": "1.0.0",
   "dependencies": {
     "@pmndrs/branding": "^0.0.8",
@@ -35,6 +35,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/wireframes"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/wireframes"
   }
 }
diff --git a/demos/wireframes/pmndrs.json b/examples/wireframes/pmndrs.json
similarity index 100%
rename from demos/wireframes/pmndrs.json
rename to examples/wireframes/pmndrs.json
diff --git a/demos/wireframes/public/vite.svg b/examples/wireframes/public/vite.svg
similarity index 100%
rename from demos/wireframes/public/vite.svg
rename to examples/wireframes/public/vite.svg
diff --git a/demos/wireframes/src/App.jsx b/examples/wireframes/src/App.jsx
similarity index 100%
rename from demos/wireframes/src/App.jsx
rename to examples/wireframes/src/App.jsx
diff --git a/demos/wireframes/src/Car.jsx b/examples/wireframes/src/Car.jsx
similarity index 100%
rename from demos/wireframes/src/Car.jsx
rename to examples/wireframes/src/Car.jsx
diff --git a/demos/wireframes/src/Primitive.jsx b/examples/wireframes/src/Primitive.jsx
similarity index 100%
rename from demos/wireframes/src/Primitive.jsx
rename to examples/wireframes/src/Primitive.jsx
diff --git a/demos/wireframes/src/Shader.jsx b/examples/wireframes/src/Shader.jsx
similarity index 100%
rename from demos/wireframes/src/Shader.jsx
rename to examples/wireframes/src/Shader.jsx
diff --git a/demos/wireframes/src/car.glb b/examples/wireframes/src/car.glb
similarity index 100%
rename from demos/wireframes/src/car.glb
rename to examples/wireframes/src/car.glb
diff --git a/demos/wireframes/src/components/Branding.jsx b/examples/wireframes/src/components/Branding.jsx
similarity index 100%
rename from demos/wireframes/src/components/Branding.jsx
rename to examples/wireframes/src/components/Branding.jsx
diff --git a/demos/wireframes/src/components/Lights.jsx b/examples/wireframes/src/components/Lights.jsx
similarity index 100%
rename from demos/wireframes/src/components/Lights.jsx
rename to examples/wireframes/src/components/Lights.jsx
diff --git a/demos/wireframes/src/index.jsx b/examples/wireframes/src/index.jsx
similarity index 100%
rename from demos/wireframes/src/index.jsx
rename to examples/wireframes/src/index.jsx
diff --git a/demos/wireframes/src/styles.css b/examples/wireframes/src/styles.css
similarity index 100%
rename from demos/wireframes/src/styles.css
rename to examples/wireframes/src/styles.css
diff --git a/demos/wireframes/src/useOptions.jsx b/examples/wireframes/src/useOptions.jsx
similarity index 100%
rename from demos/wireframes/src/useOptions.jsx
rename to examples/wireframes/src/useOptions.jsx
diff --git a/demos/wireframes/src/vite-env.d.ts b/examples/wireframes/src/vite-env.d.ts
similarity index 100%
rename from demos/wireframes/src/vite-env.d.ts
rename to examples/wireframes/src/vite-env.d.ts
diff --git a/demos/wireframes/thumbnail.webp b/examples/wireframes/thumbnail.webp
similarity index 100%
rename from demos/wireframes/thumbnail.webp
rename to examples/wireframes/thumbnail.webp
diff --git a/demos/wireframes/tsconfig.json b/examples/wireframes/tsconfig.json
similarity index 100%
rename from demos/wireframes/tsconfig.json
rename to examples/wireframes/tsconfig.json
diff --git a/demos/wireframes/tsconfig.node.json b/examples/wireframes/tsconfig.node.json
similarity index 100%
rename from demos/wireframes/tsconfig.node.json
rename to examples/wireframes/tsconfig.node.json
diff --git a/demos/wireframes/vite.config.ts b/examples/wireframes/vite.config.ts
similarity index 100%
rename from demos/wireframes/vite.config.ts
rename to examples/wireframes/vite.config.ts
diff --git a/demos/wobbling-sphere/.prettierrc b/examples/wobbling-sphere/.prettierrc
similarity index 100%
rename from demos/wobbling-sphere/.prettierrc
rename to examples/wobbling-sphere/.prettierrc
diff --git a/examples/wobbling-sphere/README.md b/examples/wobbling-sphere/README.md
new file mode 100644
index 00000000..8ef7f160
--- /dev/null
+++ b/examples/wobbling-sphere/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/wobbling-sphere)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/wobbling-sphere)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/wobbling-sphere)
+
+```sh
+$ npx degit pmndrs/examples/examples/wobbling-sphere
+```
+
+![](thumbnail.webp)
diff --git a/demos/wobbling-sphere/index.html b/examples/wobbling-sphere/index.html
similarity index 100%
rename from demos/wobbling-sphere/index.html
rename to examples/wobbling-sphere/index.html
diff --git a/demos/dbismut-furniture/package.json b/examples/wobbling-sphere/package.json
similarity index 86%
rename from demos/dbismut-furniture/package.json
rename to examples/wobbling-sphere/package.json
index cb02924e..b64cb265 100644
--- a/demos/dbismut-furniture/package.json
+++ b/examples/wobbling-sphere/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/dbismut-furniture",
+  "name": "@example/wobbling-sphere",
   "version": "1.0.0",
   "dependencies": {
     "@react-spring/three": "^10.1.2",
@@ -33,6 +33,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/dbismut-furniture"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/wobbling-sphere"
   }
 }
diff --git a/demos/wobbling-sphere/pmndrs.json b/examples/wobbling-sphere/pmndrs.json
similarity index 100%
rename from demos/wobbling-sphere/pmndrs.json
rename to examples/wobbling-sphere/pmndrs.json
diff --git a/demos/wobbling-sphere/public/vite.svg b/examples/wobbling-sphere/public/vite.svg
similarity index 100%
rename from demos/wobbling-sphere/public/vite.svg
rename to examples/wobbling-sphere/public/vite.svg
diff --git a/demos/wobbling-sphere/src/App.jsx b/examples/wobbling-sphere/src/App.jsx
similarity index 100%
rename from demos/wobbling-sphere/src/App.jsx
rename to examples/wobbling-sphere/src/App.jsx
diff --git a/demos/wobbling-sphere/src/Overlay.jsx b/examples/wobbling-sphere/src/Overlay.jsx
similarity index 100%
rename from demos/wobbling-sphere/src/Overlay.jsx
rename to examples/wobbling-sphere/src/Overlay.jsx
diff --git a/demos/wobbling-sphere/src/Scene.jsx b/examples/wobbling-sphere/src/Scene.jsx
similarity index 100%
rename from demos/wobbling-sphere/src/Scene.jsx
rename to examples/wobbling-sphere/src/Scene.jsx
diff --git a/demos/wobbling-sphere/src/index.jsx b/examples/wobbling-sphere/src/index.jsx
similarity index 100%
rename from demos/wobbling-sphere/src/index.jsx
rename to examples/wobbling-sphere/src/index.jsx
diff --git a/demos/wobbling-sphere/src/styles.css b/examples/wobbling-sphere/src/styles.css
similarity index 100%
rename from demos/wobbling-sphere/src/styles.css
rename to examples/wobbling-sphere/src/styles.css
diff --git a/demos/wobbling-sphere/src/vite-env.d.ts b/examples/wobbling-sphere/src/vite-env.d.ts
similarity index 100%
rename from demos/wobbling-sphere/src/vite-env.d.ts
rename to examples/wobbling-sphere/src/vite-env.d.ts
diff --git a/demos/wobbling-sphere/thumbnail.webp b/examples/wobbling-sphere/thumbnail.webp
similarity index 100%
rename from demos/wobbling-sphere/thumbnail.webp
rename to examples/wobbling-sphere/thumbnail.webp
diff --git a/demos/wobbling-sphere/tsconfig.json b/examples/wobbling-sphere/tsconfig.json
similarity index 100%
rename from demos/wobbling-sphere/tsconfig.json
rename to examples/wobbling-sphere/tsconfig.json
diff --git a/demos/wobbling-sphere/tsconfig.node.json b/examples/wobbling-sphere/tsconfig.node.json
similarity index 100%
rename from demos/wobbling-sphere/tsconfig.node.json
rename to examples/wobbling-sphere/tsconfig.node.json
diff --git a/demos/wobbling-sphere/vite.config.ts b/examples/wobbling-sphere/vite.config.ts
similarity index 100%
rename from demos/wobbling-sphere/vite.config.ts
rename to examples/wobbling-sphere/vite.config.ts
diff --git a/demos/zustand-site/.prettierrc b/examples/zustand-site/.prettierrc
similarity index 100%
rename from demos/zustand-site/.prettierrc
rename to examples/zustand-site/.prettierrc
diff --git a/examples/zustand-site/README.md b/examples/zustand-site/README.md
new file mode 100644
index 00000000..7a7aba04
--- /dev/null
+++ b/examples/zustand-site/README.md
@@ -0,0 +1,9 @@
+[![Static](https://img.shields.io/badge/example-%23646CFF.svg?logo=html5&logoColor=white)](https://pmndrs.github.io/examples/zustand-site)
+[![CodeSandbox](https://img.shields.io/badge/codesandbox-040404?logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/s/github/pmndrs/examples/tree/main/examples/zustand-site)
+[![Stackblitz](https://img.shields.io/badge/stackblitz-fff?logo=Stackblitz&logoColor=1389FD)](https://stackblitz.com/github/pmndrs/examples/tree/main/examples/zustand-site)
+
+```sh
+$ npx degit pmndrs/examples/examples/zustand-site
+```
+
+![](thumbnail.webp)
diff --git a/demos/zustand-site/index.html b/examples/zustand-site/index.html
similarity index 100%
rename from demos/zustand-site/index.html
rename to examples/zustand-site/index.html
diff --git a/demos/zustand-site/package.json b/examples/zustand-site/package.json
similarity index 91%
rename from demos/zustand-site/package.json
rename to examples/zustand-site/package.json
index af61f4f3..8cfd9473 100644
--- a/demos/zustand-site/package.json
+++ b/examples/zustand-site/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@demo/zustand-site",
+  "name": "@example/zustand-site",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -52,6 +52,6 @@
   "type": "module",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmndrs/examples/tree/main/demos/zustand-site"
+    "url": "https://github.com/pmndrs/examples/tree/main/examples/zustand-site"
   }
 }
diff --git a/demos/zustand-site/pmndrs.json b/examples/zustand-site/pmndrs.json
similarity index 100%
rename from demos/zustand-site/pmndrs.json
rename to examples/zustand-site/pmndrs.json
diff --git a/demos/zustand-site/public/favicon.ico b/examples/zustand-site/public/favicon.ico
similarity index 100%
rename from demos/zustand-site/public/favicon.ico
rename to examples/zustand-site/public/favicon.ico
diff --git a/demos/zustand-site/public/logo192.png b/examples/zustand-site/public/logo192.png
similarity index 100%
rename from demos/zustand-site/public/logo192.png
rename to examples/zustand-site/public/logo192.png
diff --git a/demos/zustand-site/public/logo512.png b/examples/zustand-site/public/logo512.png
similarity index 100%
rename from demos/zustand-site/public/logo512.png
rename to examples/zustand-site/public/logo512.png
diff --git a/demos/zustand-site/public/manifest.json b/examples/zustand-site/public/manifest.json
similarity index 100%
rename from demos/zustand-site/public/manifest.json
rename to examples/zustand-site/public/manifest.json
diff --git a/demos/zustand-site/public/ogimage.jpg b/examples/zustand-site/public/ogimage.jpg
similarity index 100%
rename from demos/zustand-site/public/ogimage.jpg
rename to examples/zustand-site/public/ogimage.jpg
diff --git a/demos/zustand-site/public/robots.txt b/examples/zustand-site/public/robots.txt
similarity index 100%
rename from demos/zustand-site/public/robots.txt
rename to examples/zustand-site/public/robots.txt
diff --git a/demos/zustand-site/public/vite.svg b/examples/zustand-site/public/vite.svg
similarity index 100%
rename from demos/zustand-site/public/vite.svg
rename to examples/zustand-site/public/vite.svg
diff --git a/demos/zustand-site/src/App.jsx b/examples/zustand-site/src/App.jsx
similarity index 100%
rename from demos/zustand-site/src/App.jsx
rename to examples/zustand-site/src/App.jsx
diff --git a/demos/zustand-site/src/components/Fireflies.jsx b/examples/zustand-site/src/components/Fireflies.jsx
similarity index 100%
rename from demos/zustand-site/src/components/Fireflies.jsx
rename to examples/zustand-site/src/components/Fireflies.jsx
diff --git a/demos/zustand-site/src/index.jsx b/examples/zustand-site/src/index.jsx
similarity index 100%
rename from demos/zustand-site/src/index.jsx
rename to examples/zustand-site/src/index.jsx
diff --git a/demos/zustand-site/src/materials/layerMaterial.js b/examples/zustand-site/src/materials/layerMaterial.js
similarity index 100%
rename from demos/zustand-site/src/materials/layerMaterial.js
rename to examples/zustand-site/src/materials/layerMaterial.js
diff --git a/demos/zustand-site/src/resources/bear.png b/examples/zustand-site/src/resources/bear.png
similarity index 100%
rename from demos/zustand-site/src/resources/bear.png
rename to examples/zustand-site/src/resources/bear.png
diff --git a/demos/zustand-site/src/resources/bg.jpg b/examples/zustand-site/src/resources/bg.jpg
similarity index 100%
rename from demos/zustand-site/src/resources/bg.jpg
rename to examples/zustand-site/src/resources/bg.jpg
diff --git a/demos/zustand-site/src/resources/ground.png b/examples/zustand-site/src/resources/ground.png
similarity index 100%
rename from demos/zustand-site/src/resources/ground.png
rename to examples/zustand-site/src/resources/ground.png
diff --git a/demos/zustand-site/src/resources/leaves1.png b/examples/zustand-site/src/resources/leaves1.png
similarity index 100%
rename from demos/zustand-site/src/resources/leaves1.png
rename to examples/zustand-site/src/resources/leaves1.png
diff --git a/demos/zustand-site/src/resources/leaves2.png b/examples/zustand-site/src/resources/leaves2.png
similarity index 100%
rename from demos/zustand-site/src/resources/leaves2.png
rename to examples/zustand-site/src/resources/leaves2.png
diff --git a/demos/zustand-site/src/resources/stars.png b/examples/zustand-site/src/resources/stars.png
similarity index 100%
rename from demos/zustand-site/src/resources/stars.png
rename to examples/zustand-site/src/resources/stars.png
diff --git a/demos/zustand-site/src/styles.css b/examples/zustand-site/src/styles.css
similarity index 100%
rename from demos/zustand-site/src/styles.css
rename to examples/zustand-site/src/styles.css
diff --git a/demos/zustand-site/src/vite-env.d.ts b/examples/zustand-site/src/vite-env.d.ts
similarity index 100%
rename from demos/zustand-site/src/vite-env.d.ts
rename to examples/zustand-site/src/vite-env.d.ts
diff --git a/demos/zustand-site/thumbnail.webp b/examples/zustand-site/thumbnail.webp
similarity index 100%
rename from demos/zustand-site/thumbnail.webp
rename to examples/zustand-site/thumbnail.webp
diff --git a/demos/zustand-site/tsconfig.json b/examples/zustand-site/tsconfig.json
similarity index 100%
rename from demos/zustand-site/tsconfig.json
rename to examples/zustand-site/tsconfig.json
diff --git a/demos/zustand-site/tsconfig.node.json b/examples/zustand-site/tsconfig.node.json
similarity index 100%
rename from demos/zustand-site/tsconfig.node.json
rename to examples/zustand-site/tsconfig.node.json
diff --git a/demos/zustand-site/vite.config.ts b/examples/zustand-site/vite.config.ts
similarity index 100%
rename from demos/zustand-site/vite.config.ts
rename to examples/zustand-site/vite.config.ts
diff --git a/out.sh b/out.sh
index 36e2e1ba..1939370d 100755
--- a/out.sh
+++ b/out.sh
@@ -4,28 +4,28 @@ DST="out${BASE_PATH}"  # More descriptive name
 
 rm -rf out
 
-for demo_path in demos/*; do
-  demo_name=$(basename "$demo_path")
+for example_path in examples/*; do
+  example_name=$(basename "$example_path")
 
-  vite_dist_dir="$demo_path/dist"
-  out_demo_dir="$DST/$demo_name"
+  vite_dist_dir="$example_path/dist"
+  out_example_dir="$DST/$example_name"
 
   if [ -d "$vite_dist_dir" ]; then
-    mkdir -p "$out_demo_dir"
-    cp -r "$vite_dist_dir"/* "$out_demo_dir"
+    mkdir -p "$out_example_dir"
+    cp -r "$vite_dist_dir"/* "$out_example_dir"
     
-    thumbnail_file=$(find "$demo_path" -name 'thumbnail.webp' -print -quit)  # Lower case for local variable
-    snapshot_file=$(find packages/e2e/snapshot.test.js-snapshots -name "${demo_name}-*-linux.png" -print -quit)  # Lower case for local variable
+    thumbnail_file=$(find "$example_path" -name 'thumbnail.webp' -print -quit)  # Lower case for local variable
+    snapshot_file=$(find packages/e2e/snapshot.test.js-snapshots -name "${example_name}-*-linux.png" -print -quit)  # Lower case for local variable
     
     if [ -n "$snapshot_file" ]; then
-      cp "$snapshot_file" "$out_demo_dir/thumbnail.webp"
-      echo "Copied snapshot_file $snapshot_file to $out_demo_dir"
+      cp "$snapshot_file" "$out_example_dir/thumbnail.webp"
+      echo "Copied snapshot_file $snapshot_file to $out_example_dir"
     elif [ -n "$thumbnail_file" ]; then
-      cp "$thumbnail_file" "$out_demo_dir/thumbnail.webp"
-      echo "Copied thumbnail_file $thumbnail_file to $out_demo_dir"
+      cp "$thumbnail_file" "$out_example_dir/thumbnail.webp"
+      echo "Copied thumbnail_file $thumbnail_file to $out_example_dir"
     fi
     
-    echo "Copied $vite_dist_dir to $out_demo_dir"
+    echo "Copied $vite_dist_dir to $out_example_dir"
   fi
 done
 
diff --git a/packages/e2e/bin/build.mjs b/packages/e2e/bin/build.mjs
index de6c3bb8..327db556 100755
--- a/packages/e2e/bin/build.mjs
+++ b/packages/e2e/bin/build.mjs
@@ -13,13 +13,13 @@ if (!pkgname) {
   console.error("Please provide the package name as the first argument.");
   process.exit(1);
 }
-const demoname = pkgname.split("@demo/")[1];
+const examplename = pkgname.split("@example/")[1];
 
 const __filename = fileURLToPath(import.meta.url); // Converts the URL to a file path
 const __dirname = dirname(__filename); // Gets the directory name
 const configFile = resolve(__dirname, "../src/vite.config.build.ts");
 
-const base = `${process.env.BASE_PATH || ""}/${demoname}`;
+const base = `${process.env.BASE_PATH || ""}/${examplename}`;
 
 await build({
   base,
diff --git a/packages/e2e/bin/dev.mjs b/packages/e2e/bin/dev.mjs
index 0d8e9b21..191f9a5e 100755
--- a/packages/e2e/bin/dev.mjs
+++ b/packages/e2e/bin/dev.mjs
@@ -14,19 +14,19 @@ if (!pkgname) {
   console.error("Please provide the package name as the first argument.");
   process.exit(1);
 }
-const demoname = pkgname.split("@demo/")[1];
+const examplename = pkgname.split("@example/")[1];
 
 const __filename = fileURLToPath(import.meta.url); // Converts the URL to a file path
 const __dirname = dirname(__filename); // Gets the directory name
 const configFile = resolve(__dirname, "../src/vite.config.dev.ts");
 
-const base = `${process.env.BASE_PATH || ""}/${demoname}`;
+const base = `${process.env.BASE_PATH || ""}/${examplename}`;
 
 const server = await createServer({
   base,
   configFile,
   server: {
-    port: generatePort(demoname),
+    port: generatePort(examplename),
     strictPort: true,
   },
 });
diff --git a/packages/e2e/bin/test.mjs b/packages/e2e/bin/test.mjs
index 137dcdc6..2dd59973 100755
--- a/packages/e2e/bin/test.mjs
+++ b/packages/e2e/bin/test.mjs
@@ -14,7 +14,7 @@ if (!pkgname) {
   console.error("Please provide the package name as the first argument.");
   process.exit(1);
 }
-const demoname = pkgname.split("@demo/")[1];
+const examplename = pkgname.split("@example/")[1];
 
 const updateSnapshots = argv["update-snapshots"];
 
@@ -48,7 +48,7 @@ function startPlaywright(url) {
       args.push(
         typeof updateSnapshots === "string"
           ? `--update-snapshots=${updateSnapshots}`
-          : "--update-snapshots"
+          : "--update-snapshots",
       );
     }
 
@@ -56,7 +56,7 @@ function startPlaywright(url) {
       stdio: "inherit",
       env: {
         ...process.env,
-        DEMONAME: demoname,
+        EXAMPLENAME: examplename,
         HOST: url,
       },
     });
@@ -75,7 +75,7 @@ function startPlaywright(url) {
 }
 
 const { close: closeVite, url } = await startVite(
-  `${process.env.BASE_PATH || ""}/${demoname}`
+  `${process.env.BASE_PATH || ""}/${examplename}`,
 );
 console.log("Vite started at", url);
 const playwright = await startPlaywright(url);
diff --git a/packages/e2e/snapshot.test.js b/packages/e2e/snapshot.test.js
index 851b5fa9..296bf7a1 100644
--- a/packages/e2e/snapshot.test.js
+++ b/packages/e2e/snapshot.test.js
@@ -9,9 +9,9 @@ if (!host) {
   process.exit(1);
 }
 
-const demoname = process.env.DEMONAME;
-if (!demoname) {
-  console.error("Please provide DEMONAME.");
+const examplename = process.env.EXAMPLENAME;
+if (!examplename) {
+  console.error("Please provide EXAMPLENAME.");
   process.exit(1);
 }
 
@@ -19,9 +19,9 @@ async function waitForEvent(page, eventName) {
   await page.evaluate(
     (eventName) =>
       new Promise((resolve) =>
-        document.addEventListener(eventName, resolve, { once: true })
+        document.addEventListener(eventName, resolve, { once: true }),
       ),
-    eventName
+    eventName,
   );
 }
 
@@ -39,7 +39,7 @@ function waitForServer() {
   });
 }
 
-test(`${demoname}`, async ({ page }) => {
+test(`${examplename}`, async ({ page }) => {
   // Redirect console.log messages to stdout
   page.on("console", (msg) => {
     if (msg.type() === "log") {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6177cee2..f9256900 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,480 +41,480 @@ importers:
 
   apps/website:
     dependencies:
-      '@demo/aquarium':
+      '@example/aquarium':
         specifier: workspace:*
-        version: link:../../demos/aquarium
-      '@demo/arkanoid':
+        version: link:../../examples/aquarium
+      '@example/arkanoid':
         specifier: workspace:*
-        version: link:../../demos/arkanoid
-      '@demo/arkanoid-under-60-loc':
+        version: link:../../examples/arkanoid
+      '@example/arkanoid-under-60-loc':
         specifier: workspace:*
-        version: link:../../demos/arkanoid-under-60-loc
-      '@demo/audio-analyser':
+        version: link:../../examples/arkanoid-under-60-loc
+      '@example/audio-analyser':
         specifier: workspace:*
-        version: link:../../demos/audio-analyser
-      '@demo/backdrop-and-cables':
+        version: link:../../examples/audio-analyser
+      '@example/backdrop-and-cables':
         specifier: workspace:*
-        version: link:../../demos/backdrop-and-cables
-      '@demo/baking-soft-shadows':
+        version: link:../../examples/backdrop-and-cables
+      '@example/baking-soft-shadows':
         specifier: workspace:*
-        version: link:../../demos/baking-soft-shadows
-      '@demo/basic-ballpit':
+        version: link:../../examples/baking-soft-shadows
+      '@example/basic-ballpit':
         specifier: workspace:*
-        version: link:../../demos/basic-ballpit
-      '@demo/basic-demo':
+        version: link:../../examples/basic-ballpit
+      '@example/basic-example':
         specifier: workspace:*
-        version: link:../../demos/basic-demo
-      '@demo/bestservedbold-christmas-baubles':
+        version: link:../../examples/basic-example
+      '@example/bestservedbold-christmas-baubles':
         specifier: workspace:*
-        version: link:../../demos/bestservedbold-christmas-baubles
-      '@demo/bezier-curves-and-nodes':
+        version: link:../../examples/bestservedbold-christmas-baubles
+      '@example/bezier-curves-and-nodes':
         specifier: workspace:*
-        version: link:../../demos/bezier-curves-and-nodes
-      '@demo/bloom-hdr-workflow-gltf':
+        version: link:../../examples/bezier-curves-and-nodes
+      '@example/bloom-hdr-workflow-gltf':
         specifier: workspace:*
-        version: link:../../demos/bloom-hdr-workflow-gltf
-      '@demo/bouncy-watch':
+        version: link:../../examples/bloom-hdr-workflow-gltf
+      '@example/bouncy-watch':
         specifier: workspace:*
-        version: link:../../demos/bouncy-watch
-      '@demo/bounds-and-makedefault':
+        version: link:../../examples/bouncy-watch
+      '@example/bounds-and-makedefault':
         specifier: workspace:*
-        version: link:../../demos/bounds-and-makedefault
-      '@demo/bruno-simons-20k-challenge':
+        version: link:../../examples/bounds-and-makedefault
+      '@example/bruno-simons-20k-challenge':
         specifier: workspace:*
-        version: link:../../demos/bruno-simons-20k-challenge
-      '@demo/building-live-envmaps':
+        version: link:../../examples/bruno-simons-20k-challenge
+      '@example/building-live-envmaps':
         specifier: workspace:*
-        version: link:../../demos/building-live-envmaps
-      '@demo/bvh':
+        version: link:../../examples/building-live-envmaps
+      '@example/bvh':
         specifier: workspace:*
-        version: link:../../demos/bvh
-      '@demo/camera-scroll':
+        version: link:../../examples/bvh
+      '@example/camera-scroll':
         specifier: workspace:*
-        version: link:../../demos/camera-scroll
-      '@demo/camera-shake':
+        version: link:../../examples/camera-scroll
+      '@example/camera-shake':
         specifier: workspace:*
-        version: link:../../demos/camera-shake
-      '@demo/canvas-text':
+        version: link:../../examples/camera-shake
+      '@example/canvas-text':
         specifier: workspace:*
-        version: link:../../demos/canvas-text
-      '@demo/cards':
+        version: link:../../examples/canvas-text
+      '@example/cards':
         specifier: workspace:*
-        version: link:../../demos/cards
-      '@demo/cards-with-border-radius':
+        version: link:../../examples/cards
+      '@example/cards-with-border-radius':
         specifier: workspace:*
-        version: link:../../demos/cards-with-border-radius
-      '@demo/caustics':
+        version: link:../../examples/cards-with-border-radius
+      '@example/caustics':
         specifier: workspace:*
-        version: link:../../demos/caustics
-      '@demo/cell-fracture':
+        version: link:../../examples/caustics
+      '@example/cell-fracture':
         specifier: workspace:*
-        version: link:../../demos/cell-fracture
-      '@demo/clones':
+        version: link:../../examples/cell-fracture
+      '@example/clones':
         specifier: workspace:*
-        version: link:../../demos/clones
-      '@demo/clouds':
+        version: link:../../examples/clones
+      '@example/clouds':
         specifier: workspace:*
-        version: link:../../demos/clouds
-      '@demo/color-grading':
+        version: link:../../examples/clouds
+      '@example/color-grading':
         specifier: workspace:*
-        version: link:../../demos/color-grading
-      '@demo/confetti':
+        version: link:../../examples/color-grading
+      '@example/confetti':
         specifier: workspace:*
-        version: link:../../demos/confetti
-      '@demo/csg-bunny-usegroups':
+        version: link:../../examples/confetti
+      '@example/csg-bunny-usegroups':
         specifier: workspace:*
-        version: link:../../demos/csg-bunny-usegroups
-      '@demo/csg-house':
+        version: link:../../examples/csg-bunny-usegroups
+      '@example/csg-house':
         specifier: workspace:*
-        version: link:../../demos/csg-house
-      '@demo/csg-operations-rapier-physics':
+        version: link:../../examples/csg-house
+      '@example/csg-operations-rapier-physics':
         specifier: workspace:*
-        version: link:../../demos/csg-operations-rapier-physics
-      '@demo/dbismut-furniture':
+        version: link:../../examples/csg-operations-rapier-physics
+      '@example/dbismut-furniture':
         specifier: workspace:*
-        version: link:../../demos/dbismut-furniture
-      '@demo/diamond-refraction':
+        version: link:../../examples/dbismut-furniture
+      '@example/diamond-refraction':
         specifier: workspace:*
-        version: link:../../demos/diamond-refraction
-      '@demo/diamond-ring':
+        version: link:../../examples/diamond-refraction
+      '@example/diamond-ring':
         specifier: workspace:*
-        version: link:../../demos/diamond-ring
-      '@demo/drei-rendertexture':
+        version: link:../../examples/diamond-ring
+      '@example/drei-rendertexture':
         specifier: workspace:*
-        version: link:../../demos/drei-rendertexture
-      '@demo/ecctrl-fisheye':
+        version: link:../../examples/drei-rendertexture
+      '@example/ecctrl-fisheye':
         specifier: workspace:*
-        version: link:../../demos/ecctrl-fisheye
-      '@demo/edgesgeometry':
+        version: link:../../examples/ecctrl-fisheye
+      '@example/edgesgeometry':
         specifier: workspace:*
-        version: link:../../demos/edgesgeometry
-      '@demo/enter-portals':
+        version: link:../../examples/edgesgeometry
+      '@example/enter-portals':
         specifier: workspace:*
-        version: link:../../demos/enter-portals
-      '@demo/environment-blur-and-transitions':
+        version: link:../../examples/enter-portals
+      '@example/environment-blur-and-transitions':
         specifier: workspace:*
-        version: link:../../demos/environment-blur-and-transitions
-      '@demo/envmap-ground-projection':
+        version: link:../../examples/environment-blur-and-transitions
+      '@example/envmap-ground-projection':
         specifier: workspace:*
-        version: link:../../demos/envmap-ground-projection
-      '@demo/faucets-select-highlight':
+        version: link:../../examples/envmap-ground-projection
+      '@example/faucets-select-highlight':
         specifier: workspace:*
-        version: link:../../demos/faucets-select-highlight
-      '@demo/flexbox-yoga-in-webgl':
+        version: link:../../examples/faucets-select-highlight
+      '@example/flexbox-yoga-in-webgl':
         specifier: workspace:*
-        version: link:../../demos/flexbox-yoga-in-webgl
-      '@demo/floating-diamonds':
+        version: link:../../examples/flexbox-yoga-in-webgl
+      '@example/floating-diamonds':
         specifier: workspace:*
-        version: link:../../demos/floating-diamonds
-      '@demo/floating-instanced-shoes':
+        version: link:../../examples/floating-diamonds
+      '@example/floating-instanced-shoes':
         specifier: workspace:*
-        version: link:../../demos/floating-instanced-shoes
-      '@demo/floating-laptop':
+        version: link:../../examples/floating-instanced-shoes
+      '@example/floating-laptop':
         specifier: workspace:*
-        version: link:../../demos/floating-laptop
-      '@demo/flow-shield':
+        version: link:../../examples/floating-laptop
+      '@example/flow-shield':
         specifier: workspace:*
-        version: link:../../demos/flow-shield
-      '@demo/flying-bananas':
+        version: link:../../examples/flow-shield
+      '@example/flying-bananas':
         specifier: workspace:*
-        version: link:../../demos/flying-bananas
-      '@demo/frosted-glass':
+        version: link:../../examples/flying-bananas
+      '@example/frosted-glass':
         specifier: workspace:*
-        version: link:../../demos/frosted-glass
-      '@demo/gatsby-stars':
+        version: link:../../examples/frosted-glass
+      '@example/gatsby-stars':
         specifier: workspace:*
-        version: link:../../demos/gatsby-stars
-      '@demo/glass-flower':
+        version: link:../../examples/gatsby-stars
+      '@example/glass-flower':
         specifier: workspace:*
-        version: link:../../demos/glass-flower
-      '@demo/gltf-animations':
+        version: link:../../examples/glass-flower
+      '@example/gltf-animations':
         specifier: workspace:*
-        version: link:../../demos/gltf-animations
-      '@demo/gltf-animations-re-used':
+        version: link:../../examples/gltf-animations
+      '@example/gltf-animations-re-used':
         specifier: workspace:*
-        version: link:../../demos/gltf-animations-re-used
-      '@demo/gltf-animations-tied-to-scroll':
+        version: link:../../examples/gltf-animations-re-used
+      '@example/gltf-animations-tied-to-scroll':
         specifier: workspace:*
-        version: link:../../demos/gltf-animations-tied-to-scroll
-      '@demo/gltfjsx-400kb-drone':
+        version: link:../../examples/gltf-animations-tied-to-scroll
+      '@example/gltfjsx-400kb-drone':
         specifier: workspace:*
-        version: link:../../demos/gltfjsx-400kb-drone
-      '@demo/gpgpu-curl-noise-dof':
+        version: link:../../examples/gltfjsx-400kb-drone
+      '@example/gpgpu-curl-noise-dof':
         specifier: workspace:*
-        version: link:../../demos/gpgpu-curl-noise-dof
-      '@demo/grass-shader':
+        version: link:../../examples/gpgpu-curl-noise-dof
+      '@example/grass-shader':
         specifier: workspace:*
-        version: link:../../demos/grass-shader
-      '@demo/ground-projected-envmaps-lamina':
+        version: link:../../examples/grass-shader
+      '@example/ground-projected-envmaps-lamina':
         specifier: workspace:*
-        version: link:../../demos/ground-projected-envmaps-lamina
-      '@demo/ground-reflections-and-video-textures':
+        version: link:../../examples/ground-projected-envmaps-lamina
+      '@example/ground-reflections-and-video-textures':
         specifier: workspace:*
-        version: link:../../demos/ground-reflections-and-video-textures
-      '@demo/hi-key-bubbles':
+        version: link:../../examples/ground-reflections-and-video-textures
+      '@example/hi-key-bubbles':
         specifier: workspace:*
-        version: link:../../demos/hi-key-bubbles
-      '@demo/horizontal-tiles':
+        version: link:../../examples/hi-key-bubbles
+      '@example/horizontal-tiles':
         specifier: workspace:*
-        version: link:../../demos/horizontal-tiles
-      '@demo/html-annotations':
+        version: link:../../examples/horizontal-tiles
+      '@example/html-annotations':
         specifier: workspace:*
-        version: link:../../demos/html-annotations
-      '@demo/html-input-fields':
+        version: link:../../examples/html-annotations
+      '@example/html-input-fields':
         specifier: workspace:*
-        version: link:../../demos/html-input-fields
-      '@demo/html-markers':
+        version: link:../../examples/html-input-fields
+      '@example/html-markers':
         specifier: workspace:*
-        version: link:../../demos/html-markers
-      '@demo/image-gallery':
+        version: link:../../examples/html-markers
+      '@example/image-gallery':
         specifier: workspace:*
-        version: link:../../demos/image-gallery
-      '@demo/infinite-scroll':
+        version: link:../../examples/image-gallery
+      '@example/infinite-scroll':
         specifier: workspace:*
-        version: link:../../demos/infinite-scroll
-      '@demo/instanced-particles-effects':
+        version: link:../../examples/infinite-scroll
+      '@example/instanced-particles-effects':
         specifier: workspace:*
-        version: link:../../demos/instanced-particles-effects
-      '@demo/instanced-vertex-colors':
+        version: link:../../examples/instanced-particles-effects
+      '@example/instanced-vertex-colors':
         specifier: workspace:*
-        version: link:../../demos/instanced-vertex-colors
-      '@demo/instances':
+        version: link:../../examples/instanced-vertex-colors
+      '@example/instances':
         specifier: workspace:*
-        version: link:../../demos/instances
-      '@demo/inter-epoxy-resin':
+        version: link:../../examples/instances
+      '@example/inter-epoxy-resin':
         specifier: workspace:*
-        version: link:../../demos/inter-epoxy-resin
-      '@demo/interactive-spline-scene-live-html':
+        version: link:../../examples/inter-epoxy-resin
+      '@example/interactive-spline-scene-live-html':
         specifier: workspace:*
-        version: link:../../demos/interactive-spline-scene-live-html
-      '@demo/inverted-stencil-buffer':
+        version: link:../../examples/interactive-spline-scene-live-html
+      '@example/inverted-stencil-buffer':
         specifier: workspace:*
-        version: link:../../demos/inverted-stencil-buffer
-      '@demo/iridescent-decals':
+        version: link:../../examples/inverted-stencil-buffer
+      '@example/iridescent-decals':
         specifier: workspace:*
-        version: link:../../demos/iridescent-decals
-      '@demo/lamina-1x':
+        version: link:../../examples/iridescent-decals
+      '@example/lamina-1x':
         specifier: workspace:*
-        version: link:../../demos/lamina-1x
-      '@demo/landing-page':
+        version: link:../../examples/lamina-1x
+      '@example/landing-page':
         specifier: workspace:*
-        version: link:../../demos/landing-page
-      '@demo/learn-with-jason':
+        version: link:../../examples/landing-page
+      '@example/learn-with-jason':
         specifier: workspace:*
-        version: link:../../demos/learn-with-jason
-      '@demo/lulaby-city':
+        version: link:../../examples/learn-with-jason
+      '@example/lulaby-city':
         specifier: workspace:*
-        version: link:../../demos/lulaby-city
-      '@demo/lusion-connectors':
+        version: link:../../examples/lulaby-city
+      '@example/lusion-connectors':
         specifier: workspace:*
-        version: link:../../demos/lusion-connectors
-      '@demo/magic-box':
+        version: link:../../examples/lusion-connectors
+      '@example/magic-box':
         specifier: workspace:*
-        version: link:../../demos/magic-box
-      '@demo/merged-instance':
+        version: link:../../examples/magic-box
+      '@example/merged-instance':
         specifier: workspace:*
-        version: link:../../demos/merged-instance
-      '@demo/minecraft':
+        version: link:../../examples/merged-instance
+      '@example/minecraft':
         specifier: workspace:*
-        version: link:../../demos/minecraft
-      '@demo/mixing-controls':
+        version: link:../../examples/minecraft
+      '@example/mixing-controls':
         specifier: workspace:*
-        version: link:../../demos/mixing-controls
-      '@demo/mixing-html-and-webgl':
+        version: link:../../examples/mixing-controls
+      '@example/mixing-html-and-webgl':
         specifier: workspace:*
-        version: link:../../demos/mixing-html-and-webgl
-      '@demo/mixing-html-and-webgl-w-occlusion':
+        version: link:../../examples/mixing-html-and-webgl
+      '@example/mixing-html-and-webgl-w-occlusion':
         specifier: workspace:*
-        version: link:../../demos/mixing-html-and-webgl-w-occlusion
-      '@demo/moksha':
+        version: link:../../examples/mixing-html-and-webgl-w-occlusion
+      '@example/moksha':
         specifier: workspace:*
-        version: link:../../demos/moksha
-      '@demo/monitors':
+        version: link:../../examples/moksha
+      '@example/monitors':
         specifier: workspace:*
-        version: link:../../demos/monitors
-      '@demo/motionpathcontrols':
+        version: link:../../examples/monitors
+      '@example/motionpathcontrols':
         specifier: workspace:*
-        version: link:../../demos/motionpathcontrols
-      '@demo/mount-transitions':
+        version: link:../../examples/motionpathcontrols
+      '@example/mount-transitions':
         specifier: workspace:*
-        version: link:../../demos/mount-transitions
-      '@demo/multiple-views-with-uniform-controls':
+        version: link:../../examples/mount-transitions
+      '@example/multiple-views-with-uniform-controls':
         specifier: workspace:*
-        version: link:../../demos/multiple-views-with-uniform-controls
-      '@demo/nextjs-prism':
+        version: link:../../examples/multiple-views-with-uniform-controls
+      '@example/nextjs-prism':
         specifier: workspace:*
-        version: link:../../demos/nextjs-prism
-      '@demo/night-train':
+        version: link:../../examples/nextjs-prism
+      '@example/night-train':
         specifier: workspace:*
-        version: link:../../demos/night-train
-      '@demo/object-clump':
+        version: link:../../examples/night-train
+      '@example/object-clump':
         specifier: workspace:*
-        version: link:../../demos/object-clump
-      '@demo/pairing-threejs-to-ui':
+        version: link:../../examples/object-clump
+      '@example/pairing-threejs-to-ui':
         specifier: workspace:*
-        version: link:../../demos/pairing-threejs-to-ui
-      '@demo/pass-through-portals':
+        version: link:../../examples/pairing-threejs-to-ui
+      '@example/pass-through-portals':
         specifier: workspace:*
-        version: link:../../demos/pass-through-portals
-      '@demo/physics-with-convex-polyhedrons':
+        version: link:../../examples/pass-through-portals
+      '@example/physics-with-convex-polyhedrons':
         specifier: workspace:*
-        version: link:../../demos/physics-with-convex-polyhedrons
-      '@demo/pinball-in-70-lines':
+        version: link:../../examples/physics-with-convex-polyhedrons
+      '@example/pinball-in-70-lines':
         specifier: workspace:*
-        version: link:../../demos/pinball-in-70-lines
-      '@demo/pmndrs-vercel':
+        version: link:../../examples/pinball-in-70-lines
+      '@example/pmndrs-vercel':
         specifier: workspace:*
-        version: link:../../demos/pmndrs-vercel
-      '@demo/portal-shapes':
+        version: link:../../examples/pmndrs-vercel
+      '@example/portal-shapes':
         specifier: workspace:*
-        version: link:../../demos/portal-shapes
-      '@demo/portals':
+        version: link:../../examples/portal-shapes
+      '@example/portals':
         specifier: workspace:*
-        version: link:../../demos/portals
-      '@demo/progressive-loading-states-with-suspense':
+        version: link:../../examples/portals
+      '@example/progressive-loading-states-with-suspense':
         specifier: workspace:*
-        version: link:../../demos/progressive-loading-states-with-suspense
-      '@demo/racing-game':
+        version: link:../../examples/progressive-loading-states-with-suspense
+      '@example/racing-game':
         specifier: workspace:*
-        version: link:../../demos/racing-game
-      '@demo/ragdoll-physics':
+        version: link:../../examples/racing-game
+      '@example/ragdoll-physics':
         specifier: workspace:*
-        version: link:../../demos/ragdoll-physics
-      '@demo/rapier-physics':
+        version: link:../../examples/ragdoll-physics
+      '@example/rapier-physics':
         specifier: workspace:*
-        version: link:../../demos/rapier-physics
-      '@demo/rapier-ping-pong':
+        version: link:../../examples/rapier-physics
+      '@example/rapier-ping-pong':
         specifier: workspace:*
-        version: link:../../demos/rapier-ping-pong
-      '@demo/raycast-cycling':
+        version: link:../../examples/rapier-ping-pong
+      '@example/raycast-cycling':
         specifier: workspace:*
-        version: link:../../demos/raycast-cycling
-      '@demo/re-using-geometry-and-level-of-detail':
+        version: link:../../examples/raycast-cycling
+      '@example/re-using-geometry-and-level-of-detail':
         specifier: workspace:*
-        version: link:../../demos/re-using-geometry-and-level-of-detail
-      '@demo/re-using-gltfs':
+        version: link:../../examples/re-using-geometry-and-level-of-detail
+      '@example/re-using-gltfs':
         specifier: workspace:*
-        version: link:../../demos/re-using-gltfs
-      '@demo/react-ellipsecurve':
+        version: link:../../examples/re-using-gltfs
+      '@example/react-ellipsecurve':
         specifier: workspace:*
-        version: link:../../demos/react-ellipsecurve
-      '@demo/react-pp-outlines':
+        version: link:../../examples/react-ellipsecurve
+      '@example/react-pp-outlines':
         specifier: workspace:*
-        version: link:../../demos/react-pp-outlines
-      '@demo/react-spring-animations':
+        version: link:../../examples/react-pp-outlines
+      '@example/react-spring-animations':
         specifier: workspace:*
-        version: link:../../demos/react-spring-animations
-      '@demo/room-with-soft-shadows':
+        version: link:../../examples/react-spring-animations
+      '@example/room-with-soft-shadows':
         specifier: workspace:*
-        version: link:../../demos/room-with-soft-shadows
-      '@demo/router-transitions':
+        version: link:../../examples/room-with-soft-shadows
+      '@example/router-transitions':
         specifier: workspace:*
-        version: link:../../demos/router-transitions
-      '@demo/scrollcontrols-and-lens-refraction':
+        version: link:../../examples/router-transitions
+      '@example/scrollcontrols-and-lens-refraction':
         specifier: workspace:*
-        version: link:../../demos/scrollcontrols-and-lens-refraction
-      '@demo/scrollcontrols-gltf':
+        version: link:../../examples/scrollcontrols-and-lens-refraction
+      '@example/scrollcontrols-gltf':
         specifier: workspace:*
-        version: link:../../demos/scrollcontrols-gltf
-      '@demo/scrollcontrols-with-minimap':
+        version: link:../../examples/scrollcontrols-gltf
+      '@example/scrollcontrols-with-minimap':
         specifier: workspace:*
-        version: link:../../demos/scrollcontrols-with-minimap
-      '@demo/selective-outlines':
+        version: link:../../examples/scrollcontrols-with-minimap
+      '@example/selective-outlines':
         specifier: workspace:*
-        version: link:../../demos/selective-outlines
-      '@demo/shader-fire':
+        version: link:../../examples/selective-outlines
+      '@example/shader-fire':
         specifier: workspace:*
-        version: link:../../demos/shader-fire
-      '@demo/shader-hmr':
+        version: link:../../examples/shader-fire
+      '@example/shader-hmr':
         specifier: workspace:*
-        version: link:../../demos/shader-hmr
-      '@demo/shadermaterials':
+        version: link:../../examples/shader-hmr
+      '@example/shadermaterials':
         specifier: workspace:*
-        version: link:../../demos/shadermaterials
-      '@demo/shoe-configurator':
+        version: link:../../examples/shadermaterials
+      '@example/shoe-configurator':
         specifier: workspace:*
-        version: link:../../demos/shoe-configurator
-      '@demo/shopping':
+        version: link:../../examples/shoe-configurator
+      '@example/shopping':
         specifier: workspace:*
-        version: link:../../demos/shopping
-      '@demo/simple-audio-analyser':
+        version: link:../../examples/shopping
+      '@example/simple-audio-analyser':
         specifier: workspace:*
-        version: link:../../demos/simple-audio-analyser
-      '@demo/simple-physics-demo':
+        version: link:../../examples/simple-audio-analyser
+      '@example/simple-physics-example':
         specifier: workspace:*
-        version: link:../../demos/simple-physics-demo
-      '@demo/simple-physics-demo-with-debug-bounds':
+        version: link:../../examples/simple-physics-example
+      '@example/simple-physics-example-with-debug-bounds':
         specifier: workspace:*
-        version: link:../../demos/simple-physics-demo-with-debug-bounds
-      '@demo/sky-dome-with-annotations':
+        version: link:../../examples/simple-physics-example-with-debug-bounds
+      '@example/sky-dome-with-annotations':
         specifier: workspace:*
-        version: link:../../demos/sky-dome-with-annotations
-      '@demo/soft-shadows':
+        version: link:../../examples/sky-dome-with-annotations
+      '@example/soft-shadows':
         specifier: workspace:*
-        version: link:../../demos/soft-shadows
-      '@demo/space-game':
+        version: link:../../examples/soft-shadows
+      '@example/space-game':
         specifier: workspace:*
-        version: link:../../demos/space-game
-      '@demo/sparks-and-effects':
+        version: link:../../examples/space-game
+      '@example/sparks-and-effects':
         specifier: workspace:*
-        version: link:../../demos/sparks-and-effects
-      '@demo/spline-glass-shapes':
+        version: link:../../examples/sparks-and-effects
+      '@example/spline-glass-shapes':
         specifier: workspace:*
-        version: link:../../demos/spline-glass-shapes
-      '@demo/sport-hall':
+        version: link:../../examples/spline-glass-shapes
+      '@example/sport-hall':
         specifier: workspace:*
-        version: link:../../demos/sport-hall
-      '@demo/spotlight-shadows':
+        version: link:../../examples/sport-hall
+      '@example/spotlight-shadows':
         specifier: workspace:*
-        version: link:../../demos/spotlight-shadows
-      '@demo/springy-boxes':
+        version: link:../../examples/spotlight-shadows
+      '@example/springy-boxes':
         specifier: workspace:*
-        version: link:../../demos/springy-boxes
-      '@demo/ssgi-spheres-with-rapier-physics':
+        version: link:../../examples/springy-boxes
+      '@example/ssgi-spheres-with-rapier-physics':
         specifier: workspace:*
-        version: link:../../demos/ssgi-spheres-with-rapier-physics
-      '@demo/stage-presets-gltfjsx':
+        version: link:../../examples/ssgi-spheres-with-rapier-physics
+      '@example/stage-presets-gltfjsx':
         specifier: workspace:*
-        version: link:../../demos/stage-presets-gltfjsx
-      '@demo/staging-and-camerashake':
+        version: link:../../examples/stage-presets-gltfjsx
+      '@example/staging-and-camerashake':
         specifier: workspace:*
-        version: link:../../demos/staging-and-camerashake
-      '@demo/stencil-mask':
+        version: link:../../examples/staging-and-camerashake
+      '@example/stencil-mask':
         specifier: workspace:*
-        version: link:../../demos/stencil-mask
-      '@demo/svg-maps-with-html-annotations':
+        version: link:../../examples/stencil-mask
+      '@example/svg-maps-with-html-annotations':
         specifier: workspace:*
-        version: link:../../demos/svg-maps-with-html-annotations
-      '@demo/svg-renderer':
+        version: link:../../examples/svg-maps-with-html-annotations
+      '@example/svg-renderer':
         specifier: workspace:*
-        version: link:../../demos/svg-renderer
-      '@demo/t-shirt-configurator':
+        version: link:../../examples/svg-renderer
+      '@example/t-shirt-configurator':
         specifier: workspace:*
-        version: link:../../demos/t-shirt-configurator
-      '@demo/the-three-graces':
+        version: link:../../examples/t-shirt-configurator
+      '@example/the-three-graces':
         specifier: workspace:*
-        version: link:../../demos/the-three-graces
-      '@demo/threejs-journey-lv-1-fisheye':
+        version: link:../../examples/the-three-graces
+      '@example/threejs-journey-lv-1-fisheye':
         specifier: workspace:*
-        version: link:../../demos/threejs-journey-lv-1-fisheye
-      '@demo/threejs-journey-portal':
+        version: link:../../examples/threejs-journey-lv-1-fisheye
+      '@example/threejs-journey-portal':
         specifier: workspace:*
-        version: link:../../demos/threejs-journey-portal
-      '@demo/thunder-clouds':
+        version: link:../../examples/threejs-journey-portal
+      '@example/thunder-clouds':
         specifier: workspace:*
-        version: link:../../demos/thunder-clouds
-      '@demo/trails':
+        version: link:../../examples/thunder-clouds
+      '@example/trails':
         specifier: workspace:*
-        version: link:../../demos/trails
-      '@demo/transformcontrols-and-makedefault':
+        version: link:../../examples/trails
+      '@example/transformcontrols-and-makedefault':
         specifier: workspace:*
-        version: link:../../demos/transformcontrols-and-makedefault
-      '@demo/transparent-aesop-bottles':
+        version: link:../../examples/transformcontrols-and-makedefault
+      '@example/transparent-aesop-bottles':
         specifier: workspace:*
-        version: link:../../demos/transparent-aesop-bottles
-      '@demo/trigger-meshes':
+        version: link:../../examples/transparent-aesop-bottles
+      '@example/trigger-meshes':
         specifier: workspace:*
-        version: link:../../demos/trigger-meshes
-      '@demo/tying-canvas-to-scroll-offset':
+        version: link:../../examples/trigger-meshes
+      '@example/tying-canvas-to-scroll-offset':
         specifier: workspace:*
-        version: link:../../demos/tying-canvas-to-scroll-offset
-      '@demo/useintersect-and-scrollcontrols':
+        version: link:../../examples/tying-canvas-to-scroll-offset
+      '@example/useintersect-and-scrollcontrols':
         specifier: workspace:*
-        version: link:../../demos/useintersect-and-scrollcontrols
-      '@demo/video-cookies':
+        version: link:../../examples/useintersect-and-scrollcontrols
+      '@example/video-cookies':
         specifier: workspace:*
-        version: link:../../demos/video-cookies
-      '@demo/video-textures':
+        version: link:../../examples/video-cookies
+      '@example/video-textures':
         specifier: workspace:*
-        version: link:../../demos/video-textures
-      '@demo/view-tracking':
+        version: link:../../examples/video-textures
+      '@example/view-tracking':
         specifier: workspace:*
-        version: link:../../demos/view-tracking
-      '@demo/viewcube':
+        version: link:../../examples/view-tracking
+      '@example/viewcube':
         specifier: workspace:*
-        version: link:../../demos/viewcube
-      '@demo/viking-ship':
+        version: link:../../examples/viewcube
+      '@example/viking-ship':
         specifier: workspace:*
-        version: link:../../demos/viking-ship
-      '@demo/volumetric-light-godray':
+        version: link:../../examples/viking-ship
+      '@example/volumetric-light-godray':
         specifier: workspace:*
-        version: link:../../demos/volumetric-light-godray
-      '@demo/volumetric-spotlight':
+        version: link:../../examples/volumetric-light-godray
+      '@example/volumetric-spotlight':
         specifier: workspace:*
-        version: link:../../demos/volumetric-spotlight
-      '@demo/water-shader':
+        version: link:../../examples/volumetric-spotlight
+      '@example/water-shader':
         specifier: workspace:*
-        version: link:../../demos/water-shader
-      '@demo/wireframes':
+        version: link:../../examples/water-shader
+      '@example/wireframes':
         specifier: workspace:*
-        version: link:../../demos/wireframes
-      '@demo/wobbling-sphere':
+        version: link:../../examples/wireframes
+      '@example/wobbling-sphere':
         specifier: workspace:*
-        version: link:../../demos/wobbling-sphere
-      '@demo/zustand-site':
+        version: link:../../examples/wobbling-sphere
+      '@example/zustand-site':
         specifier: workspace:*
-        version: link:../../demos/zustand-site
+        version: link:../../examples/zustand-site
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -589,7 +589,7 @@ importers:
         specifier: ^5.5.4
         version: 5.9.3
 
-  demos/aquarium:
+  examples/aquarium:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -629,7 +629,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/arkanoid:
+  examples/arkanoid:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -675,7 +675,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/arkanoid-under-60-loc:
+  examples/arkanoid-under-60-loc:
     dependencies:
       '@react-three/fiber':
         specifier: 9.6.1
@@ -712,7 +712,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/audio-analyser:
+  examples/audio-analyser:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -755,7 +755,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/backdrop-and-cables:
+  examples/backdrop-and-cables:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -792,7 +792,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/baking-soft-shadows:
+  examples/baking-soft-shadows:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -829,7 +829,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/basic-ballpit:
+  examples/basic-ballpit:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -869,7 +869,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/basic-demo:
+  examples/basic-example:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -906,7 +906,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bestservedbold-christmas-baubles:
+  examples/bestservedbold-christmas-baubles:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -949,7 +949,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bezier-curves-and-nodes:
+  examples/bezier-curves-and-nodes:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -989,7 +989,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bloom-hdr-workflow-gltf:
+  examples/bloom-hdr-workflow-gltf:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1026,7 +1026,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bouncy-watch:
+  examples/bouncy-watch:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1063,7 +1063,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bounds-and-makedefault:
+  examples/bounds-and-makedefault:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1100,7 +1100,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bruno-simons-20k-challenge:
+  examples/bruno-simons-20k-challenge:
     dependencies:
       '@react-three/csg':
         specifier: ^4.0.0
@@ -1146,7 +1146,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/building-dynamic-envmaps:
+  examples/building-dynamic-envmaps:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1189,7 +1189,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/building-live-envmaps:
+  examples/building-live-envmaps:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -1232,7 +1232,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/bvh:
+  examples/bvh:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1278,7 +1278,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/camera-scroll:
+  examples/camera-scroll:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1315,7 +1315,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/camera-shake:
+  examples/camera-shake:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1352,7 +1352,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/canvas-text:
+  examples/canvas-text:
     dependencies:
       '@react-three/fiber':
         specifier: 9.6.1
@@ -1386,7 +1386,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/cards:
+  examples/cards:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -1435,7 +1435,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/cards-with-border-radius:
+  examples/cards-with-border-radius:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -1475,7 +1475,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/caustics:
+  examples/caustics:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1512,7 +1512,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/cell-fracture:
+  examples/cell-fracture:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1549,7 +1549,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/clones:
+  examples/clones:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -1589,7 +1589,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/clouds:
+  examples/clouds:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1629,7 +1629,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/color-grading:
+  examples/color-grading:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1666,7 +1666,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/confetti:
+  examples/confetti:
     dependencies:
       '@react-three/fiber':
         specifier: 9.6.1
@@ -1712,7 +1712,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/csg-bunny-usegroups:
+  examples/csg-bunny-usegroups:
     dependencies:
       '@react-three/csg':
         specifier: ^4.0.0
@@ -1752,7 +1752,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/csg-house:
+  examples/csg-house:
     dependencies:
       '@react-three/csg':
         specifier: ^4.0.0
@@ -1792,7 +1792,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/csg-operations-rapier-physics:
+  examples/csg-operations-rapier-physics:
     dependencies:
       '@react-three/csg':
         specifier: ^4.0.0
@@ -1841,7 +1841,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/dbismut-furniture:
+  examples/dbismut-furniture:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -1881,7 +1881,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/diamond-refraction:
+  examples/diamond-refraction:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1924,7 +1924,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/diamond-ring:
+  examples/diamond-ring:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -1967,7 +1967,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/drei-rendertexture:
+  examples/drei-rendertexture:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -2010,7 +2010,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/ecctrl-fisheye:
+  examples/ecctrl-fisheye:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2053,7 +2053,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/edgesgeometry:
+  examples/edgesgeometry:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2090,7 +2090,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/enter-portals:
+  examples/enter-portals:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -2139,7 +2139,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/environment-blur-and-transitions:
+  examples/environment-blur-and-transitions:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -2182,7 +2182,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/envmap-ground-projection:
+  examples/envmap-ground-projection:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2225,7 +2225,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/faucets-select-highlight:
+  examples/faucets-select-highlight:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2265,7 +2265,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/flexbox-yoga-in-webgl:
+  examples/flexbox-yoga-in-webgl:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2311,7 +2311,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/floating-diamonds:
+  examples/floating-diamonds:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2351,7 +2351,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/floating-instanced-shoes:
+  examples/floating-instanced-shoes:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2391,7 +2391,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/floating-laptop:
+  examples/floating-laptop:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -2434,7 +2434,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/flow-shield:
+  examples/flow-shield:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2480,7 +2480,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/flying-bananas:
+  examples/flying-bananas:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2523,7 +2523,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/frosted-glass:
+  examples/frosted-glass:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -2569,7 +2569,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/gatsby-stars:
+  examples/gatsby-stars:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -2612,7 +2612,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/glass-flower:
+  examples/glass-flower:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2652,7 +2652,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/gltf-animations:
+  examples/gltf-animations:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2689,7 +2689,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/gltf-animations-re-used:
+  examples/gltf-animations-re-used:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -2729,7 +2729,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/gltf-animations-tied-to-scroll:
+  examples/gltf-animations-tied-to-scroll:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2769,7 +2769,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/gltfjsx-400kb-drone:
+  examples/gltfjsx-400kb-drone:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -2815,7 +2815,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/gpgpu-curl-noise-dof:
+  examples/gpgpu-curl-noise-dof:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2855,7 +2855,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/grass-shader:
+  examples/grass-shader:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2895,7 +2895,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/ground-projected-envmaps-lamina:
+  examples/ground-projected-envmaps-lamina:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -2935,7 +2935,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/ground-reflections-and-video-textures:
+  examples/ground-reflections-and-video-textures:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -2975,7 +2975,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/hi-key-bubbles:
+  examples/hi-key-bubbles:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3015,7 +3015,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/horizontal-tiles:
+  examples/horizontal-tiles:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3058,7 +3058,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/html-annotations:
+  examples/html-annotations:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3095,7 +3095,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/html-input-fields:
+  examples/html-input-fields:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3135,7 +3135,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/html-markers:
+  examples/html-markers:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3175,7 +3175,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/image-gallery:
+  examples/image-gallery:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3221,7 +3221,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/infinite-scroll:
+  examples/infinite-scroll:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3261,7 +3261,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/instanced-particles-effects:
+  examples/instanced-particles-effects:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3298,7 +3298,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/instanced-vertex-colors:
+  examples/instanced-vertex-colors:
     dependencies:
       '@react-three/fiber':
         specifier: 9.6.1
@@ -3338,7 +3338,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/instances:
+  examples/instances:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3378,7 +3378,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/inter-epoxy-resin:
+  examples/inter-epoxy-resin:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3424,7 +3424,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/interactive-spline-scene-live-html:
+  examples/interactive-spline-scene-live-html:
     dependencies:
       '@headlessui/react':
         specifier: ^1.7.19
@@ -3473,7 +3473,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/inverted-stencil-buffer:
+  examples/inverted-stencil-buffer:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3513,7 +3513,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/iridescent-decals:
+  examples/iridescent-decals:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3550,7 +3550,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/lamina-1x:
+  examples/lamina-1x:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3593,7 +3593,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/landing-page:
+  examples/landing-page:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3633,7 +3633,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/learn-with-jason:
+  examples/learn-with-jason:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3670,7 +3670,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/lulaby-city:
+  examples/lulaby-city:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3713,7 +3713,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/lusion-connectors:
+  examples/lusion-connectors:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3756,7 +3756,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/magic-box:
+  examples/magic-box:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3796,7 +3796,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/merged-instance:
+  examples/merged-instance:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3833,7 +3833,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/minecraft:
+  examples/minecraft:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -3879,7 +3879,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/mixing-controls:
+  examples/mixing-controls:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3922,7 +3922,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/mixing-html-and-webgl:
+  examples/mixing-html-and-webgl:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -3962,7 +3962,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/mixing-html-and-webgl-w-occlusion:
+  examples/mixing-html-and-webgl-w-occlusion:
     dependencies:
       '@headlessui/react':
         specifier: ^1.7.19
@@ -4005,7 +4005,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/moksha:
+  examples/moksha:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4045,7 +4045,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/monitors:
+  examples/monitors:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -4097,7 +4097,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/motionpathcontrols:
+  examples/motionpathcontrols:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4140,7 +4140,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/mount-transitions:
+  examples/mount-transitions:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -4189,7 +4189,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/multiple-views-with-uniform-controls:
+  examples/multiple-views-with-uniform-controls:
     dependencies:
       '@mantine/core':
         specifier: ^5.10.5
@@ -4241,7 +4241,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/nextjs-prism:
+  examples/nextjs-prism:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4281,7 +4281,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/night-train:
+  examples/night-train:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4318,7 +4318,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/object-clump:
+  examples/object-clump:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -4364,7 +4364,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/pairing-threejs-to-ui:
+  examples/pairing-threejs-to-ui:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4407,7 +4407,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/pass-through-portals:
+  examples/pass-through-portals:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -4453,7 +4453,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/physics-with-convex-polyhedrons:
+  examples/physics-with-convex-polyhedrons:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -4496,7 +4496,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/pinball-in-70-lines:
+  examples/pinball-in-70-lines:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -4536,7 +4536,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/pmndrs-vercel:
+  examples/pmndrs-vercel:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -4582,7 +4582,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/portal-shapes:
+  examples/portal-shapes:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -4625,7 +4625,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/portals:
+  examples/portals:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4665,7 +4665,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/progressive-loading-states-with-suspense:
+  examples/progressive-loading-states-with-suspense:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4702,7 +4702,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/racing-game:
+  examples/racing-game:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -4763,7 +4763,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/ragdoll-physics:
+  examples/ragdoll-physics:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -4803,7 +4803,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/rapier-physics:
+  examples/rapier-physics:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4846,7 +4846,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/rapier-ping-pong:
+  examples/rapier-ping-pong:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -4898,7 +4898,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/raycast-cycling:
+  examples/raycast-cycling:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4938,7 +4938,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/re-using-geometry-and-level-of-detail:
+  examples/re-using-geometry-and-level-of-detail:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -4975,7 +4975,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/re-using-gltfs:
+  examples/re-using-gltfs:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5012,7 +5012,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/react-ellipsecurve:
+  examples/react-ellipsecurve:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5052,7 +5052,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/react-pp-outlines:
+  examples/react-pp-outlines:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5095,7 +5095,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/react-spring-animations:
+  examples/react-spring-animations:
     dependencies:
       '@react-spring/core':
         specifier: ^10.1.2
@@ -5141,7 +5141,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/room-with-soft-shadows:
+  examples/room-with-soft-shadows:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5184,7 +5184,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/router-transitions:
+  examples/router-transitions:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -5233,7 +5233,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/scrollcontrols-and-lens-refraction:
+  examples/scrollcontrols-and-lens-refraction:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -5276,7 +5276,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/scrollcontrols-gltf:
+  examples/scrollcontrols-gltf:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5313,7 +5313,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/scrollcontrols-with-minimap:
+  examples/scrollcontrols-with-minimap:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -5353,7 +5353,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/selective-outlines:
+  examples/selective-outlines:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5393,7 +5393,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/shader-fire:
+  examples/shader-fire:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5430,7 +5430,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/shader-hmr:
+  examples/shader-hmr:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5467,7 +5467,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/shadermaterials:
+  examples/shadermaterials:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5504,7 +5504,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/shoe-configurator:
+  examples/shoe-configurator:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5547,7 +5547,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/shopping:
+  examples/shopping:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5587,7 +5587,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/simple-audio-analyser:
+  examples/simple-audio-analyser:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -5627,7 +5627,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/simple-physics-demo:
+  examples/simple-physics-example:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -5664,7 +5664,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/simple-physics-demo-with-debug-bounds:
+  examples/simple-physics-example-with-debug-bounds:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -5701,7 +5701,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/sky-dome-with-annotations:
+  examples/sky-dome-with-annotations:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5741,7 +5741,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/soft-shadows:
+  examples/soft-shadows:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5784,7 +5784,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/space-game:
+  examples/space-game:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5830,7 +5830,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/sparks-and-effects:
+  examples/sparks-and-effects:
     dependencies:
       '@react-three/fiber':
         specifier: 9.6.1
@@ -5873,7 +5873,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/spline-glass-shapes:
+  examples/spline-glass-shapes:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5919,7 +5919,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/sport-hall:
+  examples/sport-hall:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5959,7 +5959,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/spotlight-shadows:
+  examples/spotlight-shadows:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -5996,7 +5996,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/springy-boxes:
+  examples/springy-boxes:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -6033,7 +6033,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/ssgi-spheres-with-rapier-physics:
+  examples/ssgi-spheres-with-rapier-physics:
     dependencies:
       '@babel/runtime':
         specifier: ^7.25.0
@@ -6082,7 +6082,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/ssr-test:
+  examples/ssr-test:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6125,7 +6125,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/stage-presets-gltfjsx:
+  examples/stage-presets-gltfjsx:
     dependencies:
       '@babel/runtime':
         specifier: ^7.25.0
@@ -6174,7 +6174,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/staging-and-camerashake:
+  examples/staging-and-camerashake:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6211,7 +6211,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/starwars:
+  examples/starwars:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6254,7 +6254,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/stencil-mask:
+  examples/stencil-mask:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6294,7 +6294,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/svg-maps-with-html-annotations:
+  examples/svg-maps-with-html-annotations:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6334,7 +6334,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/svg-renderer:
+  examples/svg-renderer:
     dependencies:
       '@react-three/fiber':
         specifier: 9.6.1
@@ -6371,7 +6371,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/t-shirt-configurator:
+  examples/t-shirt-configurator:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -6423,7 +6423,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/the-three-graces:
+  examples/the-three-graces:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6463,7 +6463,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/threejs-journey-lv-1-fisheye:
+  examples/threejs-journey-lv-1-fisheye:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -6503,7 +6503,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/threejs-journey-portal:
+  examples/threejs-journey-portal:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6540,7 +6540,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/thunder-clouds:
+  examples/thunder-clouds:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6583,7 +6583,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/trails:
+  examples/trails:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -6629,7 +6629,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/transformcontrols-and-makedefault:
+  examples/transformcontrols-and-makedefault:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6669,7 +6669,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/transparent-aesop-bottles:
+  examples/transparent-aesop-bottles:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6706,7 +6706,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/trigger-meshes:
+  examples/trigger-meshes:
     dependencies:
       '@react-three/cannon':
         specifier: ^6.6.0
@@ -6746,7 +6746,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/tying-canvas-to-scroll-offset:
+  examples/tying-canvas-to-scroll-offset:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6783,7 +6783,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/useintersect-and-scrollcontrols:
+  examples/useintersect-and-scrollcontrols:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -6823,7 +6823,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/video-cookies:
+  examples/video-cookies:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6863,7 +6863,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/video-textures:
+  examples/video-textures:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6900,7 +6900,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/view-tracking:
+  examples/view-tracking:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -6940,7 +6940,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/viewcube:
+  examples/viewcube:
     dependencies:
       '@pmndrs/assets':
         specifier: ^1.6.0
@@ -6983,7 +6983,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/viking-ship:
+  examples/viking-ship:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -7020,7 +7020,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/volumetric-light-godray:
+  examples/volumetric-light-godray:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -7060,7 +7060,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/volumetric-spotlight:
+  examples/volumetric-spotlight:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -7097,7 +7097,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/water-shader:
+  examples/water-shader:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
@@ -7137,7 +7137,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/wireframes:
+  examples/wireframes:
     dependencies:
       '@pmndrs/branding':
         specifier: ^0.0.8
@@ -7183,7 +7183,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/wobbling-sphere:
+  examples/wobbling-sphere:
     dependencies:
       '@react-spring/three':
         specifier: ^10.1.2
@@ -7223,7 +7223,7 @@ importers:
         specifier: ^8.1.5
         version: 8.1.5(@types/node@20.19.39)(jiti@2.7.0)(yaml@2.9.0)
 
-  demos/zustand-site:
+  examples/zustand-site:
     dependencies:
       '@react-three/drei':
         specifier: 10.7.7
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index ed92b422..c5964a38 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -3,7 +3,7 @@ shamefullyHoist: true
 
 packages:
   - apps/*
-  - demos/*
+  - examples/*
   - packages/*
 
 allowBuilds:
@@ -13,7 +13,7 @@ allowBuilds:
 
 overrides:
   # @react-three/postprocessing 3.x depends on postprocessing ^6.36.6, which
-  # floats to 6.39.x -- and 6.37+ requires three >= 0.174. The demos stay on
+  # floats to 6.39.x -- and 6.37+ requires three >= 0.174. The examples stay on
   # three 0.165 (the @splinetool/loader patch is keyed to r165), so pin the
   # transitive copy to the last release that accepts it (>= 0.157 < 0.173).
   postprocessing: 6.36.6
diff --git a/postprocessing-tone-mapping.txt b/postprocessing-tone-mapping.txt
index d5673280..41ac0648 100644
--- a/postprocessing-tone-mapping.txt
+++ b/postprocessing-tone-mapping.txt
@@ -13,10 +13,10 @@ bruno-simons-20k-challenge
   - The DepthOfField effect is not working correctly, so the intended focus and blur are visually incorrect.
   - Repair or reconfigure the depth-of-field pass, then compare with the thumbnail.
 building-dynamic-envmaps
-  - BROKEN (July 2026, fix deferred): the demo renders, but the SSR pass logs a THREE.WebGLProgram shader-compile error every frame and the reflections are missing.
+  - BROKEN (July 2026, fix deferred): the example renders, but the SSR pass logs a THREE.WebGLProgram shader-compile error every frame and the reflections are missing.
   - Cause: the SSR effect is a vendored copy of the abandoned screen-space-reflections library bundled inside @react-three/postprocessing. Its SSREffect.update() reads scene.environment.image.height to build the CUBEUV_* shader defines, but drei's <Environment> produces a cube render target whose .image is an array of six faces with no height, so Math.log2(undefined) stamps CUBEUV_MAX_MIP as the invalid literal "NaN.0" into the generated GLSL and the ReflectionsMaterial fragment shader never compiles.
   - No released package version fixes this: newer @react-three/postprocessing removed the SSR effect entirely, and 2.16.2 (the declared range) fails identically against three r165 — the incompatibility is with three, not the package version.
-  - Known fixes when ready: a pnpm patch, verified working, that reads the cube-UV height from the PMREM'd texture's own image.height (what three's WebGLPrograms does) and skips setupEnvMap when unavailable; or migrate the demo to realism-effects, the library's successor.
+  - Known fixes when ready: a pnpm patch, verified working, that reads the cube-UV height from the PMREM'd texture's own image.height (what three's WebGLPrograms does) and skips setupEnvMap when unavailable; or migrate the example to realism-effects, the library's successor.
   - Separately, EffectComposer disables renderer tone mapping and the SSR/Bloom/LUT chain has no ToneMapping effect; once SSR works, add explicit ACES filmic tone mapping last and compare with the thumbnail.
 color-grading
   - Drei Effects uses the legacy gamma pass before the LUT, with no current tone-mapping/output pass.
@@ -29,7 +29,7 @@ diamond-ring
   - EffectComposer disables renderer tone mapping, but the Bloom chain has no explicit ToneMapping effect.
   - Add ACES filmic tone mapping after Bloom and compare with the thumbnail.
 flexbox-yoga-in-webgl
-  - DONE (July 2026): pass registration rebuilt imperatively and the removed PlaneBufferGeometry replaced; the demo runs clean again.
+  - DONE (July 2026): pass registration rebuilt imperatively and the removed PlaneBufferGeometry replaced; the example runs clean again.
   - Kept GammaCorrectionShader as the final pass: the rendered pages match the intended white-magazine look, so swapping to ToneMapping+OutputPass is optional polish -- compare with the thumbnail before changing it.
 floating-diamonds
   - The DepthOfField effect no longer reproduces the intended focus plane and near/far blur with the current react-postprocessing/postprocessing stack.
@@ -40,7 +40,7 @@ flying-bananas
   - ToneMapping does not specify a mode, so the current AgX default compresses and desaturates the saturated orange and yellow colors.
   - Select the original tone-mapping mode explicitly, likely ACES filmic, and compare with the thumbnail before adjusting exposure.
 glass-flower
-  - This demo was missed by the old-lighting migration: its ambient, spot, and point lights still use legacy intensity values, and the positional lights now use physical distance decay.
+  - This example was missed by the old-lighting migration: its ambient, spot, and point lights still use legacy intensity values, and the positional lights now use physical distance decay.
   - The weaker, differently attenuated lighting changes the transmission and iridescent reflections, then reduces the highlights that feed Bloom, making the whole flower diverge from the thumbnail.
   - The composer already ends with explicit ACES filmic tone mapping, so restore the legacy lighting response first (pi-scaled intensities and decay={0} on the spot and point lights) before changing the LUT or postprocessing settings.
 gltf-animations-tied-to-scroll
@@ -50,7 +50,7 @@ hi-key-bubbles
   - EffectComposer disables renderer tone mapping, but the N8AO/TiltShift chain has no explicit ToneMapping effect.
   - Add ACES filmic tone mapping last and compare with the thumbnail.
 html-markers
-  - This demo has no postprocessing composer, but Three injects the renderer's ACES filmic tone mapping into its tone-mapped material shaders when rendering directly to screen; the original Fiber 8 renderer selected the same mode.
+  - This example has no postprocessing composer, but Three injects the renderer's ACES filmic tone mapping into its tone-mapped material shaders when rendering directly to screen; the original Fiber 8 renderer selected the same mode.
   - Three r155 made inline material tone mapping screen-only, but that does not remove it here because this scene still renders directly to the screen.
   - The globe's reduced saturation is more likely caused by the Three r143-to-r165 color-management and physical-lighting changes, including the recent ambient-light conversion, which alter the linear brightness reaching ACES and can push the colors further into its desaturating highlight shoulder.
   - The HTML/CSS marker colors bypass WebGL tone mapping. If they still match the thumbnail while only the globe is dull, compare ambient/environment intensity and renderer exposure before changing the tone-mapping mode; if the markers are also dull, the cause is outside the Three.js render pipeline.
@@ -70,7 +70,7 @@ motionpathcontrols
   - Add ACES filmic tone mapping last and compare with the thumbnail.
 mount-transitions
   - EffectComposer disables renderer tone mapping, but the N8AO chain has no explicit ToneMapping effect.
-  - Add ACES filmic tone mapping last after replacing the demo's removed BufferGeometry aliases.
+  - Add ACES filmic tone mapping last after replacing the example's removed BufferGeometry aliases.
 nextjs-prism
   - EffectComposer disables renderer tone mapping, but the Bloom/LUT chain has no explicit ToneMapping effect.
   - Add ACES filmic tone mapping after the LUT and compare with the thumbnail.
@@ -94,7 +94,7 @@ space-game
   - The renderer is explicitly set to NoToneMapping and the legacy Drei Effects composer disables its gamma pass.
   - Rebuild the Bloom chain with explicit ACES filmic tone mapping and output conversion.
 sparks-and-effects
-  - DONE (July 2026): Uncharted2ToneMapping replaced with ACESFilmicToneMapping, pass registration rebuilt imperatively, and the broken threejs-meshline/FontLoader/prototype-Pass code modernized; the demo runs clean and matches the thumbnail.
+  - DONE (July 2026): Uncharted2ToneMapping replaced with ACESFilmicToneMapping, pass registration rebuilt imperatively, and the broken threejs-meshline/FontLoader/prototype-Pass code modernized; the example runs clean and matches the thumbnail.
   - Deliberately no OutputPass: the render->water->bloom chain was tuned for legacy linear output, and adding output conversion washes the scene out (verified against the thumbnail).
 ssgi-spheres-with-rapier-physics
   - The final ToneMappingEffect leaves its mode implicit: the original postprocessing 6.32.2 stack defaulted it to ACES filmic, while the currently resolved 6.39 stack defaults to AgX.
@@ -104,10 +104,10 @@ ssr-test
   - EffectComposer disables renderer tone mapping, but the SSR chain has no explicit ToneMapping effect.
   - Repair the current media/runtime compatibility failure, add ACES filmic tone mapping last, and compare with the thumbnail.
 starwars
-  - BROKEN (July 2026, fix deferred): the demo renders, but the SSR pass's MRTMaterial logs a THREE.WebGLProgram shader-compile error every frame ("vViewPosition: undeclared identifier"), so the reflections are missing.
+  - BROKEN (July 2026, fix deferred): the example renders, but the SSR pass's MRTMaterial logs a THREE.WebGLProgram shader-compile error every frame ("vViewPosition: undeclared identifier"), so the reflections are missing.
   - Cause: three r152 renamed the TANGENTSPACE_NORMALMAP shader define to USE_NORMALMAP_TANGENTSPACE. The vendored screen-space-reflections MRTMaterial (bundled inside @react-three/postprocessing as the SSR effect) declares and assigns the vViewPosition varying only under the old define, while three r165's normal_fragment_begin calls getTangentFrame(-vViewPosition, ...) under the new one. The material also lacks the normalMapTransform uniform that r165's uv chunk uses to compute vNormalMapUv, which degenerates normal-map sampling even once the define is aligned.
   - No released package version fixes this: newer @react-three/postprocessing removed the SSR effect entirely, and 2.16.2 (the declared range) fails identically against three r165.
-  - Known fixes when ready: a pnpm patch, verified working, that adds the renamed define to the three conditions gating vViewPosition and supplies a Matrix3 normalMapTransform uniform; or migrate the demo to realism-effects.
+  - Known fixes when ready: a pnpm patch, verified working, that adds the renamed define to the three conditions gating vViewPosition and supplies a Matrix3 normalMapTransform uniform; or migrate the example to realism-effects.
   - Separately, EffectComposer disables renderer tone mapping and the SSR/Bloom/LUT chain has no explicit ToneMapping effect; once SSR works, add ACES filmic tone mapping after the LUT.
 volumetric-light-godray
   - EffectComposer disables renderer tone mapping, but the GodRays/Bloom chain has no explicit ToneMapping effect.