Edit your website
visually.
No code. No developer.
Click any element on your page. A panel opens showing all its styles. Change them with sliders and color pickers. Works on any website.
No account required. Works on any website.
"I moved off Squarespace but now I can't make simple design changes without calling a developer."
Three steps. That's it.
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
Copy the clean CSS ready to paste into your site. Or use Copy for Claude to hand it straight to your AI assistant.
Everything you need to fine-tune your site.
Typography controls
Font family, size, weight, line height, letter spacing, and color. All visual.
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.
Copy for Claude
Export element context in a format ready to paste into any AI assistant.
Start free. Upgrade when you're ready.
- Full element picker
- Typography controls
- Appearance controls
- Layer panel
- Live preview
- Basic undo (1 step)
- Everything in Free
- Section size controls
- Position and offset
- Full undo history
- All export options
- Multi-select (Shift+Click)
Common questions.
Does NudgeCSS work on any website?
Yes. NudgeCSS works on any website you open in Chrome — 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, copy the CSS and paste it into your site's stylesheet. The extension is a visual editor, not a site editor.
What is "Copy for Claude"?
Copy for Claude exports the selected element's CSS context in a format that works well when pasted into Claude or another AI assistant. It gives the AI exactly what it needs to understand the element and suggest further changes.
Is NudgeCSS really free?
Yes. The core features are free with no time limit. A Pro tier with advanced controls is coming soon. Sign up to be notified when it launches.
Start in under a minute.
Stop guessing.
Start editing.
Install Free for ChromeFree forever. No account required.