CSS Injector

Quickly apply and persist custom CSS on specific domains for debugging, UI testing, and experiment styling.

Take Control of the DOM with CSS Injector CSS Injector is the minimalist, high-performance tool built for developers and designers who need to modify the web on the fly. No more messing with DevTools "Sources" panels that disappear on refresh. With CSS Injector, your styles are live, local, and persistent. Whether you’re fixing a stubborn z-index issue, prototyping a dark mode, or cleaning up a cluttered dashboard, CSS Injector gives you a dedicated workspace to rewrite the web’s visual layer without touching a single source file. 💡 Key Features Persistent Styling: Custom CSS is automatically saved via chrome.storage.local. Your changes stay active across refreshes and return visits to the domain. Domain-Specific Injection: Styles are tied to the specific domain you're working on, ensuring your experiments don't bleed into other tabs. Real-Time Preview: See your UI changes instantly as you type in the clean, distraction-free popup editor. Lightweight & Fast: Zero bloat. It’s designed to be a high-performance alternative to heavy "user style" managers. 🛠 Who is this for? Web Developers: Quickly test fixes for layout bugs or experiment with flexbox/grid configurations without triggering a full environment rebuild. UI/UX Designers: Prototype high-fidelity visual changes on live sites to show stakeholders exactly how a new margin or color palette looks in production. Pro Tip: Because CSS Injector uses local storage, your styles are kept private on your machine, perfect for internal dev environments and staging sites.