diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index 33e002de2..d23261807 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -23,4 +23,4 @@ jobs:
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_branch: gh-pages
-          publish_dir: ./examples/demo/out
+          publish_dir: ./examples/react/out
diff --git a/examples/demo/.babelrc.js b/examples/react/.babelrc.js
similarity index 100%
rename from examples/demo/.babelrc.js
rename to examples/react/.babelrc.js
diff --git a/examples/demo/.eslintignore b/examples/react/.eslintignore
similarity index 100%
rename from examples/demo/.eslintignore
rename to examples/react/.eslintignore
diff --git a/examples/demo/components/Layout.tsx b/examples/react/components/Layout.tsx
similarity index 100%
rename from examples/demo/components/Layout.tsx
rename to examples/react/components/Layout.tsx
diff --git a/examples/demo/config/paths.ts b/examples/react/config/paths.ts
similarity index 100%
rename from examples/demo/config/paths.ts
rename to examples/react/config/paths.ts
diff --git a/examples/demo/config/theme.ts b/examples/react/config/theme.ts
similarity index 100%
rename from examples/demo/config/theme.ts
rename to examples/react/config/theme.ts
diff --git a/examples/demo/lib/example-svg.ts b/examples/react/lib/example-svg.ts
similarity index 100%
rename from examples/demo/lib/example-svg.ts
rename to examples/react/lib/example-svg.ts
diff --git a/examples/demo/lib/gtag.ts b/examples/react/lib/gtag.ts
similarity index 100%
rename from examples/demo/lib/gtag.ts
rename to examples/react/lib/gtag.ts
diff --git a/examples/demo/modules.d.ts b/examples/react/modules.d.ts
similarity index 100%
rename from examples/demo/modules.d.ts
rename to examples/react/modules.d.ts
diff --git a/examples/demo/next-env.d.ts b/examples/react/next-env.d.ts
similarity index 100%
rename from examples/demo/next-env.d.ts
rename to examples/react/next-env.d.ts
diff --git a/examples/demo/next.config.js b/examples/react/next.config.js
similarity index 100%
rename from examples/demo/next.config.js
rename to examples/react/next.config.js
diff --git a/examples/demo/package.json b/examples/react/package.json
similarity index 95%
rename from examples/demo/package.json
rename to examples/react/package.json
index ceaf5ad62..ab106e8bd 100644
--- a/examples/demo/package.json
+++ b/examples/react/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@svg-drawing-example/demo",
+  "name": "@svg-drawing-example/react",
   "private": true,
   "version": "4.2.3",
   "scripts": {
diff --git a/examples/demo/pages/_app.tsx b/examples/react/pages/_app.tsx
similarity index 100%
rename from examples/demo/pages/_app.tsx
rename to examples/react/pages/_app.tsx
diff --git a/examples/demo/pages/_document.tsx b/examples/react/pages/_document.tsx
similarity index 100%
rename from examples/demo/pages/_document.tsx
rename to examples/react/pages/_document.tsx
diff --git a/examples/demo/pages/demo/animation.tsx b/examples/react/pages/demo/animation.tsx
similarity index 100%
rename from examples/demo/pages/demo/animation.tsx
rename to examples/react/pages/demo/animation.tsx
diff --git a/examples/demo/pages/demo/img-trace.tsx b/examples/react/pages/demo/img-trace.tsx
similarity index 100%
rename from examples/demo/pages/demo/img-trace.tsx
rename to examples/react/pages/demo/img-trace.tsx
diff --git a/examples/demo/pages/index.tsx b/examples/react/pages/index.tsx
similarity index 100%
rename from examples/demo/pages/index.tsx
rename to examples/react/pages/index.tsx
diff --git a/examples/demo/public/img_trace/cat.jpg b/examples/react/public/img_trace/cat.jpg
similarity index 100%
rename from examples/demo/public/img_trace/cat.jpg
rename to examples/react/public/img_trace/cat.jpg
diff --git a/examples/demo/public/img_trace/harinezumi.jpg b/examples/react/public/img_trace/harinezumi.jpg
similarity index 100%
rename from examples/demo/public/img_trace/harinezumi.jpg
rename to examples/react/public/img_trace/harinezumi.jpg
diff --git a/examples/demo/public/img_trace/kuma.jpg b/examples/react/public/img_trace/kuma.jpg
similarity index 100%
rename from examples/demo/public/img_trace/kuma.jpg
rename to examples/react/public/img_trace/kuma.jpg
diff --git a/examples/demo/public/img_trace/panda.png b/examples/react/public/img_trace/panda.png
similarity index 100%
rename from examples/demo/public/img_trace/panda.png
rename to examples/react/public/img_trace/panda.png
diff --git a/examples/demo/public/img_trace/risu.jpg b/examples/react/public/img_trace/risu.jpg
similarity index 100%
rename from examples/demo/public/img_trace/risu.jpg
rename to examples/react/public/img_trace/risu.jpg
diff --git a/examples/demo/public/img_trace/tanuki.jpg b/examples/react/public/img_trace/tanuki.jpg
similarity index 100%
rename from examples/demo/public/img_trace/tanuki.jpg
rename to examples/react/public/img_trace/tanuki.jpg
diff --git a/examples/demo/tsconfig.json b/examples/react/tsconfig.json
similarity index 100%
rename from examples/demo/tsconfig.json
rename to examples/react/tsconfig.json