Chrome extension to clone your squarespace site and then click-and-drag edit it after

I know a lot of people haven’t enjoyed the recent news of the squarespace price increases, as well as the god awful sitespeeds that no one can seem to improve but are worried about leaving squarespace because you don’t know what else to do.

So I built NudgeCSS.  A chrome extension that allows you to clone a squarespace site and move it to another platform such as Astro.

Anyone who's moved a site off Squarespace onto something like Astro or a plain HTML/CSS build knows the tradeoff: you get speed and control, but you lose the "just click the thing and drag a slider" editing experience. Suddenly a small font-size tweak takes on a whole knew meaning for those who don't have the knowledge and skill set to code their own sites.

I built NudgeCSS to close that gap. It's currently a free Chrome extension while beta testing.  You can click any element on your live page, a panel pops up with all its styling (fonts, colors, spacing, positioning), and you edit it visually; metric sliders, color pickers, no code. When you're happy, it hands you clean CSS you can drop straight into your project or handoff to your LLM to inject.

A few things it does beyond the basics:

• Live mobile/tablet preview so you're not guessing how it looks on other screens

• A real hover-state editor for buttons/links

• Bulk-select ("all buttons," "all of this class") so you're not repeating edits by hand

• A full-page clone/export mode if you want to migrate a whole page's design somewhere else

It's free right now, no catch, because I'm trying to get it in front of about 50 people to actually use on real sites or with squarespace. If you try it, I'd genuinely like to hear what breaks or what's missing.  Feel free to DM any features or bugs you may come across. 

Install: https://chromewebstore.google.com/detail/nudgecss/bkaekjeglagbeojbphpnjbjmocdlddak