diff --git a/README.md b/README.md
index 3baeedb..7437949 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,10 @@
 <a href="https://kaibu.org" target="_blank" ><img src="https://raw.githubusercontent.com/imjoy-team/kaibu/master/public/static/img/kaibu-banner.svg?sanitize=true" width="380" alt="Kaibu"></img>
 </a>
 
+[![Launch ImJoy](https://imjoy.io/static/badge/launch-imjoy-badge.svg)](https://imjoy.io/#/app?plugin=https://kaibu.org/#/app)
+[![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gist/oeway/690c2e62311223ae93e644d542eb8949/master?filepath=Kaibu-jupyter-tutorial.ipynb)
+
+
 Kaibu is a web application for visualizing and annotating multi-dimensional images, built with [OpenLayers](https://openlayers.org/) and [itk-vtk-viewer](https://kitware.github.io/itk-vtk-viewer/).
 
 ----
@@ -51,12 +55,25 @@ api.export(ImJoyPlugin())
 
 Currently we support `view_image`, `add_shapes` and `add_points`, the definition is mostly the same as [napari](https://napari.org/).
 
-You can also try the above code in a Jupyter notebook on binder, [click here](https://mybinder.org/v2/gh/imjoy-team/imjoy-binder-image/master?filepath=imjoy-jupyter-tutorial.ipynb) to launch a notebook on Binder (may take a while to start).
+You can also try the above code in a Jupyter notebook on binder, [click here](https://mybinder.org/v2/gist/oeway/690c2e62311223ae93e644d542eb8949/master?filepath=Kaibu-jupyter-tutorial.ipynb) to launch a notebook on Binder (may take a while to start).
 
 ### In a Jupyter notebook
 Run `pip install imjoy-jupyter-extension`, then start the the Jupyter notebook. Then you can use the above plugin example in the notebook.
 
-You can also try the demo here: [![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gh/oeway/690c2e62311223ae93e644d542eb8949/master?filepath=Kaibu-jupyter-example.ipynb)
+You can try the demo on Binder here: [![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gist/oeway/690c2e62311223ae93e644d542eb8949/master?filepath=Kaibu-jupyter-tutorial.ipynb)
+
+### Kaibu badges
+We provide two badges for you to add to your project:
+
+![open with kaibu](https://kaibu.org/static/badge/open-with-kaibu.svg)
+
+![view in kaibu](https://kaibu.org/static/badge/view-in-kaibu.svg)
+
+```
+![open with kaibu](https://kaibu.org/static/badge/open-with-kaibu.svg)
+
+![view in kaibu](https://kaibu.org/static/badge/view-in-kaibu.svg)
+```
 
 ## Why Kaibu?
 
diff --git a/public/static/badge/open-with-kaibu.svg b/public/static/badge/open-with-kaibu.svg
new file mode 100644
index 0000000..7669b52
--- /dev/null
+++ b/public/static/badge/open-with-kaibu.svg
@@ -0,0 +1,36 @@
+<svg width="117" height="21" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <path d="M28.81 0.38C41.82 0.38 182.46 0.26 193 0.38C203.54 0.51 220.11 12.03 220 27.56C219.89 43.1 220 177.24 220 192.66C220 208.08 208.3 220 191.22 219.95C137.22 219.84 44.2 220.11 29.26 219.95C14.32 219.79 -0.04 206.7 0.12 192.66C0.28 178.62 0.18 137.58 0.18 109.98C0.18 82.71 -0.46 43.08 0.18 28.09C0.81 13.1 15.79 0.38 28.81 0.38Z" id="d3bMzi9PMQ"></path>
+    <path d="M31.44 5.19C84.19 5.19 136.98 5.19 189.73 5.19C203.3 5.19 213.22 13.65 215.42 27C215.68 28.4 215.63 29.79 215.63 31.24C215.63 84 215.63 136.75 215.63 189.49C215.63 205.49 204.4 215.69 188.02 215.64C136.24 215.54 84.5 215.49 32.7 215.64C16.33 215.69 4.8 205.59 4.75 189.49C4.8 163.1 4.8 136.69 4.8 110.24C4.8 84.1 4.8 57.9 4.8 31.74C4.8 15.69 15.37 5.19 31.44 5.19Z" id="ada8SuzWW"></path>
+    <path d="M191.72 99.69C199.3 106.09 200.35 108.55 199.49 113.36C198.52 118.86 193.38 120.48 187.93 119.45C186.04 119.05 184.77 122.29 184.31 123.78C180.35 136.73 175.59 146.2 167.15 156.86C154.87 172.32 138.8 181.49 119.11 183.15C84.9 186.07 59.93 170.78 42.03 142.59C38.06 136.35 35.25 129.59 33.59 122.37C33.36 121.51 33.42 120.94 32.04 121.17C26.24 121.97 23.02 121.09 21.12 116.28C19.23 111.53 21.28 109.16 25.47 105.89C30.81 101.77 36.49 99.63 42.98 98.88C46.19 98.54 50.88 97.75 54.21 98.61C58.86 99.81 60.97 101.37 61.89 105.89C62.86 110.59 60.11 112.69 56.2 115.55C55.17 116.3 54.54 116.7 55.17 118.25C63.26 136.52 75.37 150.78 95 157.14C118.88 164.88 142.64 154.97 154.12 132.8C157.74 125.81 160.86 119.07 163.22 111.63C163.73 110.02 162.96 108.74 161.18 108.22C156.76 107.02 153.37 104.01 153.24 100.12C153.11 96.23 154.63 93.78 158.99 91.72C162.84 90.05 166.58 90.23 172.52 90.95C178.45 91.66 184.15 93.28 191.72 99.69Z" id="cflU5kGtB"></path>
+    <path d="M77.5 44.75C85.94 44.35 93.8 52.14 94.32 60.62C94.95 70.7 87.54 78.66 78.36 78.95C68.14 79.24 59.76 70.41 60.91 61.82C59.76 53.86 67.28 45.21 77.5 44.75Z" id="a5K1CcO4Ro"></path>
+    <path d="M135.87 41.14C145 40.95 152.75 48.76 152.8 57.81C152.86 67.09 144.94 75 135.64 74.94C126.69 74.82 119.24 67.49 118.94 59.07C118.5 46.83 127.46 41.32 135.87 41.14Z" id="b3z6RiU6zX"></path>
+  </defs>
+  <linearGradient id="b" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop>
+    <stop offset="1" stop-opacity=".1"></stop>
+  </linearGradient>
+  <clipPath id="a">
+    <rect width="109" height="20" rx="3" fill="#fff"></rect>
+  </clipPath>
+  <g clip-path="url(#a)" transform="matrix(1.065307, 0, 0, 1, 0.192216, 0.2072)" style="">
+    <path d="M 0 0 L 71.366 0 L 71.366 20 L 0 20 Z" style="fill: rgb(88, 88, 88);"></path>
+    <path d="M 70.911 0 L 109 0 L 109 20 L 70.911 20 Z" style="fill: rgb(121, 87, 213);"></path>
+    <path fill="url(#b)" d="M0 0h109v20H0z"></path>
+  </g>
+  <g transform="matrix(0.062678, 0, 0, 0.062678, 3.268332, 3.0162)">
+    <g transform="matrix(1, 0, 0, 1, -0.347278, 17.216295)">
+      <path d="M31.44 5.19C84.19 5.19 136.98 5.19 189.73 5.19C203.3 5.19 213.22 13.65 215.42 27C215.68 28.4 215.63 29.79 215.63 31.24C215.63 84 215.63 136.75 215.63 189.49C215.63 205.49 204.4 215.69 188.02 215.64C136.24 215.54 84.5 215.49 32.7 215.64C16.33 215.69 4.8 205.59 4.75 189.49C4.8 163.1 4.8 136.69 4.8 110.24C4.8 84.1 4.8 57.9 4.8 31.74C4.8 15.69 15.37 5.19 31.44 5.19Z" transform="matrix(1, 0, 0, 1, 0, 0)" opacity="1" fill-opacity="1" style="fill: rgba(2, 3, 5, 0.27);"></path>
+    </g>
+    <g>
+      <path d="M31.44 5.19C84.19 5.19 136.98 5.19 189.73 5.19C203.3 5.19 213.22 13.65 215.42 27C215.68 28.4 215.63 29.79 215.63 31.24C215.63 84 215.63 136.75 215.63 189.49C215.63 205.49 204.4 215.69 188.02 215.64C136.24 215.54 84.5 215.49 32.7 215.64C16.33 215.69 4.8 205.59 4.75 189.49C4.8 163.1 4.8 136.69 4.8 110.24C4.8 84.1 4.8 57.9 4.8 31.74C4.8 15.69 15.37 5.19 31.44 5.19Z" transform="matrix(1, 0, 0, 1, 0, 0)" opacity="1" fill-opacity="1" style="fill: rgb(246, 246, 246);"></path>
+    </g>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110" transform="matrix(1, 0, 0, 1, 16.583485, -0.469209)">
+    <text textLength="530" style="fill: rgb(3, 3, 3); fill-opacity: 0.3; white-space: pre;" x="300" y="150" transform="scale(.1)">open with</text>
+    <text textLength="530" x="300" y="140" style="white-space: pre;" transform="scale(.1)">open with</text>
+    <text x="790" y="150" fill="#010101" fill-opacity=".3" textLength="350" style="white-space: pre;" transform="scale(.1)">Kaibu</text>
+    <text x="790" y="140" textLength="350" style="white-space: pre;" transform="scale(.1)">Kaibu</text>
+  </g>
+  <path id="Shape 4" class="shp1" d="M 5.738 8.221 C 5.738 8.221 8.415 10.416 8.624 10.606 C 9.053 10.996 9.682 11.55 9.767 11.796 C 9.916 12.231 9.783 12.48 9.795 12.546 C 9.809 12.613 9.686 12.959 9.771 13.189 C 9.856 13.418 9.893 13.537 10.04 13.616 C 10.187 13.696 10.851 13.622 10.973 13.631 C 11.094 13.64 11.733 13.751 11.733 13.751 L 12.34 13.877 C 12.34 13.877 13.082 14.062 13.467 14.171 C 14.06 14.339 14.271 14.447 14.302 14.46 C 14.583 14.572 14.778 14.701 14.934 14.726 C 15.621 14.835 15.447 13.683 15.124 13.224 C 15.124 13.224 14.135 12.135 13.094 11.614 C 12.489 11.311 11.619 10.446 11.315 10.104 C 11.011 9.762 9.986 8.038 9.718 7.568 C 9.449 7.098 8.766 6.24 8.366 5.925 C 8.01 5.646 7.184 5.129 6.8 4.949 C 6.416 4.771 6.481 4.631 6.183 4.764 C 5.886 4.897 6.118 5.28 5.596 5.382 C 5.074 5.483 5.095 5.566 5.035 5.705 C 4.975 5.844 4.681 6.523 4.633 6.625 C 4.542 6.82 4.521 6.738 4.984 7.392 C 5.201 7.697 5.254 7.742 5.362 7.873" style="fill: rgb(121, 87, 213);"></path>
+</svg>
\ No newline at end of file
diff --git a/public/static/badge/view-in-kaibu.svg b/public/static/badge/view-in-kaibu.svg
new file mode 100644
index 0000000..70656f2
--- /dev/null
+++ b/public/static/badge/view-in-kaibu.svg
@@ -0,0 +1,36 @@
+<svg width="102" height="21" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <path d="M28.81 0.38C41.82 0.38 182.46 0.26 193 0.38C203.54 0.51 220.11 12.03 220 27.56C219.89 43.1 220 177.24 220 192.66C220 208.08 208.3 220 191.22 219.95C137.22 219.84 44.2 220.11 29.26 219.95C14.32 219.79 -0.04 206.7 0.12 192.66C0.28 178.62 0.18 137.58 0.18 109.98C0.18 82.71 -0.46 43.08 0.18 28.09C0.81 13.1 15.79 0.38 28.81 0.38Z" id="d3bMzi9PMQ"></path>
+    <path d="M31.44 5.19C84.19 5.19 136.98 5.19 189.73 5.19C203.3 5.19 213.22 13.65 215.42 27C215.68 28.4 215.63 29.79 215.63 31.24C215.63 84 215.63 136.75 215.63 189.49C215.63 205.49 204.4 215.69 188.02 215.64C136.24 215.54 84.5 215.49 32.7 215.64C16.33 215.69 4.8 205.59 4.75 189.49C4.8 163.1 4.8 136.69 4.8 110.24C4.8 84.1 4.8 57.9 4.8 31.74C4.8 15.69 15.37 5.19 31.44 5.19Z" id="ada8SuzWW"></path>
+    <path d="M191.72 99.69C199.3 106.09 200.35 108.55 199.49 113.36C198.52 118.86 193.38 120.48 187.93 119.45C186.04 119.05 184.77 122.29 184.31 123.78C180.35 136.73 175.59 146.2 167.15 156.86C154.87 172.32 138.8 181.49 119.11 183.15C84.9 186.07 59.93 170.78 42.03 142.59C38.06 136.35 35.25 129.59 33.59 122.37C33.36 121.51 33.42 120.94 32.04 121.17C26.24 121.97 23.02 121.09 21.12 116.28C19.23 111.53 21.28 109.16 25.47 105.89C30.81 101.77 36.49 99.63 42.98 98.88C46.19 98.54 50.88 97.75 54.21 98.61C58.86 99.81 60.97 101.37 61.89 105.89C62.86 110.59 60.11 112.69 56.2 115.55C55.17 116.3 54.54 116.7 55.17 118.25C63.26 136.52 75.37 150.78 95 157.14C118.88 164.88 142.64 154.97 154.12 132.8C157.74 125.81 160.86 119.07 163.22 111.63C163.73 110.02 162.96 108.74 161.18 108.22C156.76 107.02 153.37 104.01 153.24 100.12C153.11 96.23 154.63 93.78 158.99 91.72C162.84 90.05 166.58 90.23 172.52 90.95C178.45 91.66 184.15 93.28 191.72 99.69Z" id="cflU5kGtB"></path>
+    <path d="M77.5 44.75C85.94 44.35 93.8 52.14 94.32 60.62C94.95 70.7 87.54 78.66 78.36 78.95C68.14 79.24 59.76 70.41 60.91 61.82C59.76 53.86 67.28 45.21 77.5 44.75Z" id="a5K1CcO4Ro"></path>
+    <path d="M135.87 41.14C145 40.95 152.75 48.76 152.8 57.81C152.86 67.09 144.94 75 135.64 74.94C126.69 74.82 119.24 67.49 118.94 59.07C118.5 46.83 127.46 41.32 135.87 41.14Z" id="b3z6RiU6zX"></path>
+  </defs>
+  <linearGradient id="b" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop>
+    <stop offset="1" stop-opacity=".1"></stop>
+  </linearGradient>
+  <clipPath id="a">
+    <rect width="109" height="20" rx="3" fill="#fff"></rect>
+  </clipPath>
+  <g clip-path="url(#a)" transform="matrix(0.931401, 0, 0, 1, 0.192216, 0.2072)" style="">
+    <path d="M 0 0 L 66.508 0 L 66.508 20 L 0 20 Z" style="fill: rgb(88, 88, 88);"></path>
+    <path d="M 66.206 0 L 109 0 L 109 20 L 66.206 20 Z" style="fill: rgb(121, 87, 213);"></path>
+    <path fill="url(#b)" d="M0 0h109v20H0z"></path>
+  </g>
+  <g transform="matrix(0.062678, 0, 0, 0.062678, 3.268332, 3.0162)">
+    <g transform="matrix(1, 0, 0, 1, -0.347278, 17.216295)">
+      <path d="M31.44 5.19C84.19 5.19 136.98 5.19 189.73 5.19C203.3 5.19 213.22 13.65 215.42 27C215.68 28.4 215.63 29.79 215.63 31.24C215.63 84 215.63 136.75 215.63 189.49C215.63 205.49 204.4 215.69 188.02 215.64C136.24 215.54 84.5 215.49 32.7 215.64C16.33 215.69 4.8 205.59 4.75 189.49C4.8 163.1 4.8 136.69 4.8 110.24C4.8 84.1 4.8 57.9 4.8 31.74C4.8 15.69 15.37 5.19 31.44 5.19Z" transform="matrix(1, 0, 0, 1, 0, 0)" opacity="1" fill-opacity="1" style="fill: rgba(2, 3, 5, 0.27);"></path>
+    </g>
+    <g>
+      <path d="M31.44 5.19C84.19 5.19 136.98 5.19 189.73 5.19C203.3 5.19 213.22 13.65 215.42 27C215.68 28.4 215.63 29.79 215.63 31.24C215.63 84 215.63 136.75 215.63 189.49C215.63 205.49 204.4 215.69 188.02 215.64C136.24 215.54 84.5 215.49 32.7 215.64C16.33 215.69 4.8 205.59 4.75 189.49C4.8 163.1 4.8 136.69 4.8 110.24C4.8 84.1 4.8 57.9 4.8 31.74C4.8 15.69 15.37 5.19 31.44 5.19Z" transform="matrix(1, 0, 0, 1, 0, 0)" opacity="1" fill-opacity="1" style="fill: rgb(246, 246, 246);"></path>
+    </g>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110" transform="matrix(1, 0, 0, 1, 16.583485, -0.469209)">
+    <text textLength="400" style="fill: rgb(3, 3, 3); fill-opacity: 0.3; white-space: pre;" x="230" y="150" transform="scale(.1)">view in</text>
+    <text textLength="400" x="230" y="140" style="white-space: pre;" transform="scale(.1)">view in</text>
+    <text x="650" y="150" fill="#010101" fill-opacity=".3" textLength="350" style="white-space: pre;" transform="scale(.1)">Kaibu</text>
+    <text x="650" y="140" textLength="350" style="white-space: pre;" transform="scale(.1)">Kaibu</text>
+  </g>
+  <path id="Shape 4" class="shp1" d="M 5.738 8.221 C 5.738 8.221 8.415 10.416 8.624 10.606 C 9.053 10.996 9.682 11.55 9.767 11.796 C 9.916 12.231 9.783 12.48 9.795 12.546 C 9.809 12.613 9.686 12.959 9.771 13.189 C 9.856 13.418 9.893 13.537 10.04 13.616 C 10.187 13.696 10.851 13.622 10.973 13.631 C 11.094 13.64 11.733 13.751 11.733 13.751 L 12.34 13.877 C 12.34 13.877 13.082 14.062 13.467 14.171 C 14.06 14.339 14.271 14.447 14.302 14.46 C 14.583 14.572 14.778 14.701 14.934 14.726 C 15.621 14.835 15.447 13.683 15.124 13.224 C 15.124 13.224 14.135 12.135 13.094 11.614 C 12.489 11.311 11.619 10.446 11.315 10.104 C 11.011 9.762 9.986 8.038 9.718 7.568 C 9.449 7.098 8.766 6.24 8.366 5.925 C 8.01 5.646 7.184 5.129 6.8 4.949 C 6.416 4.771 6.481 4.631 6.183 4.764 C 5.886 4.897 6.118 5.28 5.596 5.382 C 5.074 5.483 5.095 5.566 5.035 5.705 C 4.975 5.844 4.681 6.523 4.633 6.625 C 4.542 6.82 4.521 6.738 4.984 7.392 C 5.201 7.697 5.254 7.742 5.362 7.873" style="fill: rgb(121, 87, 213);"></path>
+</svg>
\ No newline at end of file