Edit any website,
visually.
Click any element on your site, adjust it, and see it change live. Export the CSS with Studio. No code required.
Free to install and edit. No account required.
Interactive demo
Sample site. Select the heading, paragraph, or button.
Widgets That Actually Work
Build better interfaces with modular, customizable widgets. Ship faster, look smarter, get more done.
Nothing selected yet
- Select the heading, paragraph, or button.
- Change its size or color.
- Export the CSS (Studio).
Text color
/* Select an element on the sample site to see its CSS. */Copy for your AI Agent works with Claude, ChatGPT, Gemini, Cursor, Copilot, and Windsurf.
Everything you need to fine-tune your site.
Clone any Squarespace site
Turn a live Squarespace page into clean, editable code you own.
Typography controls
Font family, size, weight, line height, letter spacing, and color. All visual.
Direct text editing
Double-click any text to edit the words themselves, not just the style.
Appearance controls
Background color, opacity, border radius, box shadow, and visibility.
Layer panel
See the full page structure. Drill into any element, including ones that are hard to click.
Live preview
Every change appears instantly. No reload, no save step.
CSS export
Clean, minimal CSS ready to paste into your site's stylesheet. Included in Studio.
Copy for AI Agent
Export element context in a format ready to paste into any AI assistant. Included in Studio.
Edit in place, or clone the whole thing.
Click any element
Click anything on your page. NudgeCSS highlights it with a gentle outline and opens the editor panel instantly.
Adjust visually
Change fonts, colors, spacing with sliders and pickers. Every adjustment appears live on the page as you make it.
Export your CSS
Exporting is part of Studio. Copy the clean CSS ready to paste into your site, or use Copy for AI Agent to hand it straight to your AI assistant.
Or move the whole site
Leaving Squarespace? Save your whole site with its design and host it free. Every page keeps its address. See our Squarespace migration video.
Built for people who own their site, not people who write code.
Small business owners
Left Squarespace for cheaper, faster hosting, and lost the visual editing that came with it. Fix a font or adjust spacing without hiring a developer.
Freelancers & agencies
Make small client-requested tweaks between revisions, on any client's site, without opening a code editor for a two-minute change.
Marketers & content teams
Update a landing page, adjust a headline, or fix a broken layout without waiting on an engineering ticket.
Start free. Upgrade when you're ready.
- Pick any element on the page
- Fonts and text styling
- Colors, borders, and shadows
- Page structure view
- Live preview
- Undo changes
- Everything in Basic
- Resize and move sections
- Hover styles
- Add elements and drag to resize
- Tablet and phone previews
- Site-wide colors and changing many elements at once
- Edit text right on the page
- Export your changes
Try the Studio editing tools free for 7 days. No card needed.
- Everything in Studio
- Chat with an AI assistant to edit your site
- Save a whole Squarespace site as a standalone copy (.zip)
- Clean code export of a cloned page
- Hand a whole page to an AI assistant
Compare every feature
Swipe sideways to see all three plans.
| Feature | Basic$0 | Studio$30 once | Bridge+$60 once |
|---|---|---|---|
| Core editing | |||
| Pick any element on the page | Included | Included | Included |
| Fonts and text styling | Included | Included | Included |
| Colors, borders, and shadows | Included | Included | Included |
| Page structure view | Included | Included | Included |
| Undo changes | Included | Included | Included |
| Dark mode | Included | Included | Included |
| Advanced editing | |||
| Resize and move sections | Not included | Included | Included |
| Hover styles | Not included | Included | Included |
| Add elements and drag to resize | Not included | Included | Included |
| Tablet and phone previews | Not included | Included | Included |
| Site-wide colors and changing many elements at once | Not included | Included | Included |
| Edit text right on the page | Not included | Included | Included |
| Export your changes | Not included | Included | Included |
| Clone & Bridge | |||
| Chat with an AI assistant to edit your site | Not included | Not included | Included |
| Save one page as a standalone copy (.zip) | Included | Included | Included |
| Save a whole site in one go, sorted into folders (.zip) | Not included | Not included | Included |
| Clean code export of a cloned page | Not included | Not included | Included |
| Hand a whole page to an AI assistant | Not included | Not included | Included |
Common questions.
Does NudgeCSS work on any website?
Yes. NudgeCSS works on any website you open in Chrome, including sites built with Astro, WordPress, Squarespace, Wix, Webflow, or plain HTML. Some sites that block external scripts may have limited functionality.
Do I need to know CSS to use NudgeCSS?
No. NudgeCSS is built for people who are not developers. You work entirely through visual controls: sliders, color pickers, and dropdowns. The extension handles the CSS for you.
Will my changes be saved permanently?
NudgeCSS shows you what your changes look like and generates the CSS to make them permanent. To apply them, export the CSS (part of Studio) and paste it into your site's stylesheet. The extension is a visual editor, not a site editor.
What is "Copy for AI Agent"?
Copy for AI Agent exports the selected element's CSS context in a format that works well when pasted into Claude, ChatGPT, or any other AI assistant. It gives the AI exactly what it needs to understand the element and suggest further changes.
Is NudgeCSS really free?
NudgeCSS Basic is free with no time limit and no account required. You can pick elements, edit fonts, colors, borders, and shadows, and preview your changes live. Exporting is not included in Basic. Studio ($30, paid once, never expires) adds the full editing toolkit and exporting. Bridge+ ($60, paid once, never expires) adds everything in Studio plus page cloning and AI assistant editing.
Make the change yourself,
in two minutes.
Install Free for ChromeFree to install and edit. No account required.