diff --git a/lerna.json b/lerna.json
index 287fe0d..3f71527 100644
--- a/lerna.json
+++ b/lerna.json
@@ -7,5 +7,5 @@
     "packages/core",
     "packages/idraw"
   ],
-  "version": "0.2.0-alpha.22"
+  "version": "0.2.0-alpha.23"
 }
diff --git a/packages/board/package.json b/packages/board/package.json
index f6bc30a..938819a 100644
--- a/packages/board/package.json
+++ b/packages/board/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@idraw/board",
-  "version": "0.2.0-alpha.22",
+  "version": "0.2.0-alpha.23",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -24,10 +24,10 @@
   "author": "chenshenhai",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.2.0-alpha.22"
+    "@idraw/types": "^0.2.0-alpha.23"
   },
   "dependencies": {
-    "@idraw/util": "^0.2.0-alpha.22"
+    "@idraw/util": "^0.2.0-alpha.23"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/core/package.json b/packages/core/package.json
index ca9583d..ece96f8 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@idraw/core",
-  "version": "0.2.0-alpha.22",
+  "version": "0.2.0-alpha.23",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -24,12 +24,12 @@
   "author": "chenshenhai",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.2.0-alpha.22"
+    "@idraw/types": "^0.2.0-alpha.23"
   },
   "dependencies": {
-    "@idraw/board": "^0.2.0-alpha.22",
-    "@idraw/renderer": "^0.2.0-alpha.22",
-    "@idraw/util": "^0.2.0-alpha.22"
+    "@idraw/board": "^0.2.0-alpha.23",
+    "@idraw/renderer": "^0.2.0-alpha.23",
+    "@idraw/util": "^0.2.0-alpha.23"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/idraw/package.json b/packages/idraw/package.json
index 16b11e1..3b0660a 100644
--- a/packages/idraw/package.json
+++ b/packages/idraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "idraw",
-  "version": "0.2.0-alpha.22",
+  "version": "0.2.0-alpha.23",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -24,11 +24,11 @@
   "author": "chenshenhai",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.2.0-alpha.22"
+    "@idraw/types": "^0.2.0-alpha.23"
   },
   "dependencies": {
-    "@idraw/core": "^0.2.0-alpha.22",
-    "@idraw/util": "^0.2.0-alpha.22"
+    "@idraw/core": "^0.2.0-alpha.23",
+    "@idraw/util": "^0.2.0-alpha.23"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/renderer/README.md b/packages/renderer/README.md
index 6582554..2f1cfac 100644
--- a/packages/renderer/README.md
+++ b/packages/renderer/README.md
@@ -1,3 +1,68 @@
 # @idraw/renderer
 
-[![Node.js CI](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml)
\ No newline at end of file
+[![Node.js CI](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml)
+
+
+## Usage
+
+### Quick Start
+
+```sh
+npm i @idraw/renderer
+```
+
+```js
+import Renderer from '@idraw/renderer';
+
+const renderer = new Renderer({
+  width: 600,
+  height: 400,
+  contextWidth: 600,
+  contextHeight: 400,
+  devicePixelRatio: 1,
+});
+
+const canvas = document.querySelector('canvas');
+renderer.render(canvas, {
+  elements: [
+    {
+      name: "rect-001",
+      x: 10,
+      y: 10,
+      w: 200,
+      h: 100,
+      type: "rect",
+      desc: {
+        bgColor: "#f0f0f0",
+        borderRadius: 20,
+        borderWidth: 10,
+        borderColor: "#bd0b64",
+      },
+    },
+  ]
+})
+
+```
+
+### Events
+
+```js
+renderer.on('load', (e) => {
+  // ...
+})
+renderer.on('loadComplete', (e) => {
+  // ...
+})
+
+renderer.on('drawFrame', (e) => {
+  // ...
+})
+renderer.on('drawFrameComplete', (e) => {
+  // ...
+})
+```
+
+## Documents
+
+- [Documents](https://idraw.js.org/docs/en/) | [中文文档](https://idraw.js.org/docs/zh/) 
+- [Online Playground](https://idraw.js.org/playground/) | [在线API示例](https://idraw.js.org/playground/)
\ No newline at end of file
diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index c16405a..ae6f384 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@idraw/renderer",
-  "version": "0.2.0-alpha.22",
+  "version": "0.2.0-alpha.23",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -24,10 +24,10 @@
   "author": "chenshenhai",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.2.0-alpha.22"
+    "@idraw/types": "^0.2.0-alpha.23"
   },
   "dependencies": {
-    "@idraw/util": "^0.2.0-alpha.22"
+    "@idraw/util": "^0.2.0-alpha.23"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/types/package.json b/packages/types/package.json
index 8bc5eeb..f3401e1 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@idraw/types",
-  "version": "0.2.0-alpha.22",
+  "version": "0.2.0-alpha.23",
   "description": "",
   "main": "src/index.ts",
   "types": "src/index.ts",
diff --git a/packages/util/package.json b/packages/util/package.json
index 9a3f64c..b3c5b90 100644
--- a/packages/util/package.json
+++ b/packages/util/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@idraw/util",
-  "version": "0.2.0-alpha.22",
+  "version": "0.2.0-alpha.23",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -24,7 +24,7 @@
   "author": "chenshenhai",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.2.0-alpha.22"
+    "@idraw/types": "^0.2.0-alpha.23"
   },
   "publishConfig": {
     "access": "public"