Frequently Asked Questions

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.

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.

Click Install Free at the top of this site, or find NudgeCSS on the Chrome Web Store and click Add to Chrome. When Chrome asks for permissions, click Add extension. The NudgeCSS icon then appears in your toolbar (pin it via the puzzle-piece icon if you don't see it right away). Click it on any site to open the editor panel. No account or sign-up required.

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.

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.

NudgeCSS is a live preview tool. Your changes are not saved to your site's files automatically. You need to export the CSS and paste it into your site's stylesheet to make the changes permanent. This is by design: it lets you experiment freely without accidentally breaking anything.

The Tablet and Mobile preview buttons reload your page fresh at that screen width, so they always show your site's real, currently-saved files rather than edits you've made earlier in the same NudgeCSS session. Export and apply your CSS first if you want to check how a specific change looks at a smaller size.

NudgeCSS generates a CSS selector based on the element's exact position in your current page's structure. If you paste it onto a page where that structure is different, common when migrating off Squarespace, Wix, or another builder, the selector may not match anything. NudgeCSS flags this for you: it adds a comment to the CSS Patch export when a selector looks unusually deep and structure-dependent. When you see that flag, add a class name to the element on your new page and use that as the selector instead.

NudgeCSS Basic is free with no time limit and no account required. Studio ($30/year) and Bridge+ ($60/year) unlock the full editing toolkit and the Bridge AI-editing capability; both are one-time annual purchases, not a subscription that renews automatically.

Basic covers the core editor: the element picker, typography and appearance controls, and the layer panel, free forever. Studio adds the full editing toolkit on top: section size and position, a hover state editor, the insert toolbar, resize handles, breakpoint preview, and the CSS variable and global style editor. Bridge+ adds everything in Studio plus Clone Page (Exact Clone and Download Files exports) and NudgeCSS Bridge. See the full comparison table in the pricing section of the homepage for a feature-by-feature breakdown.

No. Each is a one-time payment that unlocks that tier for 365 days. There's no auto-renewal and no card kept on file for a future charge — when the year is up, you'll get the option to purchase another year at the same price.

You need a credit card to purchase Studio or Bridge+, since both are paid tiers. NudgeCSS Basic remains completely free with no credit card or account required. Purchases are processed securely by Stripe; NudgeCSS never sees or stores your card details.

Yes. This is the Clone Page feature (Bridge+). Click the Clone Page button at the bottom of the panel to open a modal with three export options: For AI Agent (a clean, pasteable rebuild of the page's HTML and CSS to hand to Claude, ChatGPT, or another AI assistant), Download Files (that same clean rebuild as separate .html and .css files), and Exact Clone (a byte-real .zip copy of the page, including the platform's own CSS, JS, fonts, and images). Clone Page captures one page at a time, so repeat it for each page you want to migrate.

Exact Clone is a byte-real copy of the page exactly as it exists today: the platform's own CSS, JS, fonts, and images, zipped for download. Use it when you want an identical starting point to de-platform from. Download Files is a clean rebuild of the same page's HTML and CSS, without the original platform's code baked in, which makes it easier to hand to a developer or use as a foundation in a new framework. Both are Bridge+ features, and both work on one page at a time.

NudgeCSS Bridge lets an AI assistant edit your site's CSS directly, in either direction: you can drive NudgeCSS through an AI browser agent, or send a change straight from NudgeCSS to Claude Code with one click. It's a Bridge+ feature, separate from Clone Page.

Sending a change to Claude Code stays on your own computer: NudgeCSS hands the change to a small local relay running on your machine, which Claude Code then reads directly, so it never travels to NudgeCSS's own servers. Whatever Claude Code itself does with that information is between you and Claude Code, the same as any other file or message you share with it.

No. NudgeCSS does not collect, store, or transmit any personal information. Everything the extension does happens entirely within your browser, on your machine. Read the full privacy policy for details.

NudgeCSS requests three permissions: activeTab (to access the page you're viewing), scripting (to inject the editor panel and style overrides), and storage (to save your panel preferences locally). It also requests one narrow host permission, limited to localhost:8790, used only by the optional NudgeCSS Bridge feature to hand a change to a Claude Code session running on your own machine. None of these send data anywhere outside your browser. See the privacy policy for the full breakdown.

Yes. NudgeCSS works on any page you can open in Chrome. It reads the live rendered HTML and CSS, so it works regardless of the platform used to build the site. Some platforms may reload the page on navigation, which resets unsaved changes, so export your CSS before navigating away.

A small number of sites block the external scripts NudgeCSS needs to inject its editor panel, which limits functionality. If the panel doesn't open, try refreshing the page and clicking the NudgeCSS icon again: the first injection on a new tab can take Chrome a second to catch up. If it still doesn't work, the site is likely one of the rare cases with script-blocking in place.

Not by default. Chrome blocks every extension from running in Incognito windows and on local file:// pages unless you specifically turn that on. To enable either: open chrome://extensions, find NudgeCSS, click Details, and switch on "Allow in Incognito" and/or "Allow access to file URLs." Reload the tab afterward.