<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rohan Surve</title>
    <description>The latest articles on DEV Community by Rohan Surve (@rohan_surve_b05e70456c13e).</description>
    <link>https://dev.to/rohan_surve_b05e70456c13e</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3934242%2Fac5cbdcc-3c37-4742-9e45-59fb07125b89.jpg</url>
      <title>DEV Community: Rohan Surve</title>
      <link>https://dev.to/rohan_surve_b05e70456c13e</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rohan_surve_b05e70456c13e"/>
    <language>en</language>
    <item>
      <title>I built free embeddable UI tools for Bubble.io builders — no plugin, no paid plan needed</title>
      <dc:creator>Rohan Surve</dc:creator>
      <pubDate>Sat, 16 May 2026 05:20:52 +0000</pubDate>
      <link>https://dev.to/rohan_surve_b05e70456c13e/i-built-free-embeddable-ui-tools-for-bubbleio-builders-no-plugin-no-paid-plan-needed-4chk</link>
      <guid>https://dev.to/rohan_surve_b05e70456c13e/i-built-free-embeddable-ui-tools-for-bubbleio-builders-no-plugin-no-paid-plan-needed-4chk</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft7fzdvbq7k2mheljpy1s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft7fzdvbq7k2mheljpy1s.png" alt=" " width="800" height="423"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The problem
&lt;/h2&gt;

&lt;p&gt;Every Bubble.io project I've worked on had the same frustrating pattern:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Pricing tables take hours to build properly&lt;/li&gt;
&lt;li&gt;FAQ sections require complex workflows and states
&lt;/li&gt;
&lt;li&gt;I was rebuilding the same UI components from scratch every single project&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Bubble is powerful. But it has real gaps in UI components and infrastructure.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I built
&lt;/h2&gt;

&lt;p&gt;I spent the last week building &lt;a href="https://rsvpscale.in" rel="noopener noreferrer"&gt;rsvpscale.in&lt;/a&gt; — a free platform with embeddable tools specifically for Bubble.io builders.&lt;/p&gt;

&lt;p&gt;The concept is simple:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to rsvpscale.in&lt;/li&gt;
&lt;li&gt;Pick a tool and customize it (2 minutes)&lt;/li&gt;
&lt;li&gt;Copy one iframe snippet&lt;/li&gt;
&lt;li&gt;Paste into any Bubble HTML element&lt;/li&gt;
&lt;li&gt;Done ✅&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;No plugin to install. No paid Bubble plan required. No API tokens. Free forever.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's live right now
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🧩 BubblePricing
&lt;/h3&gt;

&lt;p&gt;Build a beautiful pricing table with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Monthly/yearly billing toggle&lt;/li&gt;
&lt;li&gt;"Most Popular" plan highlight&lt;/li&gt;
&lt;li&gt;Custom brand colors&lt;/li&gt;
&lt;li&gt;Up to 4 pricing tiers&lt;/li&gt;
&lt;li&gt;CTA buttons with custom URLs&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://rsvpscale.in/tools/bubblepricing" rel="noopener noreferrer"&gt;Try BubblePricing →&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  ❓ BubbleFAQ
&lt;/h3&gt;

&lt;p&gt;Build an accordion FAQ section with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Unlimited questions&lt;/li&gt;
&lt;li&gt;Custom brand colors&lt;/li&gt;
&lt;li&gt;Line or card border styles&lt;/li&gt;
&lt;li&gt;Open first item by default option&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://rsvpscale.in/tools/bubblefaq" rel="noopener noreferrer"&gt;Try BubbleFAQ →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How the embed works
&lt;/h2&gt;

&lt;p&gt;The entire config is stored as base64 encoded JSON in the iframe URL:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;iframe&lt;/span&gt; 
  &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://rsvpscale.in/embed/pricing?config=BASE64_CONFIG"&lt;/span&gt;
  &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"100%"&lt;/span&gt; 
  &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"500"&lt;/span&gt; 
  &lt;span class="na"&gt;frameborder=&lt;/span&gt;&lt;span class="s"&gt;"0"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No backend storage needed. No database. The URL IS the config.&lt;/p&gt;

&lt;p&gt;The embed page decodes the config and renders the tool. Clean and simple.&lt;/p&gt;

&lt;h2&gt;
  
  
  The tech stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Framework&lt;/strong&gt;: Next.js 15 (App Router)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling&lt;/strong&gt;: Tailwind CSS + shadcn/ui&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Auth&lt;/strong&gt;: Firebase Authentication&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Analytics&lt;/strong&gt;: PostHog&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hosting&lt;/strong&gt;: Vercel&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Payments&lt;/strong&gt;: Razorpay (coming soon)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What's coming next
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Phase 1&lt;/strong&gt; (current) — 8 free embed tools:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;BubbleTestimonials&lt;/li&gt;
&lt;li&gt;BubbleCountdown&lt;/li&gt;
&lt;li&gt;BubbleCookieBanner&lt;/li&gt;
&lt;li&gt;BubbleAnnouncement&lt;/li&gt;
&lt;li&gt;BubbleWaitlist&lt;/li&gt;
&lt;li&gt;BubbleChangelog&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Phase 2&lt;/strong&gt; — Secure data infrastructure:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;BulkCSV 2.0 — import unlimited CSV rows without exposing your Bubble API token&lt;/li&gt;
&lt;li&gt;Plugin handles DB writes natively — no Data API URL needed&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Phase 3&lt;/strong&gt; — Admin builder:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Connect your Bubble app → get an auto-generated admin panel&lt;/li&gt;
&lt;li&gt;"Retool for Bubble" but 10x simpler&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Phase 4&lt;/strong&gt; — AI search:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Instant search for any Bubble app&lt;/li&gt;
&lt;li&gt;Fixes the biggest Bubble performance pain point&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The business model
&lt;/h2&gt;

&lt;p&gt;Free tools drive traffic → AdSense revenue.&lt;/p&gt;

&lt;p&gt;Pro plan ($9/mo) removes watermark and adds custom branding.&lt;br&gt;
Business plan ($29/mo) unlocks data infrastructure and admin builder.&lt;/p&gt;

&lt;h2&gt;
  
  
  Lessons from building this in a week
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Ship before it's perfect&lt;/strong&gt; — BubblePricing worked on day 3. I could have waited for all 8 tools but launched with 2.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Solve a real pain&lt;/strong&gt; — I've felt this pain myself on every Bubble project. That makes marketing easy.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Free first&lt;/strong&gt; — No friction to try. Watermark creates viral growth.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Config in URL&lt;/strong&gt; — No backend needed for embeds. Genius pattern I'm stealing from Typeform.&lt;/li&gt;
&lt;/ol&gt;




&lt;p&gt;Would love your feedback — especially if you're a Bubble builder.&lt;/p&gt;

&lt;p&gt;What tool would help you most in your Bubble projects?&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://rsvpscale.in" rel="noopener noreferrer"&gt;rsvpscale.in&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Built by &lt;a href="https://x.com/rohan148" rel="noopener noreferrer"&gt;@rohansurve&lt;/a&gt; — PM and indie builder from India 🇮🇳&lt;/p&gt;

</description>
      <category>bubble</category>
      <category>nocode</category>
      <category>webdev</category>
      <category>buildinpublic</category>
    </item>
  </channel>
</rss>
