diff --git a/README.md b/README.md
index f2f0676..e7e0c66 100644
--- a/README.md
+++ b/README.md
@@ -2,13 +2,13 @@
 
 SQL Editor is built on [CodeMirror6](https://codemirror.net/), a modern code editor that is written in TypeScript and supports a wide range of extensions. Based on that, we provide a set of extensions to make it easy to use and easy to extend, all these features are validated in the [TiDB Cloud](https://tidbcloud.com), with countless customers all around the world. We also contribute to the CodeMirror6 project, and we are happy to share our extensions with the community.
 
-👉🏻 [Try Full Featured Playground](https://tisqleditor-playground.netlify.app/)
+👉🏻 [Try Full Featured Playground](https://tisqleditor.vercel.app/playground)
 
 ![image](./packages/playground/public/playground-2.png)
 
 https://github.com/tidbcloud/tisqleditor/assets/1284531/732b600f-5b4e-45d3-a3d2-26479bd59d11
 
-👉🏻 [Try Simple Example](https://tisqleditor-playground.netlify.app/?example=all&with_select)
+👉🏻 [Try Simple Example](https://tisqleditor.vercel.app/examples?ex=all)
 
 ![image](./packages/playground/public/example-2.png)
 
diff --git a/packages/extensions/ai-widget/README.md b/packages/extensions/ai-widget/README.md
index 8161cf4..d847742 100644
--- a/packages/extensions/ai-widget/README.md
+++ b/packages/extensions/ai-widget/README.md
@@ -13,8 +13,8 @@ https://github.com/tidbcloud/tisqleditor/assets/1284531/46684333-7efa-4925-bf58-
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example=ai-widget&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples?ex=ai-widget)
 
 ## Installation
 
diff --git a/packages/extensions/cur-sql-gutter/README.md b/packages/extensions/cur-sql-gutter/README.md
index 1654d47..e782ce4 100644
--- a/packages/extensions/cur-sql-gutter/README.md
+++ b/packages/extensions/cur-sql-gutter/README.md
@@ -4,8 +4,8 @@ A codemirror extension listens the editor selection change, and shows gutter for
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example=cur-sql-gutter&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples?ex=cur-sql-gutter)
 
 ## Installation
 
diff --git a/packages/extensions/linters/README.md b/packages/extensions/linters/README.md
index 2720180..9043a24 100644
--- a/packages/extensions/linters/README.md
+++ b/packages/extensions/linters/README.md
@@ -8,8 +8,8 @@
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example=use-db-linter&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples?ex=use-db-linter)
 
 ## Installation
 
diff --git a/packages/extensions/save-helper/README.md b/packages/extensions/save-helper/README.md
index 1a163d1..d0bf62b 100644
--- a/packages/extensions/save-helper/README.md
+++ b/packages/extensions/save-helper/README.md
@@ -4,8 +4,8 @@ A codemirror extension listens the editor doc changes, if changes, it will call
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example=save-helper&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples?ex=save-helper)
 
 ## Installation
 
diff --git a/packages/extensions/sql-autocomplete/README.md b/packages/extensions/sql-autocomplete/README.md
index 790fa83..6b065fe 100644
--- a/packages/extensions/sql-autocomplete/README.md
+++ b/packages/extensions/sql-autocomplete/README.md
@@ -4,8 +4,8 @@ A codemirror extension implements the SQL keyword and database schema autocomple
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example=sql-autocomplete&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples?ex=sql-autocomplete)
 
 ## Installation
 
diff --git a/packages/playground-nextjs/README.md b/packages/playground-nextjs/README.md
index defc79c..0197f9f 100644
--- a/packages/playground-nextjs/README.md
+++ b/packages/playground-nextjs/README.md
@@ -2,7 +2,7 @@
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor.vercel.app/)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
 - [Simple Example](https://tisqleditor.vercel.app/examples)
 
 ## Tech Stack
diff --git a/packages/playground/README.md b/packages/playground/README.md
index c2c114a..63bedd7 100644
--- a/packages/playground/README.md
+++ b/packages/playground/README.md
@@ -2,8 +2,8 @@
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example=all&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples?ex=all)
 
 ## Tech Stack
 
diff --git a/packages/react/README.md b/packages/react/README.md
index 9ea1511..8e49bed 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -4,8 +4,8 @@ This package provides a react component wrap for `SQLEditorInstance` from `@tidb
 
 ## Try it
 
-- [Full Featured Playground](https://tisqleditor-playground.netlify.app/)
-- [Simple Example](https://tisqleditor-playground.netlify.app/?example&with_select)
+- [Full Featured Playground](https://tisqleditor.vercel.app/playgroud)
+- [Simple Example](https://tisqleditor.vercel.app/examples)
 
 ## Installation