diff --git a/README.md b/README.md
index f499335..6895242 100644
--- a/README.md
+++ b/README.md
@@ -72,7 +72,7 @@ npm i idraw
 ### Common
 
 ```js
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 
 const idraw = new iDraw(
   document.querySelector('#app'),
@@ -101,7 +101,7 @@ idraw.addElement({
 ### React
 
 ```jsx
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 import { useEffect, useRef } from 'react';
 
 function Demo() {
@@ -142,7 +142,7 @@ function Demo() {
 </template>
 
 <script setup >
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 import { ref, onMounted } from 'vue'
 const mount = ref();
 
diff --git a/examples/idraw/react/demo.jsx b/examples/idraw/react/demo.jsx
index 2656343..83b1fd5 100644
--- a/examples/idraw/react/demo.jsx
+++ b/examples/idraw/react/demo.jsx
@@ -1,4 +1,4 @@
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 import { useEffect, useRef } from 'react';
 
 function Demo() {
diff --git a/examples/idraw/vue/demo.vue b/examples/idraw/vue/demo.vue
index 0fafaf0..114f9bc 100644
--- a/examples/idraw/vue/demo.vue
+++ b/examples/idraw/vue/demo.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup >
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 import { ref, onMounted } from 'vue'
 const mount = ref();
 
diff --git a/packages/idraw/README.md b/packages/idraw/README.md
index 1c5b9b6..7e0a092 100644
--- a/packages/idraw/README.md
+++ b/packages/idraw/README.md
@@ -70,7 +70,7 @@ npm i idraw
 ### Common
 
 ```js
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 
 const idraw = new iDraw(
   document.querySelector('#app'),
@@ -99,7 +99,7 @@ idraw.addElement({
 ### React
 
 ```jsx
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 import { useEffect, useRef } from 'react';
 
 function Demo() {
@@ -140,7 +140,7 @@ function Demo() {
 </template>
 
 <script setup >
-import iDraw from 'idraw';
+import { iDraw } from 'idraw';
 import { ref, onMounted } from 'vue'
 const mount = ref();