ckb-js
diff --git a/‎examples/secp256k1-transfer/index.tsx
-73 b/‎examples/secp256k1-transfer/index.tsx
-73
diff --git a/‎examples/secp256k1-transfer/lib.ts
-164 b/‎examples/secp256k1-transfer/lib.ts
-164
diff --git a/‎examples/secp256k1-transfer/package.json
+5-6 b/‎examples/secp256k1-transfer/package.json
+5-6
diff --git a/‎examples/secp256k1-transfer/index.html ‎examples/secp256k1-transfer/src/index.html
+1-2 b/‎examples/secp256k1-transfer/index.html ‎examples/secp256k1-transfer/src/index.html
+1-2
@@ -5,6 +5,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
+    "start": "parcel src/index.html",
     "lint": "tsc --noEmit"
   },
   "keywords": [],
@@ -14,12 +15,10 @@
     "@ckb-lumos/lumos": "0.18.0",
     "@types/react": "^17.0.34",
     "@types/react-dom": "^17.0.11",
+    "bulma": "^0.9.4",
+    "nanoid": "^4.0.0",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/core": "^7.16.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.16.0"
+    "react-dom": "^17.0.2",
+    "react-use": "^17.4.0"
   }
 }
@@ -4,10 +4,9 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Lumos Transfer</title>
+    <title>Lumos Secp256k1 Transfer Demo</title>
   </head>
   <body>
-    <div id="root"></div>
     <script src="index.tsx" type="module"></script>
   </body>
 </html>