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
qrcode variant
3. Using Vue
large variant
compact variant
qrcode variant
Last updated