Chrome Extension

Test CSS on any page without touching source code.

CSS Scratchpad is a lightweight browser tool for temporarily applying custom CSS to the current webpage. It is built for development, testing, visual debugging, and quick design experiments.

See Features Privacy Policy

Built for fast visual testing.

Use CSS Scratchpad when you want to quickly test a style change, debug a layout issue, or experiment with a page design without changing app files.

⚡

Instant preview

Apply CSS to the active page and see the result immediately.

</>

Write your CSS

Paste or type custom CSS directly into the extension popup.

💾

Save locally

Keep your CSS available in Chrome extension storage for reuse.

🎯

Debug layouts

Great for testing spacing, colors, typography, visibility, and responsive tweaks.

Private by design.

CSS Scratchpad does not need accounts, servers, analytics, tracking, or personal data. The CSS you write stays local in your browser.

No tracking
No analytics
No remote servers
No personal data collection
CSS is applied only when you click Apply

About the author

CSS Scratchpad was created by Chris Ward as a simple tool for developers and designers who want a faster way to test page styling directly in the browser.

Illustration of Chris Ward working at a desk with a laptop, rocket, flowchart, and lightbulb.

Other works by the author: