Modern browsers have become the primary workspace for developers, designers, and content creators. Whether you’re debugging layouts, testing WordPress themes, creating documentation, or building web applications, repetitive browser tasks can interrupt your workflow.
 | Hide WP Admin Bar | Toggles the WordPress admin bar on or off with a single toolbar click, fixing layout offsets when hidden. | README |
 | Outiline | Toggles colorful outlines on every DOM element so you can visualize HTML structure and nesting. | README |
 | Screenshots | Captures the visible tab, crops to 16:9 from the top-left, and downloads a WebP with a sanitized filename. | README |
 | Lorem Ipsum | Generates Lorem Ipsum text and copies/inserts it into the active input or editable field. | README |
That’s why I created Mosne Extensions—an open-source collection of lightweight Chrome extensions that each solve one problem exceptionally well.
Instead of building a single extension packed with unrelated features, every extension in the collection focuses on a specific task. The result is a faster, simpler, and more maintainable set of tools that fit naturally into a developer’s daily workflow.
The complete source code is available on GitHub:
https://github.com/mosne/mosne-extensions
Why I Built Mosne Extensions
During frontend and WordPress development, I found myself repeating the same small actions throughout the day:
- hiding the WordPress admin toolbar
- visualizing DOM structure
- generating placeholder text
- creating clean screenshots for documentation
None of these tasks are difficult, but together they consume time and interrupt concentration.
Mosne Extensions aims to eliminate those interruptions by providing focused browser tools that are lightweight, intuitive, and open source.
Built with Chrome Manifest V3
Every extension in the repository follows Google’s Manifest V3 architecture.
The project emphasizes:
- minimal permissions
- fast performance
- clean code
- privacy-first design
- simple installation
- open-source development
Because each extension is independent, developers can easily explore the implementation, learn from the code, or adapt it for their own projects.
Whether you’re learning how to build Chrome extensions or searching for practical Manifest V3 examples, the repository serves as both a toolkit and a reference.
Included Chrome Extensions
Hide WordPress Admin Bar
When developing WordPress websites, the admin toolbar is useful—but it often interferes with frontend testing.
Simply hiding the toolbar isn’t enough because WordPress also applies layout offsets to the page.
The Hide WordPress Admin Bar extension removes both the toolbar and its layout adjustments with a single click, allowing you to preview pages exactly as visitors see them.
Ideal for:
- WordPress developers
- frontend developers
- UI testing
- responsive design validation
Outline DOM Elements
Understanding an unfamiliar webpage becomes much easier when you can immediately see its structure.
The Outline extension draws colored borders around every HTML element, making it easy to inspect:
- nested containers
- layout hierarchy
- spacing
- page composition
It’s especially useful before opening DevTools or when reviewing complex layouts.
Screenshot Tool
Creating screenshots for documentation usually involves several manual steps:
- Capture the page
- Open an image editor
- Crop the image
- Export it
The Screenshots extension simplifies that workflow by automatically:
- capturing the visible tab
- cropping to a 16:9 aspect ratio
- exporting as WebP
- generating a clean filename
Perfect for technical documentation, blog posts, GitHub READMEs, and tutorials.
Lorem Ipsum Generator
Placeholder text should never require opening another website.
The Lorem Ipsum extension generates placeholder text directly inside Chrome. It can either copy the generated text to the clipboard or insert it into the active input field.
This small improvement makes wireframing, prototyping, and CMS testing noticeably faster.
Why Open Source?
Every extension in Mosne Extensions is available under an open-source license.
That means you can:
- inspect the source code
- learn Manifest V3 best practices
- customize extensions
- submit improvements
- contribute new ideas
I believe browser extensions should be transparent, understandable, and easy to modify.
Who Is This Project For?
Mosne Extensions is designed for:
- frontend developers
- full-stack developers
- WordPress developers
- UI and UX designers
- technical writers
- QA engineers
- anyone who spends significant time in Chrome
If your work happens inside the browser, these tools are intended to reduce repetitive tasks and keep you focused.