Use AI Coding tools to Build cool things in Squarespace

I want to show you how to use AI Coding tools to build cool things for your Squarespace websites. There are a lot of AI Coding tools out there, Lovable, Replit, v0, Bolt, but today we’re going to focus on Lovable because it feels like the most user friendly of the options.

As we build out a Mortgage Calculator, we’re not going to really focus on the code, we’re just going to prompt an AI to build it for us. This is what is commonly known as “Vibe Coding” — a term coined by Andrej Karpathy in Feburary of 2025.

There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. It's possible because the LLMs (e.g. Cursor Composer w Sonnet) are getting too good. Also I just talk to Composer with SuperWhisper…

— Andrej Karpathy (@karpathy) February 2, 2025

I wouldn’t really recommend “Vibe Coding” for anything more complex than a simple app, like the Mortgage Calculator… for now. But it’s a fantastic tool to have in your web designer & developer toolbox.

Here’s my final iframe code I used in my project.

<iframe
  src="https://embeddable-mortgage-buddy.lovable.app/"
  width="100%"
  height="800"
  frameBorder="0"
></iframe>