diff --git a/README.md b/README.md
index 115ba83..35736d9 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,14 @@ Learn how to make a SVG animation library with Svelte.
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/joysofcode/motion-svg)
 
+## Open in an Online IDE of your choice
+Skip cloning locally, and start developing in the cloud
+
+[![Open in GitHub Codespace](https://github.com/codespaces/badge.svg)](https://codespaces.new/joysofcode/motion-svg)
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/joysofcode/motion-svg)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/joysofcode/motion-svg)
+[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/joysofcode/motion-svg)
+
 ## Local Development
 
 ### 🧑‍🤝‍🧑 Clone the project