diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 00000000..c4b48c36
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,3 @@
+tasks:
+  - init: npm install && npm run build
+    command: npm run start
diff --git a/README.md b/README.md
index 40f2f9af..000f4bb9 100644
--- a/README.md
+++ b/README.md
@@ -9,6 +9,7 @@ to see example and you can play with
 
 ## Contribute
 
+[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/chintan9/plyr-react)
 [![Join the package community on Pika](https://img.shields.io/badge/Pika%20Community-Ask%20questions,%20get%20answers-blue?style=flag-square)](https://www.pika.dev/npm/plyr-react)
 [![BCH compliance](https://bettercodehub.com/edge/badge/chintan9/plyr-react?branch=master)](https://bettercodehub.com/)
 [![Size](https://badgen.net/bundlephobia/minzip/plyr-react)](https://badgen.net/#bundlephobia)