3️⃣ Choose Widget Language

Use BlockBot widget in any programming language you prefer

BlockBot's widget is compatible with all languages that support Iframe. Like:

Category	Languages
Web UI frameworks	React, Vue, Angular, Svelte, Next.js, Nuxt
Web markup	HTML, XHTML
Static site builders	WordPress, Joomla, Webflow, Wix
Backend web servers	Node.js, PHP, Python Flask/Django, Ruby on Rails, ASP.NET, Java Spring
Mobile/Web hybrids	React Native WebView, Flutter WebView, Ionic

1. Using HTML

large variant

<iframe src="https://useblockbot.com/widget/api/v1?type=large&theme=light" style="height: 600px; width: 500px; border-radius: 20px; box-shadow: 0px 0px 15px 1px #00000021;" frameborder="0"></iframe>

---

compact variant

<iframe src="https://useblockbot.com/widget/api/v1?type=compact&theme=light" style="width: 300px; height: 300px; border-radius: 20px; box-shadow: 0px 0px 15px 1px #00000021;" frameborder="0"></iframe>

---

qrcode variant

<iframe src="https://useblockbot.com/widget/api/v1?type=qrcode&theme=light" style="width: 400px; height: 400px; border-radius: 20px; box-shadow: 0px 0px 15px 1px #00000021;" frameborder="0"></iframe>

2. Using React/TypeScript

large variant

<iframe src="https://useblockbot.com/widget/api/v1?type=large&theme=light" style={{ width: "500px", height: "600px", borderRadius: "20px", boxShadow: "0px 0px 15px 1px #00000021" }} frameBorder="0" />

---

compact variant

<iframe src="https://useblockbot.com/widget/api/v1?type=compact&theme=light" style={{ width: "300px", height: "300px", borderRadius: "20px", boxShadow: "0px 0px 15px 1px #00000021" }} frameBorder="0" />

---

qrcode variant

<iframe src="https://useblockbot.com/widget/api/v1?type=qrcode&theme=light" style={{ width: "400px", height: "400px", borderRadius: "20px", boxShadow: "0px 0px 15px 1px #00000021" }} frameBorder="0" />

3. Using Vue

large variant

<iframe src="https://useblockbot.com/widget/api/v1?type=large&theme=light" style="width:500px;height:600px;border-radius:20px;box-shadow:0px 0px 15px 1px #00000021;" frameborder="0"></iframe>

---

compact variant

iframe src="https://useblockbot.com/widget/api/v1?type=compact&theme=light" style="width:300px;height:300px;border-radius:20px;box-shadow:0px 0px 15px 1px #00000021;" frameborder="0"></iframe>

---

qrcode variant

<iframe src="https://useblockbot.com/widget/api/v1?type=qrcode&theme=light" style="width:400px;height:400px;border-radius:20px;box-shadow:0px 0px 15px 1px #00000021;" frameborder="0"></iframe>

---

The widget can be utilized in a variety of programming languages beyond those mentioned above.