In part two of my series rebuilding the world's most popular SaaS tools with AI, I take on Typeform, the form builder that literally shuts your forms off once you hit a response cap. I walk through rebuilding all the core paid features of Typeform's plans using Base44, the AI app builder, step by step so you can follow along and clone it yourself in about 10 minutes. I screenshot the real Typeform homepage, feed it into Base44 as a prompt, and let the AI generate the full front end, the database, and working Google authentication on the back end. From there I build a real client intake form, fix a bug live, set up a responses dashboard with email notifications, buy a custom domain, and publish the whole thing to the live internet to prove it actually works. I also get honest about what Base44 does not replace, including Typeform's enterprise integrations and Salesforce backends, so you know when rebuilding a SaaS tool with AI makes sense and when it doesn't. By the end the SaaS savings counter jumps from $180 to $888, and I tease the finale where we try to rebuild Notion.
CHAPTERS: 0:00 Why Typeform Shuts Off Your Forms 0:33 Rebuilding Typeform With AI (Part 2) 1:04 Typeform Pricing Breakdown 1:47 What Base44 Does Beyond the UI 2:23 Try Base44 Free (No Credit Card) 2:40 Starting the Build in Base44 3:14 The Prompt: Cloning Typeform From a Screenshot 3:47 First Preview: Meet "FormFlow" 4:02 Built-In Google Authentication 4:36 Fixing the Create Form Bug Live 4:54 The Visual UI/UX Flow Map 5:10 Building a Custom Client Intake Form 5:55 Adding Form Questions 6:33 No Response Caps: You Own the Database 6:49 Adding a Responses Dashboard & Email Alerts 7:21 Buying a Custom Domain (typeforms.shop) 7:55 Connecting the Domain Automatically 8:27 Publishing the App Live 8:44 Full Live Test in Incognito 9:32 The Moment of Truth 9:48 Submitting a Test Response 10:21 Did It Save to the Database? 10:41 Typeform Rebuilt in 25 Minutes 10:58 More Base44 Features (Analytics & Agents) 11:13 What We Didn't Rebuild 11:44 When Typeform Is Worth Paying For 12:15 SaaS Savings Counter Hits $888 12:31 Next Episode: Rebuilding Notion
------------------- Clips channel @jonlawclips
I do NOT sell any products of my own. Watch out for scams.
So my friends, imagine that you are running an ad
and then leads are coming in.
They're filling out all their information on a form.
It's going great.
And then the form turns off.
That is not a bug.
That is the business model of Typeform.
It is one of the most popular form builders in the world.
You've probably heard of it.
And all of the plans have a hard usage cap
where forms will literally stop accepting responses
until you upgrade or the next month rolls around.
And the free plan caps at 10 responses per month.
And the cheapest plan is $28 a month, about 350 bucks a year.
So in this video,
we are going to completely rebuild it with AI.
And this is part two of a series
where we are rebuilding
some of the most popular SaaS tools in the world.
We're doing it with AI.
I'm showing you how to do it step-by-step
so you can, number one,
learn how to use these tools effectively.
And number two, actually save some money
if you are paying for these apps.
So our money saved counter is at $180.
That is going to go up big time in this video.
And we're going to have fun.
We're going to learn a little bit.
It's going to be a good one.
Let's go.
So first, what exactly is it that we are replacing?
So Typeform has some of the best looking,
at least in my opinion, forms in the world.
That's why you pay for it.
It's this super clean layout.
But the pricing model, if you're just starting out, hurts.
That's why we're rebuilding it.
So basic plan is $29 a month.
It caps you at 100 responses.
Plus is $59 a month for 1,000 responses.
And then business is $100 a month for 10,000 responses.
So we are going to try to rebuild all the features
of that $99 a month plan.
That'll be over $1,000 a year in SaaS savings
if we can do that successfully.
And now the sponsor of this series
and the tool that we're using to rebuild this
is one of my favorite app builders in the world.
That is Base44.
And the big value add, if you saw the last one of Base44,
is everything that's not the UI.
You could vibe code a UI two years ago.
It's great.
But if you want to publish it,
you get the database, the auth, the user flow,
everything you need basically for a form builder.
That is the hard part.
That is what Base44 excels at.
So there's a free plan that doesn't require a credit card.
You help support the channel.
If you follow along, try out Base44
and rebuild the Typeform with me
while we're doing it in this video.
So that's this link on the screen or in the description.
And so again, just literally while you're watching the video,
go create an account for free, copy our prompts,
and by the end of the video, in 10 minutes,
you will have Typeform.
And without further ado,
let's jump into my computer to start the build.
Okay, here we are at the Base44 dashboard.
If you have no idea what you're looking at,
which is probably 12 of you at this point,
you guys are all AI geniuses.
But if not, you can check out these videos about Base44.
Basically, you just tell the AI what you want to create
and it'll create it.
There's a lot more cool stuff in here,
like the super agents, which are automation,
kind of AI employees that can do things for you.
We're gonna stick to the app section
and I'm going to say build a conversational form app
like Typeform.
And then I'm just describing exactly what Typeform is.
And then here's what I want to say as well.
Base the front page UI UX off of this screenshot.
Then I'm going to go to Typeform
and we are quite literally going to screenshot this page
and plug it into the prompt.
And then we'll leave all the settings on default
and let's click send.
So it's thought through the visual direction
and the features that it will build.
And then it's starting on the actual code or backend.
So we'll let it work for.
Okay, backend is up just working on the connection.
Okay, preview is up.
And if we go ahead and compare this page versus this
from what was screenshotted, which was this top part
is a borderline duplicate.
The AI has decided to call the website form flow.
We can see a wholesale page here.
Let's go ahead and click sign up.
So we're going to create a test account, create accounts.
So I didn't even expect it to have built in off here.
So I'm going to have to go and sign in with Google.
Let's jump back to the homepage.
I'll click get started, continue with Google.
And that is actual Google lock
that was automatically set up in the backend.
So now here in the dashboard,
we can see create a new form, create a form.
Let's click create.
Hopefully this flow all works.
I guess we will see it's loading.
Okay, there's a bug.
Something's going on.
Let's screenshot this and say, when I click create new form
it doesn't work, fix this.
And let's see if it can fix that.
And what we can also do if we click on these four boxes
is actually see the whole UI UX flow.
This is like a Figma style map or the UI UX.
And we can also see those are the static pages
and then all the form editing, the public form
that is all dynamically loaded.
It looks like it fixed that bug.
Let's click back to the dashboard, create a form.
Okay, and here is the form creation page.
And let's say we're creating a kind of client form
for an ad funnel.
So let's call it client form.
Now I changed my mind.
Let's name it.
Let's say our agency is ad X.
We'll see if you are a fit for ad X.
We'll choose, let's go green.
And then we can set the welcome page.
We'll say, welcome to ad X, subtext, glad you're here.
Button text start.
And then let's see if we can answer some questions.
I'll click add.
So this is exactly like type form.
This is awesome.
So we can select what kind of question we want to show.
Let's go short question.
What is the revenue of your business?
We'll make that required and we'll go long text.
Why do you want to join?
Or what are you struggling with currently?
And then we'll go email.
What is your email?
We'll make those all required for the thank you page.
We'll leave it as the default.
Let's go ahead and click save.
Okay, we can see our form saved in the dashboard.
I want to leave the UI for the big task
where we're actually going to publish this thing
and see if it works on the live internet.
Now the core limit there are restraints
of enough form submissions,
just shutting the whole thing down.
By default doesn't exist here.
We can jump into the dashboard.
And basically this data is just stored in the database.
You own it.
It's free.
You could get a practically speaking
infinite volume of responses here
and it would be borderline free to host.
What's also cool.
We're not going to jump into this too much,
but you can add all those kinds of agents,
automation stuff within base 44 directly into your app.
But I do want to keep shipping away
at those type form paid features for this build.
So I want to say add a responses section
to the admin dashboard,
where you can see all the submissions,
the rate stats, basically everything.
And I get notified by email
every time someone like a lead submits the form.
Let's see if it can do that.
And just like last video,
I want to make this feel professional.
I'm going to click on buy another under custom domains
and then let's see what the closest available domain
to type form is.
Okay, we have typeforms.shop.
Okay, we are now the proud owner of typeforms.shop.
And what's really nice about this whole system
is that this automatically syncs.
So once you check out,
it's going to do all the domain integration work for you.
We can see order placed.
We'll hit back to base 44.
And now if we go ahead and reload this page,
we can see typeforms.shop is connected
as the custom domain for the site.
Now, if we jump back into preview,
it looks like it is done here.
So if we click login in Google,
we can now see under this page,
we can now click under results.
And under results,
we can see the responses, completion rate,
and then hopefully the submissions,
which is what we will test out now.
So that's the full set of features
that we wanted to create.
The build looks successful.
We still want to make sure it actually is and it works.
So let's go ahead and click publish
at our typeforms.shop domain.
I'll click publish app.
And there we go.
We did it, or we hope we did.
And we are about to find out.
So the custom domain is going to take an hour
to the DNS to sync to the site.
Let's go ahead to this URL right here.
For a full proper test,
so you know it's legit,
we're going to an incognito tab.
Let's click enter.
Here we can see our full site.
Let's click get started.
Pull Google off.
I'll sign in.
And now let's go and create our addX form again.
See if you are a fit for addX.
We'll make the accent color a spicy red.
Welcome to addX.
Questions, we're going to add three.
What is your revenue?
What challenges are your business facing?
And what is your email?
We'll leave the thank you page as the default template.
We'll click save.
We'll jump back into the dashboard.
We can see this.
And then now under publish,
let's go ahead and turn that on.
We're going to save that again.
We'll copy the link.
We'll jump into it.
This is the moment of truth.
We'll click enter.
And it works.
That's beautiful.
This is genuinely what typeform looks like.
So kudos to the agent.
Kudos to the AI.
Did a good job.
Let's click start.
This is level two of three in our series.
I was actually not sure if this was going to work out.
And it did work out.
This is really good.
So let's say $1,652,000 in one on seven.
We'll click okay.
Challenges, high costs, low revenue.
We'll click okay.
And we'll say pass the email.com.
We'll click submit.
Okay, A plus to the agent.
That looks amazing.
But does it actually save?
Is the infrastructure there?
Let's jump back into the dashboard.
We'll click out here.
And there we go.
We can see one response is loaded.
I think it pulled it off.
Let's click on results.
We can see the response, the completion rate, the questions.
And there we go.
We can see all the information from the form.
So that counts as a win in my book.
That is all the core key features of typeform
rebuilt in about 25 minutes on base 44.
And I want to reiterate,
you can do a lot more that we're not covering here.
If we jump back into dashboard,
you can see analytics for the site right here.
You can try out marketing, your SEO.
And then again, what's really fun,
the real secret sauce are your agents
that can work for you in the business and automations.
But that's all for another time.
And today we can go to sleep happy
knowing that we rebuilt typeform.
So that's awesome.
We did it.
Success.
There are things we did not rebuild.
I want to make that clear.
Typeform has all these kind of native integrations,
this whole enterprise compliance stack.
And they have developers who have spent years
working on the little edge pieces of platforms like these.
If you are a big enterprise team
that's running these branch surveys
that merge with Salesforce as a backend,
then typeform completely earns its money.
Where this is a extreme value out,
I think you're just starting out.
Maybe it's your first business.
You're just starting to invest.
Maybe you're not earning a lot from this thing to date.
And now you have to go and pay 50 bucks a month
for this thing that is a form
with some responses that goes to a database.
That, nowadays, you don't need to pay 50 bucks a month for.
I hope this video showed you that.
But that does not mean that it can do everything.
So there is that kind of contextual awareness
around whether you should try to rebuild
these kinds of SaaS tools with AI.
So our savings counter was at $180 after the last video.
With Typeform Plus coming in at $708 a year,
we are at a clean $888 in savings
after part two of this video.
Now, the next episode is the last one of the series.
And we're leveling up.
We are going to rebuild Notion.
And just its AI costs 20 bucks a month.
They charge per user at a certain point.
So can a one-prompt app builder
rebuild the most famous productivity platform on earth?
You will find out in the next video.
Now, again, if you want to support the channel
and try Base44, you go to this link on the screen
or in the description.
And that in mind, y'all, I will see you in the next one.
And I appreciate you being here.
Cheers.